Exercise: Presenting on a Web Page with explanatory text

A. Using Word

1. Open Word.

2. Start a new document in word.

3. Enter a title that will appear on the page.

4. Insert the image. Recommended: the 72 dpi version.

5. Enter information about the image.

Note: if you want the information about the image to appear side-by-side with the image, then put them in a table with 1 row and two columns.

6. Enter image creation information: when scanned, what equipment used, what resolution for the original tif, etc.

7. Select File > Properties and enter a title for the page.

This is what will appear on the blue title bar in the browser and when a person bookmarks or adds to favorites. It does not appear on the page, but can be the same as what you entered for the title that appears on the page. It is not the same as the file name.

8. Save as a Web page. Use one of the file names on the handout "D101 Introduction to Digitization: A Hands on Experience for Beginners Presentation Exercises" and modify the file extension to html [add the letter l]. Tip: Do not use spaces in the file name. If you do, the URL will have %20s.

Word will create a page and a folder for the associated image file. The name you gave the image file will not be retained.

B. Using NVU

NVU is an open source web editing tool that can be downloaded from www.nvu.com

1. Create a folder and put the image file into the folder.

2. Open Nvu.

3. Enter a title that will appear on the page.

4. Insert the image. Recommended: the 72 dpi version.

5. Enter information about the image.

Note: if you want the information about the image to appear side-by-side with the image, then put them in a table with 1 row and two columns.

6. Enter image creation information: when scanned, what equipment used, what resolution for the original tif, etc.

7. Select File > Save. The Page title window will appear. Enter a title for the page.

This is what will appear on the blue title bar in the browser and when a person bookmarks or adds to favorites. It does not appear on the page, but can be the same as what you entered for the title that appears on the page. It is not the same as the file name.

8. Save in the same folder as the image. Use one of the file names on the handout "D101 Introduction to Digitization: A Hands on Experience for Beginners Presentation Exercises." Tip: Do not use spaces in the file name. If you do, the URL will have %20s.Do not use spaces in the file name. If you do, the URL will have %20s.

C. For either Word or Nvu

9. Use the browser to open the web page on your computer.

10.
FTP to the server-- see the handout on FTP. Be sure to FTP all files used, both the web page and the image file or associated folder.

View your Web page! http://d101.0catch.com/  [1 are ones, 0 are zeros]

D.  Thumbnails page

11. If you have not already created a small access copy, then do so using Paint.

12. Create another page using this smaller image.

13. Select the image, right click and add a hyperlink to the page previously created.

14. Save this page with a different name.

15. Save, preview, ftp and view.

[back to the Agenda]
Diane Berry for WNYLRC 9/29/05