Note: First we will update the template page itself then we will update the supporting menu and footer files. You will need to download Mozilla Firefox 3 to preview your files.Microsoft FrontPage users are encouraged to create their web content on a blank html page first as FrontPage will only display the web templates in code view. Once your content has been created you may paste the html into the content area of your page. Be sure to only include the data between the two body tags.
<body>
<h2>H2 level heading</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. </p>
</body>Download the web template that best suits your needs.
Navigate to the downloaded folder and open the document with the extension '.php' using your web editor or notepad.
If you are using a web editor, choose to view the file using the 'Code View'. As shown below.
If you would like to change the image within the banner, find the area labeled;
Find the area labeled;
and enter your page title between the <h1> tags.
Next, find the area labeled;
Add your page content between the tag<div id="mainContent"> and the </div> tag as shown below. Make sure that you are replacing this content using correct html. View additional html editing support.
Lastly, at the bottom of your file find the code;
and be sure to set to the correct date.
Updating Your Menu
Navigate to the downloaded folder and open the document named horizontalMenu or verticalMenu with the extension '.inc' using your web editor or notepad.
Your menu is a simple html list. To edit simply find the list element <li> and change the link address and the link text.
Example:
<li><a href="http://www.calstatela.edu/univ/ppa/release/">News</a></li>
In the above example the link text 'News' is linking to link address "http://www.calstatela.edu/univ/ppa/release/". To edit this, first change the url and secondly change the link text. Once you have made your changes be sure to give your file a unique name with the extension.inc. Once your file is saved reopen your template page direct the menu include to your menu file.
Updating Your Footer
Navigate to the downloaded folder and open the document named footer with the extension '.inc' using your web editor or notepad.
Your footer is a simple html list. To edit simply find the list element <li> and change the link address and the link text.
Example:
<li><a href="http://www.calstatela.edu/univ/ppa/release/">News</a></li>
In the above example the link text 'News' is linking to link address "http://www.calstatela.edu/univ/ppa/release/". To edit this, first change the url and secondly change the link text. Once you have made your changes be sure to give your file a unique name with the extension.inc. Once your file is saved reopen your template page direct the footer include to your footer file.
By having the footer and menu files as separate include files this will allow you to update one file for every page you create rather than updating the menu and footer area of each page.
Remember once you have edited the menu and/or footer file, you must then be sure that your are directing your web page to this file. Also when a change is made to either of these files it will be shown on all pages using these include files.Accessibility
Once you have finished creating your page/s its time to check for accessibility:
- Manual Check (learn how)
- Accverify to test the web site content for quality, accessibility, and usability (learn how)
To learn how to create accessible documents and media learn more.
Note: These templates adhere to the latest accessibility guidelines and should be used as a foundation for all Cal State L. A. Web sites and Web pages.
Visit the University Web Page Templates and Guidelines site for more information.
Please see the Tips and Requirements to learn more