HTML & CSS Article Overview


How I Started CSSI remember the day the CSS seed was planted by My Good friend Al Hall from Earthfirst, of whom I regard Highly in the web world, said…. “Bill, CSS is the way!” and I thought at the time what the hell does CSS mean, 5 years later who doesn’t Know about CSS, the benefits have started to Stack up in its favor in many ways .CSS has gone on to be of real interest to me and I have now moved on to a point where I have several templates that can be used all the time. I will Continue to add a resource of free Code at the end of this article.So the Journey began, and I soon realized that XHTML was what I need to learn to keep the code as clean as possible and web standards applicable, only then I was able to to get my Teeth into the true CSS learning process and start future proofing my sitesHTML OR XHTML ?

The problem With HTML is that presentational elements will be removed in future specifications and so will not be able to be used under the STRICT DOCTYPE such as HTML 4.01 strict or the XHTML 1.0 strict. Don’t be alarmed though your page will still be valid, if you use a transitional DOCTYPE, although it is a good idea to start making the change away from these deprecated presentation elements. Another major drawback is all the tags involved just to get the font type and color right throughout the page and then add in the table tags UUUGGHH messy and boring, and what happens when you want to change the font style you have to go thru some mammoth effort, say good by to any plans you had for the next 2 days. So its XHTML all the way and it is now time to move on.

For the non believers this example below is a full XHTML / CSS WEB PAGE as is this site your now using

This New Plymouth accommodation site Below is controlled thru CSS

CSS XHTML Web page example

CSS (Cascading Style Sheets)

The basic purpose of CSS is to allow the website designer to define a style and apply it to one or more portions of the XHTML web page. Sounds Scary but in reality is not, it will become the industry Standard and one of the best tools available to serious standards orientated web-designers. CSS is a language used to define the formatting applied to a Website including Color, Background images, Type faces, Margins, and indentation.

There are many benefits such as easy to manage site wide Changes(huge benefit) as well as reduced file size resulting in faster Page load times, but to my mind the optimization of the page is as equal a prize, take for instance a Google robot or spider reads the page from the top left of the web-page to the right just Like a human so, by minimizing the code tags this allow us to put key words nearer the top of the page allowing for quicker indexing of keywords and content, believe it or not Robot and spider software is designed to move on if its having to bash thru endless HTML presentation tags so reduced indexing time for the search engines is massive plus, I use meta tags they do work and all of those additional keywords in the head has to be a plus!

A great book on CSS is

Now Who wants free Web-standard XHTML 2 column with footer Web page….!

>> Download zip file Example for XHTML page with CSS style sheet

Muck around with the code and the style Sheets see how the style sheet is called to duty Via the <div id =”example”> tag. you can also EDIT CSS on the fly with webdeveloper tools in Mozila Firefox , that is really a cool feature of the Mozila browser Do your self a favour and use this Web Browser.I’ll be back soon to add some more CSS / XHTML Web-page templates, and some really cool CSS tips and tricks

Articles on HTML | CSS | Graphic Design & Development

Leave a Reply