1. Creating Web Pages (Web Authoring)
        1. Creating web pages should usually be done only after the site has been designed
        2. Methods
          1. Writing HTML
          2. Using an Editor - for example, Netscape Composer, Front Page, or Dreamweaver
          3. Using a Wizard, like Netscape’s Wizard
        3. What is a Home Page vs. a Web Page?
      2. Viewing a Web Page
        1. Netscape and Internet Explorer and how browser’s differ
        2. Monitor resolutions and how they affect web page appearance
        3. What you see is NOT necessarily what you get
      3. Creating a Web Page using Netscape Composer
        1. Open Netscape Communicator by double-clicking the Netscape Communicator icon on the desktop (on a Mac, use the Apple Menu and select Netscape Communicator)
        2. Find the link to your home page from the Student, Faculty, and Staff Home Pages link on www.evergreen.edu/user/toc.htm
        3. Select File/ Edit Page to open your page in the editor (Netscape Composer)  (or select File/ New/ Blank Page to start from scratch in Netscape Composer)
      4. Parts of your Home Page
        1. Title – What shows along the top of the window, or when you bookmark the page
        2. Headings – Using styles for predefined sets of formatting (similar to Word styles)
        3. Date – A good practice to keep a ‘last modified date’ on your page
      5. Adding Text to Your Page
        1. Type or modify your heading
        2. Type a list of items
      6. Formatting and Justification
        1. You must first highlight any text you wish to format
        2. Using the Formatting Toolbar to modify:
          1. Fonts
          2. Point size
          3. Bold, Italics, Underline
          4. Bullets and numbered bullets (numbers will not show while in the editor)
        3. With your cursor in the line to justify, use the Justification Buttons to left, center, or right justify
      7. Appearance of the Page
        1. Select Format/ Page Colors and Properties
        2. Be sure Colors and Background Tab is Selected
        3. Click on the Box next to Background Color
        4. Select a Background Color (white or light colors are best to start with if you haven’t determined this during the design phase)
        5. Change the other colors if you wish
      8. What is HTML?
        1. Hyper Text Markup Language
        2. Select View/ Page Source
        3. Notice the HTML tags
        4. This is what Netscape Composer (or any web page editor) is creating for you, based on what you put on your page
        5. Once you have gained some familiarity with these tags, you can edit them to modify your web page
        6. Close the Window
      9. Saving
        1. Save your page by selecting the Save button on the toolbar, or File/Save
        2. Change the Location (Save in: ) to where you want to save (for example D: for you zip disk)
        3. Type in a name (your home page MUST be called home.htm when you publish it (see step #10) in order for the link to work from TESC Individual Pages)
        4. Click on Save
      10. Publishing
        1. In order for your page to be accessible on the World Wide Web, you must save it to the Web Server - this is called Publishing (like saving, any time you make a change to your page, you must publish it in order to ‘save’ it to the web server)
        2. Click on the Publish Button on the toolbar
        3. Type in a Title for your page (remember, this will become the bookmark name when someone bookmarks your page) You can also access the title of your page on the General Tab under the Format/ Page Colors and Properties menu
        4. Make sure the HTML Filename is home.htm
        5. FTP Location to publish to: is important.  Be sure you know what folder you are publishing to. (For now, you must specify the IP address if publishing to folders that used to be on aurora. For example, ftp://192.211.16.13/individuals/bustetts.)
        6. Tab to the User name field and type your login name
        7. Tab to the Password field, and type in your password; passwords are case sensitive. (Don’t select save password when publishing in a lab environment)
      11. Previewing Your Page
        1. Go to ‘browse mode’ by clicking on the button along the bottom with the Netscape Communicator symbol 
        2. With your page in the window press the Reload button OR if you are creating a page from scratch, type the http:// address into the location field.
        NOTE: You will only see the web version of your page if the http:// address is correct in the location field. If you have saved to a floppy or elsewhere, it might be showing you the saved version instead of the published version. It may also be showing you the page with ftp:// instead of http://. Put the http:// address in the location field to see the correct version of your page.
      12. Creating Links
        1. What is a link?
        2. Linking to a URL (Uniform Resource Locator – web address)
        3. Linking to another page you create (explain relative vs. absolute links)
      13. Copying a URL to Link
        1. Go to a page that you want to link from your home page (eg. your program home page, www.evergreen.edu, or access.wa.gov)
        2. Highlight the location field
        3. Select Edit/ Copy
      14. Creating a Link to an Existing URL
        1. Return to ‘edit mode’ by clicking on the button along the bottom with the Netscape Composer symbol
        2. Put your cursor where you want your link to appear and type in the words that will become your link (eg. My Program Home Page, Evergreen’s Home Page, or Washington Government Home Page)
        3. Highlight the words you just typed
        4. Click on the Link button in the toolbar
        5. In the box labeled Link to a page location or a local file:, click with your Right mouse button
        6. Select Paste using your Left mouse button
        7. Click OK
        8. Publish your changes and preview your page (see steps #10 and #11)
        9. Test your new link
        10. Click on the Back button on the toolbar to return to your Home Page
      15. Creating a New Page
        1. Return to ‘edit mode’ by clicking on the button along the bottom with the Netscape Composer symbol
        2. Click on the New button on the toolbar
      16. Inserting a Table
        1. A Table can be a good way to organize a group of links, photos, or a combination of text and images
        2. Click on the Table button on the toolbar
        3. Fill in the Number of Rows and Columns
        4. Select a Justification for the table
        5. Set Border Width to define how thick the lines around the table will be
        6. Set Spacing to define how thick the lines between the cells will be
        7. Set Padding to define how wide the margin will be between the text and the cell border
        8. Click OK
      17. Adding Text to Tables
        1. Place your cursor in a cell
        2. Enter text
        3. Tab or arrow keys will take you from cell to cell
        4. Save your page by selecting the Save button on the toolbar, or File/Save (remember DO NOT name this page home.htm)
        5. Publish your changes and preview your page (see steps #10 and #11)
        6. Click on the Back button on the toolbar to return to your Home Page, or type its address in the location field
      18. Linking your Table Page to your Home Page
        1. Return to ‘edit mode’ for your Home Page by clicking on the appropriate button along the bottom with the Netscape Composer symbol 
        2. Type in the words that will become your link (eg. Cool Links Page, Table Page, whatever)
        3. Highlight the words you just typed
        4. Click on the Link button in the toolbar
        5. In the box labeled Link to a page location or a local file:, type the name of your new page, for example table.htm (this creates a relative link)
        6. Click OK
        7. Save your page by selecting the Save button on the toolbar, or File/Save (remember to name it home.htm)
        8. Publish your changes and preview your page (see steps #10 and #11)
        9. Test your new link
        10. Remain on your table page
      19. Linking your Home Page to your Table Page
        1. Return to ‘edit mode’ for your table page by clicking on the appropriate button along the bottom with the Netscape Composer symbol
        2. Type in the words that will become your link (eg. Return to my Home Page)
        3. Highlight the words you just typed
        4. Click on the Link button in the toolbar
        5. In the box labeled Link to a page location or a local file:, type the name of your home page (eg. home.htm) (this is another relative link)
        6. Click OK
        7. Save your page by selecting the Save button on the toolbar, or File/Save (remember DO NOT name this page home.htm)
        8. Publish your changes and preview your page (see steps #10 and #11)
        9. Test your new link
      20. Using Images as Backgrounds
        1. Go to http://www.ender-design.com/rg/
        2. Click on the link labeled Backgrounds
        3. Click the Right mouse button with the cursor on a background you wish to copy
        4. Select Save Image As… (using the Left mouse button)
        5. Save it to your zip drive by making sure D: is in the Save in: box
        6. Return to ‘edit mode’ for your home page by clicking on the appropriate button along the bottom with the Netscape Composer symbol
        7. Select Format/ Page Colors and Properties
        8. Be sure Colors and Background Tab is Selected
        9. Click on the Use Image box, and click on Choose File
        10. Select the background you saved to your zip drive
        11. Click OK

          12. NOTE: Images are always separate from the HTML pages (an HTML page will contain a ‘pointer’ to an image). You therefore must save images to the web server and on your disk when saving your web pages
        12. Save your page by selecting the Save button on the toolbar, or File/Save
        13. Publish your changes and preview your page (see steps #10 and #11)
      21. Copying Images
        1. Find an image to copy OR while still in Browse Mode, type
        2. http://www.cnd.org:8010/Scenery in the location field
        3. Click the Right mouse button with the cursor on an image you wish to copy
        4. Select Save Image As… (using the Left mouse button)
        5. Save it to your zip drive by making sure D: is in the Save in: box
      22. Inserting Images onto your Page
        1. Return to ‘edit mode’ by clicking on the button along the bottom with the Netscape Composer symbol
        2. Put your cursor on your page where you want the image
        3. Click on the Image button on the toolbar
        4. Select Choose File next to the Image Location box
        5. Find the file you just copied onto your zip disk (d: drive)
        6. Adjust Text alignment and wrapping
        7. Click on the Alt. Text/LowRes button
        8. Type text in the Alternate Text box. This will show on text only browsers, as your image is loading, and when the cursor is over your image in ‘browse mode’
        9. If you want people with Low Resolution monitors to see a lower resolution image, or you want a low resolution image to load before your higher resolution image, you can specify the image’s name in the Low Resolution Image box
        10. Click OK twice
        11. Save your page by selecting the Save button on the toolbar, or File/Save
        12. Publish your changes and preview your page (see steps #10 and #11)


Created by: Susan Bustetter
Last modified: August 15, 1999
Return to Instructional Technology Summer Institute 1999 home page
Return to The Evergreen State College home page