Northwest Drama Conference Workshop for Faculty with

Experience on the Internet

Exercise I - Viewing a Homepage

Basic Information

• Moving around a homepage
  • You can scroll up or down a file
  • You can use Home to go to the beginning of a document
  • You can use End to go to the end of a document
  • You can use Ctrl / Edit to Find a word or phrase
  • You can use F3 to Find Again
  
  
• View / Document Source allows you to see the HTML tagging
  • This is a quick way to see how someone did something
  • You can scroll up and down the Document Source
  
  
• If you Have Windows Open, you can Copy / Paste a url
  • Highlight the url
  • Edit / Copy
  • Go to the document you are creating and Edit / Paste
    • You can do this from your e-mail into Netscape (or Mosaic)
    • or from a .txt .html or .doc to Netscape (or Mosaic)
    • or from Netscape (or Mosaic) to another document

  When you find a www page you like, click on File/Print

  • This will print the file as you see it on your monitor in Netscape (or Mosaic)
  • The print includes the graphics
  • You can print the entire file
  • you can print a portion of the file
  • If you are booted out of Netscape trying to print the file, it's probably because it was coded so you could view but not print the file.
  
  

  You can Save the file by using File/Save

  • You can choose to save the file to your harddrive or to a floppy
  • This will save the file in ASCII text
  • The file saves as an .htm or .html extension
  • Links to graphics and other sites provide the url (address)
  • When you open the .html to edit you see the tagging for Graphic and links
  • To save the graphic, right click on the graphic.
  
  

  Put the two printouts side by side

  • This way you can compare how things look on the screen and the HTML tagging
  • The ASCII version is considerably longer
  
  

  When you find a file you want to use again you can Bookmark it

  • Go to Bookmarks (at the top menu)
  • Click on Add Bookmark
  • Go to Bookmarks allows you to see your complete list
    • You can create folders and keep similar subjects together
    • You can rearrange the folders
      • in alphabetical order
      • by most frequently used
    • You can establish a hierarchy within and among your folders
    • When you are no longer interested in a url, or the url is obsolete, you can delete it from your Bookmarks

Exercise II -- Mark the parts of the WWW page you like

Remember
• Different computers view files in different ways - some of the fancy formatting can't be viewed on older computers
• Visually impaired people may need a text version without any fancy formatting
• Mark the parts of the .txt page which correspond to the homepage formatting you like
• I use a blue major accent Highlighting Marker because it doesn't show if I'm Xeroxing
• Study the examples below:
  • Which of the addresses would you have to edit/copy/paste if you wanted to load it on a homepage
  • Which of the addresses is linked to a homepage?
  • Which of the addresses show a link, but have something wrong with the tagging, which means the link doesn't work?
    • the Drama Library Homepage
      • http://www.lib.washington.edu/libinfo/libunits/soc-hum/drama/home.html
    • School of Drama Homepage
    • Production Season
    • Jack Wolcott's Homepage
      • http://artsci.washington.edu/drama/wolcott2.html

    Now Fix the tagging so all the url's are linked

  • Notice when a page links you to another page
  • Notice how Jack Wolcott's Homepage links you to sections within the same page as well as remote sites.
  • Note the address in the box in the lower left screen
  • Use Control / Home to to to the top of the homepage
  • Note the address in the box in the lower left screen
  • Page down to the link "sample lesson in formatting"
  • Click on this link
  • See how the address in the lower left screen changes when you use links?
  • You can use this type of link to create a Table of Contents which links you to the information in each section of the table

  ---

  Exercise III -- Files which Help You Write Your HTML Documents

  • Most HTML Documentation link to A Beginner's Guide to HTML. This is one of the Best Sources on HTML. Check out the Full Version.
    
    
  • Computing and Networking at the UW has a file on Writing your HTML Documents
    • This is a portion of a larger file - the file has links within itself
    • You can page up to see the entire file
    • When you print this file, it prints the entire file
    • When you save this file, it saves the entire file
    
    
  • Basic HTML Data Types
    • Provides a color scheme if you want to change the color of your page
    
    

  • Remember how you save your file is important

  • You can do your editing in the .html file
  • If you have an HTML Editor, it automatically saves the file as .htm or .html
  • If you don't have an HTML Editor, always save the file you have created as text with an .htm or .html extension
  • WordPerfect and Word will try and convert your file to a .doc extension

Basics of HTML

The HTML commands, also known as tags, are all contained in angle brackets, i.e. <command>. Also, most commands surround the text to which they apply. The format for this is <command>text goes here</command>.

Click on View / Document Source to see how the examples below are tagged

Some sample headings - the Largest Print H1

Some sample headings - the Smaller Size of Print H2

A third level heading - the Next Smaller size H3

H4 size

H5 size

H6 size

If you hit the return key on an .html document you can see the "paragraph symbol" on the screen and the text recognizes the new paragraph. In HTML what you see on the homepage is guided by the use of HTML tagging. To get a new paragraph, the following methods are used:

• "< pre >" tagging indicates preformatted text
  • this is used to recognize use of the space bar between words
  • tabs
  • paragraph returns which are done with the Enter key
  • the < P > tags, which identify paragraph returns
  • the < BR > tags, which indicate a break in the horizontal line

  The following is a list. The items are generally bulleted

  • This is item one.
  • This is item two.
  And a sublist
  • sometimes the bullets are round
  • and sometimes they are square

  Numbered, or ordered, lists also exist:

  1. Lists within lists
  2. Can go on indefinitely
  3. Now it's time to look at character formatting. . .

  Text emphasis

  This is emphasized while this is underlined, this is Italicized. and this is Bold. But remember things don't always display the way you intended; each machine can be set to vary it's format.

  ---

  Exercise IV - Resumes

  Open Jason Erik Fetvedt's Resume
  • Make a copy of the file
  • Open the .html file
  • Use Delete to get rid of the text you don't want in the new document
  • You can use Edit / Copy / Paste to duplicate text if you don't have an HTML editor
  • You can develop macros if you don't have an HTML editor
  • Continue to Type in your own text using HTML coding where necessary
  • Remember you are dealing with ASCII text and it doesn't recognize formatting - you need to play close attention to how and when you use HTML codes
  • tabs, bold print, underling won't show unless you use the right coding or use

    "< pre >"

  • Remember that HTML requires you use "<>" to identify when you begin tagging
  • HTML frequently requires you use "< / >" to identify when you end tagging
  • Make sure you don't have any blank spaces after the < or before the >
  • Use both the Opening brackets < > and the closing brackets < / > for the following:
    • centering
    • bold print
    • headings
  • Work on the Resume you saved

  Go to Netscape to view your file

Still Need Some Help?

Things to Remember

Congratulations You're Done!

11/12/99rev.

Last Updated 4/19/04 contact the Drama Library drama@lib.washington.edu

© 2002 Liz Fugate