localnav.html
Description
This file provides the local navigation within your site. It consists of a column of links that correspond to various subpages in your site, and potentially to other sits as well. The localnav file also contains a Stanford School of Medicine logo that links to the School of Medicine homepage, at the top of the localnav.html file. Please do not modify or remove the shield graphic. You only need to change the link heading and text links in localnav.html to suit your site.
Links
It is necessary to change the links in localnav.html to reference the pages on your site. An example of this process is described below:If you open your copy of localnav.html with Dreamweaver, you'll see:
How to customize in your localnav.html:
-
Change the link heading "Site Name Here" to reflect the name of your site. This text has the navhead CSS style applied to it. You can place your cursor in the middle of the item and use the tag selector (<span.navhead>) in the lower left corner of the Dreamweaver window to select the entire item for change.
-
Set the links for your pages. To modify an existing link, click anywhere inside it's text and use the Tag Selector to grab <a.navlink), selecting the entire link. You can then type your link text and set the link URL to an actual site page (subpage.html is the default for most of the provided links). To link to a subdirectory (a folder within your main directory), set the link to "yoursubdirectory/" If you need more links than provided, select an entire link line (or pair of link lines if you need a two-line link) including if possible the <br> tag at the end of the line (usually appears as a yellow icon in Dreamweaver), then move your cursor to where you want the new link and paste. Repeat as necessary and update links for your pages.
-
Check or change the targets of your links. The target tells the browser which frame to display your subpage and can be set in the Properties Inspector. You don't need to make any changes to the example code unless the button links to a subdirectory. Make sure that target="main" for all subpage buttons. If you are linking to a subdirectory, make sure that target="_top" or target="_blank"... "_top" causes your browser to display the subdirectory properly, as it's own web site. Not doing so may cause you to have two conflicting "localnav.html"s show. A target of "_blank" causes the link to appear in a new browser window, on top of the one being used. This can be handy sometimes.
-
Reapply style, if needed. If you lose the link formatting in the process of creating new links you may also need to apply the proper CSS style to the links. There is a navlink class in the style sheet. To apply the style to a link, highlight the link text and select menu option "Text > CSS Styles > navlink". It's better to apply the style after the link URL is set, rather than vice-versa.
-
Multiple link sections are no big deal. The template localnav.html file comes with a second link section populated with links to the major Medical Center sites. You can keep this section or delete it. You can also copy the first block of links, including the header, and paste it after the first, then update as needed.
 Printer-friendly
page |
Home |
|
This document was last modified:
Thursday, 13-Mar-2003 12:47:46 PST
|
|
