SEARCH / BROWSE
BEST PRACTICES
PLANNING PROJECTS
LIBRARY WEBSITE
AUTHOR RESOURCES

Standards/Guidelines
Policies/Procedures
Tools
Tutorials
References
Web Groups
History
Home
ABOUT DPG
library website tutorials

Add the "optional template" to an existing non-homepage page with Netscape Composer

  1. Make sure all of the graphics on the page have the correct URL. See Edit existing HTML files with Netscape Composer for assistance.
  2. Input the new background graphic URL:
    1. click on Format in the menu bar.
    2. click on Page Colors and Properties.
    3. in the Page Properties dialog box, make sure that the Colors and Backgrounds "tab" is selected.
    4. edit the URL in the location box to change the page's background color/graphic. The location box appears at the bottom of the dialog box, in the section entitled Background Image.
    5. go to the Background Color Gallery for a list of pre-designed background graphics.
    6. check the small box next to the text : "Leave image at the original location."
    7. click on O.K., or Enter to close the dialog box.
  3. Place the cursor at the top left of the page (can also use ctrl home).
  4. Click on the Table icon in the menu bar.
  5. In the New Table Properties dialog box:
    1. create a table that has one row, and 2 columns (this is the default).
    2. set the Table Alignment to left (this is the default).
    3. do not click on the caption radio buttons
    4. change the border line width to zero (Composer will use dashed lines to outline the table).
    5. do not type in the Cell spacing or padding boxes yet.
    6. type in Table Width equals 90%.
    7. do not type in the Table min_height box yet.
    8. un-check the Equal column widths box.
    9. do not mess around with the Table Background box yet.
    10. click on O.K., or Enter to close the dialog box.
  6. Place the cursor in the left data cell. Click on the right mouse button:
    1. select and click on Table Properites.
    2. make sure that the cell "tab" is selected.
    3. change the cell width to 10% -- adjust this percentage if necessary.
    4. click on O.K., or Enter to close the dialog box.
  7. Use the arrow key (not the tab key) to move to the right data cell. Click on the right mouse button:
    1. select and click on Table Properites.
    2. make sure that the cell "tab" is selected.
    3. change the cell width to 90% - adjust this percentage if necessary.
    4. in the Horizontal Alignment section of the dialog box, click on the "Center" button.
    5. click on O.K., or Enter to close the dialog box.
  8. Highlight and cut the top navigation bar graphic.
  9. Paste the image into the right hand cell.
  10. Make sure that the cursor is to the right of the navigation bar graphic. Click on the right mouse button:
    1. move the cursor to insert.
    2. move the cursor to Row. Click.
  11. Follow the instructions in number 6 to give the left data cell a width of 10%.
  12. Follow the instructions in number 7 to give the right data cell a width of 90%.
  13. Insert the header text or image into the right data cell.
  14. Save the file. Composer will give the file the same name that it has on the Library Web server. Keep this name.
  15. Follow the directions in number 10 to add another row.
  16. Follow the directions in number 6 to alter the left hand cell width to 10%.
    1. if you wish, use this left hand cell as a table of contents for the page, or the standard navigational area for your web site.
    2. if you choose to use this cell for navigational/toc links or graphics, follow the directions in number 6 to change the cell's horizontal alignment to left, or right.
  17. Follow the directions in number 7 to alter the right hand cell width to 90%, but do not horizonatlly align this cell in the center. This cell should either horizontally align to the default position, or to the left. This is your main information cell. Copy/cut and paste, or type information into this cell.
  18. Create the next row using the instructions in 10, 6 and 7. The right hand cell should be horizontally aligned in the center.
  19. Copy/cut and paste the bottom four navigation graphics into the right hand cell.
  20. Create one last row using the instructions in 10, 6 and 7. The right hand cell should be horizontally aligned in the center.
  21. Copy/cut and paste the statement of responsibility/update information into the right hand cell.
  22. Revise the updated date.
  23. Save the file.
  24. FTP the file to the Library Web.
  25. Create an "optional template" template with Composer .
| UC Berkeley Library Home | Catalogs | Search the Library Website |
Copyright (C) 2004 The Regents of the University of California. All rights reserved.
Document maintained on server: http://www.lib.berkeley.edu/ by the Digital Publishing Group.
Last updated 06/18/2003. Server manager: contact