Web Publishing III: Exercises

IT Curriculum, UO Library
JQ Johnson <mailto:jqj@darkwing.uoregon.edu>

Exercise 1: A very simple HTML document in Word

1. On your hard disk, open "Distributed Files". Double-click "myword.doc" to open it in MS Word.
2. Add some text at the end, then save it using the "Save as HTML" menu item. Save the file as "myword.htm" in the "Guest" directory on the C: drive. Exit from MS Word.
3. View the resulting file in both Internet Explorer and Netscape, and compare. View the source (in MSIE, use View->Source).

Exercise 2: Editing with FrontPage Express

1. In the Applications folder on your desktop, doubleclick on "FrontPage Express". When FPE is running, choose the "File->Open" menu item, and open the myword.htm file you've created.
2. Edit the file: change the background color to white using Format->Background; change the heading to be in style H2 (use the Style pulldown menu); turn off Boldface; center the heading using the "center" button.
3. View the resulting source using View->HTML. Optional exercise: in HTML view, change the FONT value for the Heading from "Arial" to "Arial,Helvetica,sans-serif".
4. Use Insert->Image... to insert the image named "Mussy_Mouse.jpg" at the end of your document (find it in the Distributed Files folder).
5. Save your file.

Exercise 3: Manipulating Images

1. Using Windows Explorer, move the file "smartmouse.gif" from the Distributed Files folder to your Guest Folder.
2. Edit your myword.htm file using FrontPage Express.
• insert the image at the beginning of the first paragraph after the heading.
• doubleclick on the image to get the "Image Properties" box. Add an appropriate ALT label. Change the alignment to "right". Add a border. Change the size or spacing.
3. View the resulting source using View->HTML. Note the URLs in the 2 image tags.
4. Delete the Mussy_Mouse image.
5. Save your file. View the result in a web browser.

Exercise 4: More Images

1. Edit your myword.htm file using FrontPage Express.
   • change the background color of your web page. Observe the effect on your mouse image.
   • save your work.
2. Preview your page in Internet Explore or Netscape.
3. Open the "Guest Folder" in windows explorer. Select "View->Details" if necessary. Look at the sizes of the various files, and add up the total number of KB that will need to be downloaded when your web page is displayed. At 6 KB/sec (typical of a 56Kb/s modem), about how long will it take?