skip navigation

Content:: HTML /CSS / XHTML

Last Modified: 2012-01-24
HyperText Markup Language (HTML) has been around for years and is used as the formatting for webpages. The standardization is primarly done by a group called the World Wide Web Consortium (W3C). W3C hosts a handful of useful tools such as an HTML Validator and a CSS Validator. Cascading Style Sheets (CSS) is more of an addon to HTML which allows developers to easily control the design apsects of a webpage in a simple format. This can help with the ease of changing the design aspects across multiple webpages.

Assisting dynamic webpage content is JavaScript which is a scripting language that is embedded into the code of a website. It is a simple way for developers to add basic dynamic content to a website. One thing many developers overlook is that JavaScript files are ran by the end users client. If you use JavaScript for security and or data validation your site will most likely be insecure and your data will potential be stolen corrupt or erased.
Assistance for Dynamic websites is available with many faces. Years ago all that existed were Common Gateway Interface's (CGI) which were commonly written in C, C++ and Perl. With severe limitations specialized scripting languages were written specifically to design dynamic websites. PHP, ASP, and Coldfusion are a few of the more popularized webdesign scripting engines that run along side of webservers.

Web design is also limited by the support for standards within the variety of web browsers which are not all w3c compliant. Common web browsers as of this writing are Internet Explorer versions 6 through 8, Firefox, Safari, Opera and Lynx. Text based browsers like Lynx are great for developing websites that will work with handicap accessable website readers.

Table of Contents
Website Information
Website Information Link to a pdf fileThis link will open a new window - Information on basic websites dealing with static and dynamic webpages, a small variety of languages used for web design, hosting, domain names, naming conventions, and hosting options, Input validation, security, templates and Search Engine Optimization (SEO), CSS
Cascading Style Sheets Cheat Sheet
Cascading Style Sheets Cheat Sheet Link to a pdf fileThis link will open a new window - CSS 2 "Cheat Sheet" care of
A Two Column CSS Layout
Two Column CSS Layout
Two Column CSS Layout
One of the problems many run into when first developing is having a variety of content sizes that destroy the website layout. This example will clearly the border locations, header, columns and footer locations. When dealing with CSS floats remember they must be closed or "cleared" out. Please notice the clear:both; style syntax must be in place otherwise the columns can run off and bleed into other sections of the website.
Read More....
Click Here to View
A Two Column Wrapped CSS Layout
Two Column Wrapped CSS Thumbnail
Two Column Wrapped CSS Layout
A Two Column Wrapped CSS Layout. This is almost identical to the two column layout except when one of the columns will wrap its text under the other columns text. This can also be used for image placement to appear to "float" inside of the text.

Click Here to View
A Three Column CSS Layout
Three Column CSS Layout
Three Column CSS Layout
Though I haven't seen much of a use for these save some advertisements and to confuse people. The Three column layout is built on the same principle as the other layouts.

Click Here to View
References - The best location to find anything about HTML CSS etc is at the world wide web consortium w3c.