Scared Website Style Guide
Required Elements
In order for this website design to qualify with the standards set up by my Web Design class it must contain certain elements on each page as well as structure & validation requirements. Some of the elements required on every page include:
- Page sections separated with div tags
- Modularization of footer & Header Navigation bars through server-side include files
- W3Schools website validation
- FTP server file organization
Page Topography
Our website topography is very strait-forward. Each page follows the same outline from top to bottom:
- Header - includes the website banner followed by a navigation bar to the major directories of the website. Every page will include this section via server-side include.
- Body - This section of the page will include different information & graphics depending on the topic of the webpage.
- Footer - includes contact information, company disclaimer, & website style guide. Every page will include this section via server-side include.
CSS - Colors and Fonts
| Color | Use | Implementation |
|---|---|---|
| White | Regular text | Through css "body" tag. color: #FFF |
| Orange | Text Links | Through css "a*" tag. color: #F60 |
| Red | Graphic Links | color: #FF0000 |
Graphics
The graphics featured in the navagation toolbar were reduced in size & quality for faster page downloading times. The banner, our largest graphic featured on every webpage is only 64 KB, with the navagation graphics all around 20 KB. The font used in the creating of the banner and links was obtained free from FontSpace.com with a creative-commons licence. That is it is free to use for personal use.
