Page Title

Back to Web Templets Page

Download fhqp.zip

This template comes in 2 versions one with the htm extension and one with the php extension. Both template versions come with an external CSS file for page style. The external CSS file (named fhqp.css) is already linked to this template and so all you need to do to use it is to place it in the same directory as this page. 

The CSS file provides the styling for certain elements of this template which are, body, header, link, link visited, link on hover, link when active, content, menubox, h1, h2, h3, footer, and logo. The <h1> to <h3> tags define headers. <h1> defines the largest header. <h3> defines the smallest header except in this case I chose to make h2 and h3 the same size but with h3 not centered. It tells the page (If only one CSS file and this template is used for the whole site then actually the CSS file is making these settings for the entire site.)...

1)    In the body element what image to use for the background, where the background image is, how to display the the background image, sets the background color in case the viewer has images turned off in their browser, sets the font family that is to be used on the page (font family is a group of different fonts to be used in the event the viewer doesn't have the first font on their computer then the font family provides alternates.) and sets the font color for the page.

2)    In the header element to center all that is in the header.

3)    In the link, link visited, link on hover and link when active elements (these control how the links behave in their different conditions) sets the text color, size, weight and special aspects such as borders.

4)    In the content element sets the line height, font size, padding, margins and text alignment.

5)    In the menubox element sets the border's aspects, text color, line height, padding, margins, text alignment, font size, box width, box position on page and special instructions for Internet Explorer 5.0 as it renders CSS differently due to it's age.

6)    In the h1-h3 or header element sets the font size, font weight and text alignment.

7)    In the footer element sets the font size.

8)    In the logo element sets the logo position on the page.

The php version requires that you name your pages with the extension php instead of htm or html and that your server has php enabled / installed and that you place certain other files which are included in this package in the same directory as this page. The files are "menubox.htm, logo.htm, footer.htm and header.htm". The advantages of using the php version are that when you have several pages in your website and you make a change for example you add another page. Then you just add a link to the new page in the file menubox.htm and upload the menubox.htm to your server replacing the old one and all the pages in your site will display the new link in the menu box connecting the new page to all the old ones. This is done via something called a php include statement. (Looks this <?php include ("menubox.htm") ?>) In the php version there is a php include statement inserted in the proper place for the header, logo, menubox and the footer. When you view the php version in your WYSIWYG editor you will not see the logo, site label (FHQ Programs image), menu box or the up arrow. These are visible only once the server has placed them in the pages via the include statement.