FTP
- Use FTP to download your website to your local computer. Place all of your files into a folder on the desktop (Mac) or in the H: drive (PC)
- Open your site Home page, hotlist and resume
- Call me over to show me
- Work to finish Project 7
FTP in
Internet Explorer on Windows!
Laura Howell in the Wednesday class discovered a nice alternative to using an FTP program. In Windows, lauch Internet Explorer and do the following:
- Go to Tools - Internet Options
- Click on the Advanced tab and look under Browsing
- Be sure the line that says "Enable folder view for FTP sites" is checked
- Click Apply (if available) and OK
- Type in the course ftp URL using ftp:// as the protocol
- After a second you will get a log in screen. Enter the user id and password
You should now see a list of folders. Internet Explorer will now work like any disk window on your computer. This means you can drag and drop files back and forth between your computer and the server.
When you are done, quit the browser. This is the only way to log out.
Remember,
this only works in Windows using Internet Explorer. Mac users and devotees
of Netscape will have to do things the old way.
Learning Graphic Formats and Placement
There are a couple of things to know about pictures and Web sites; standard graphic formats and placement of images:
Formats
Graphic files must be compressed to make them small enough to be practical on the Web. This is so important that browsers will not display uncompressed graphics. Currently there are two standard formats for graphics compression on the Web - gif and jpeg*.
- gif is used for simple graphics such as logos and solid drawings. It only allows the use of 256 colors and is best for smaller, uncomplicated images. Files use the .gif extension.
- jpeg is used for more complex images such as photographs and larger files. It allows the full color palate. Files use the .jpg or .jpeg extension.
All graphics files we use will be one of thee two formats. Any picture you want to use must be converted to one of these two formats using a graphics program like Adobe Photoshop, Paintshop Pro, Fireworks, etc.
A brief lecture on graphic formats using the following illustrations
Further illustration and explanation of these formats can be found at Creating Killer Web Sites:
Placement of Images
Generally, use the <p> tag to align images. For instance:
- <p align="center"><img src="../../../graphics/garlic01.gif"></p> gives this
You also have the option of getting a sort of text wrapping by using the align attribute in the img tag. For instance:
- <img src="../../../graphics/garlic01.gif" align="left"> in a paragraph gives:
A
graphics that has text flowing to the left.
Note that paragraphs will continue to appear until the bottom of the
graphics or you use <br clear="left">
Which puts the text here.
This is just a quick idea about images if you want to start working with them.
*A new format called png has been
developed to replace both of these compression schemes, but full acceptance
has been slow. For now we will stick to gif and jpeg. 
Break
WebQuest about WebQuests
- Take a WebQuest about WebQuests. Form a group around the age group
you teach
- Elementary Version
- Middle School/High School Version
- Complete the Tasks
- Report to class
- Then study the design process
WebQuest Template using MS Word
Download this compressed file for a set of pages to fill in for your MiniQuest.
- WebQuest Templates (.zip file)
Using Word to Create Web Pages
The following list contains resources to help create Web pages in word.
Open Lab
- Begin Planning MiniQuest
- Identify and Mark Resources
- Finalize Goals
- Write Content
Assignments due next week
Assignments
- Complete Project 7
Last modified Monday, September 4, 2006 3:15 PM