Refining Quick and Dirty Web Pages

  
celtic animation
Technology Workshop
Elmhurst College Library
celtic animation

  
Targets, Images and Links Button Bars and other Organizational Tools Making Your Pages Available to the World Acquiring
HTML Code
Other Resources
 
Targets, Images and Links
  • Targets
    • Why Use Targets?
      • Targets are useful as navigational tools when you have a lengthy Web page (such as this one) and you want to refer users to different portions of your Web page quickly.
    • Inserting Targets (also called Anchors or Bookmarks, depending on the software you are using):
      • Put the cursor at the beginning of a line where you want to create a target.
      • Click on the Target icon on the Composition Toolbar; or, Go to the Insert menu and choose Target. 
      • Type a name for the target in the edit box (up to 30 characters).
      • Click OK. A Target icon will appear in your document to mark the target's location. (This target is invisible in Navigator.)
    •   Linking to Targets
      • Highlight the text or image that you want to link to the target.
      • Click on the Link icon on the Composition Toolbar; or, Open the Insert menu and choose Link. 
      • Choose the appropriate Target from the box marked "Select a named target in current page." Click OK.
  • Images with Links or Targets
    • Images can be used with links or targets instead of highlighted text. The animation at the bottom of this page functions as a link to another Web page. To make an image into a link:
      • Highlight the image. Right-click over the image, then choose Image Properties; or, Go to Format, then choose Image Properties.
      • Choose the Link tab, then either type in or paste a URL for a link, or select one of the targets from the box marked "Select a named target in current page." Click OK.
Return to top
green line
Button Bars and Other Organizational Tools (using tables)
    • Why use organizational tools?
      • Button bars or tables of contents can be used to help organize one Web page or a series of Web pages. Examples:
        • The table at the top of this page alerts users to the contents of this page, and allows them to jump directly to any section. 
        • The "Pages for Courses and Workshops" Web page uses a bar that allows users to move between the different pages without returning to the library's home page each time.
    • Button Bars 
      • You can simulate a button bar using a table with either one row or one column. The index bar at the top of this page is an example of a one row table. To make it more "button-like:"
        • Choose different backgrounds for each cell of the table by placing the cursor in the cell, then either right-click and select Table Properties; or, Go to Format, then Table Properties. Choose the Cell tab, then change background color for that cell.
        • While in Table Properties, choose the Table tab, then adjust the Border line width, cell padding and cell spacing.
    • What about frames?
      • Frames are navigational tools that are actually multiple web pages being displayed at once. Frames cannot be created using Netscape Composer. Composer cannot even show frames if they are imported from elsewhere. Frames must be inserted manually using a text editor. For more information about creating and using frames, see this site:
        • Frames Tutor - a step-by-step tutorial to creating frames.
Return to top
green line
Making Your Pages Available to the World
  • Adding Metatags
    • Metatags are used by search engines as a tool to determine the content of your page. This information doesn't appear in the page when edited or browsed--only in the source HTML. Bravenet has a wizard to help you enter metatags: http://www.bravenet.com/search2/metatagwizard.php
    • After using the wizard, you will have HTML code that can be copied and pasted into your page using a text editor. See "Using a Text Editor to Insert Code" below for step-by-step instructions. 
  • Submitting Your Page to Search Engines
    • If you want others to see the results of your hard work in Web design, or if you have content on your pages you want to share with the world, you will want to submit your pages to search engines. The following free service is one of several available to assist you: http://www.bravenet.com/searchsubmit/index.php
Return to top
green line
Acquiring HTML Code (for more complicated features)
  • Web Counters
  • Using a Text Editor to Insert Code
    • Once you've registered for a counter, you will be given the HTML code to insert into your Web page. This cannot be done in Netscape Composer. It requires a simple text editor such as Notepad or Wordpad (which are standard on most Windows PCs). To insert HTML code:
      • First, on your PC, locate Notepad or Wordpad using Windows Explorer or Find Files. Note the directory in which it resides.
      • Select and Copy the code to be inserted.
      • In Netscape Composer, go to Edit, then choose HTML Source. You may be asked to save the current file. You may also be asked to give the page a title if you haven't already done so. Then Composer will ask you to locate the text editor on your PC. Find the .exe file for Notepad or Wordpad and choose Open.
      • When in the text editor, place the cursor where you would like to insert the HTML code. Paste it in. Close the text editor. 
      • When you look at the page in Composer, you will see a place marker for the counter, which you can then reposition as necessary, as you would an image.
  • Other Sources for HTML Code and CGI Scripts - These sites include code for features such as counters, clocks, guestbooks, forms, etc.:
Return to top
green line
Other Resources
  • Books
    • Complete Idiot's Guide to Netscape Communicator 4, Ch. 20-23 
      • Available at Buehler Library: 025.04 K91c
    • Official Netscape Communicator 4 Book, Ch. 9
      • Available at Buehler Library: R 005.713769 W471Yj
    • SAMS Teach Yourself to Create Web Pages in 24 Hours
      • Available at Buehler Library: R 005.75 S671s
  • Web Sites


Return to top

celtic animation
green line
This page was created 16 May 2000 and last updated 17 September 2001.
Problems? Contact Elaine Fetyko Page, Assistant Librarian
Return to Elmhurst College Library

Background/border from: A Touch of Shel
Animation from: Celtic Katra's Cool Free 3D Animations