Creating Your First Web Page

A Course for Librarians at Lesley College
Nicole Hennig
March 7, 1997

Part I

1. Planning your site.
2. Web browsers and their differences.
3. What is HTML?
4. Basic tags:

   Title

   Body

   Headings

   Hard Rules

   Lists

   Text Styles: bold, italic, underline, typewriter

   Centering

   Body background color

   Break

   Preformatted text:

             Monday--Friday     9am to11pm
             Saturday           9am to 5pm
             Sunday             12noon to 11pm
   

5. Links:

   linking to other documents in the same file

   linking to outside web sites

   relative links vs. absolute path names

   anchors to specific sections in the same document, or other documents

   "mailto" links: nic@tiac.net

   
   
6. Practicing what you've learned:
   Make a basic page with at least 3 subpages. Include as much of the following as makes sense for your page:
   • title
   • a centered heading
   • a background color
   • a few paragraphs
   • an ordered list
   • an unordered list
   • a list within a list
   • a link to another page in the same file
   • a few links to external web sites

Part II

1. Images
   • scanning
   • downloading
   • making your own
   • GIFs and JPEGs
   • tags for images
   • using ALT tags
   • image border=0
   • aligning graphics
   • background images
   • text banners
   
   
2. Uploading your web site.
   
   
3. Practicing what you've learned:
   
   Save a few images to your folder of web pages. Use the image tag to insert them into your documents. Try the following:
   • Experiment with alignment (ALIGN=top, ALIGN=middle, ALIGN=bottom)
   • Put some of your links inside image tags. Use the ALT tag. Try setting BORDER=0.
   • Experiment with the WIDTH and HEIGHT tags.
   • Upload your page and test it.
4. Links to image resources:
   
   Yahoo's List of Web Graphics Sites
   Transparent and Interlaced Gifs
   Color Maker
   Graphic Converter Tutorial
   Julianne's Background Textures
   Bill's Animated GIF Collection
   HTML Tips: Using Images Effectively

Addendum