ECI 304 - Educational Applications of Computers: Agenda for April 5 and 6


  1. 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)
  2. Open your site Home page, hotlist and resume
  3. Call me over to show me
  4. 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:

  1. Go to Tools - Internet Options
  2. Click on the Advanced tab and look under Browsing
  3. Be sure the line that says "Enable folder view for FTP sites" is checked
  4. Click Apply (if available) and OK
  5. Type in the course ftp URL using ftp:// as the protocol
  6. 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:


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*.

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:

You also have the option of getting a sort of text wrapping by using the align attribute in the img tag. For instance:

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.


WebQuest about WebQuests

WebQuest Template using MS Word

Download this compressed file for a set of pages to fill in for your MiniQuest.

Using Word to Create Web Pages

The following list contains resources to help create Web pages in word.

Open Lab

Assignments due next week


Hollenbeck Home

Last modified Monday, September 4, 2006 3:15 PM

Search 304

Jan 11 and 12
Jan 18 and 19
Jan 25 and 26
Feb 2 and 3
Feb 8 and 9
Feb 15 and 16
Feb 22 and 23
Mar 1 and 2

Spring Break
Mar 15 and 16
Mar 22 and 23
Mar 29 and 30
Apr 5 and 6
Apr 12 and 13
Apr 19 and 20
Apr 26 and 27