Clear Path Studios: Standards Compliant Website Template
Description
This website is a standards compliant template that can easily be customized by changing graphics, content, and styles. The design uses web standards[1] to create a flexible design consistent with usability and accessibility best practices.
Design goals were met by using CSS, Javascript, PHP, and HTML. This combination permits a layered, modular design structure.
- CSS for Style and Presentation
- HTML Markup for Content and Structure[2]
- CSS, Javascript and PHP for Behavior
CSS for Style and Presentation
CCS is used to develop the presentational aspects of the website design. It is a two column fluid design that expands and contracts within the space of the browser window. The use of CSS also improves usability and accessibility.
HTML Markup for Content and Structure
HTML markup provides the mechanism for separating content from structure. This is key. Well demarcated markup structure combined with the use of CSS for presentation permits rapid exchange of content.
This website validates as HTML Strict.
CSS, Javascript and PHP for Behavior
CSS is used for link behaviors. All hover states activate a color change and the text-decoration:underline; rule.
A small PHP script on the server processes user input from the contact form. It also redirects the client after the form is submitted.
Javascript is used to enhance functionality of the contact form by providing client side validation. The client is prompted with a dialog box if the form is not completed properly.[3] The form validation enhancment “degrades gracefully” [4] when Javascript is unavailable. Form validation will be done on the server by the php script.