I first wrote the article on this page in 2005. It's amazing how much things have changed since then.
The more I learn about this technology, the more I like it. I hope you do too. And the emerging standard of HTML 5 is more than just a buzz-word. It works, today.
I often wish that my old faithful web design tools supported HTML 5, XHTML and the full CSS feature set easily. But they did not.
So after a period of intense learning, study, and experimentation, I tossed aside my old web design software, and adopted (and adapted to) the latest state of the art toolset.
As a result, my software toolbox is now fully loaded for your HTML 5 or XHTML+CSS web project.
Then contact KCP for help with your project.
Standards compliance matters. By having me author your web pages in CSS and HTML5 or XHTML, your web content gains the following advantages:
Current web standards call for the separation of content and presentation. What this means is that the information that is part of a web page should be independent of its layout and formatting.
CSS removes all formatting and layout from the underlying content, and places it into a separate file called a StyleSheet. That's the SS part of the acronym: the C part stands for Cascading. Think of a waterfall, and you'll get the idea of the Cascade: formatting from the Style Sheet Cascades into all the web pages that use the same Style Sheet.
K-C-P.com has used a large subset of CSS for years: CSS Text. In fact, years ago, I wrote one of the most popular web tutorials about using CSS Text in NetObjects Fusion 7.0. That article is still available today.
With CSS Text, the style sheet controls the formatting of all the text in your web documents. The old HTML 1.0 standard placed ugly and unmanageable code like <font="arial" size="large" color="blue"> (etc.) all over your web pages to format your text.
With CSS Text, all that ugly in-line formatting went away. Pages looked better, loaded faster, all because the text formatting commands were out of the content. If you don't want something in your pages to use blue Arial font any more, you don't have to hunt down every instance of that ugly font tag, you simply change the style sheet, and let the Cascade do its thing.
For a good many years, building complex HTML tables was the accepted way to controll web page layout. But: controlling page layout with tables gets complex enough that smart web design shops tired of hand coding fancy-looking table layouts.
Web designers clamoured for software that could automatically build intricate table structures to keep their documents arranged the way they wanted them. Many software makers answered the call with tools to make "What you see is what you get" HTML layouts.
As long ago as 1996, the W3C started urging web designers to sever presentation (layout) from content (information). Sounds like a good idea, but how do I do this?
The other major capability of CSS technology is called CSS Positioning, or "CSS-P". Using CSS-P, you can structure a web document with very lean markup that identifies the logical parts of the page.
Then you put your layout Positioning commands into your style sheet (along with your text formatting commands), and again, let the Cascade do its thing.
At the turn of the 21st century, few web browsers supported CSS-P with any degree of reliability. But now, a great majority of modern web browsers understand CSS-P well.
The best mobile device web browsers do too. What a difference a few years makes!.
Today, the once-vaunted "pixel perfect positioning" has become, quite honestly, a bad thing. Here are just a few considerations:
Your old-fashioned fixed-width table-based web design only works on one class of device (desktop or laptop full-size computer display) because it's hard coded to be some large number (normally 600-800, or more) pixels wide.
When I first wrote this article, it was still too expensive and too geeky to surf the web with a cell phone or wireless tablet or other mobile device. I correctly said "it won't be like that forever."
I was right :-). Now, all the wise heads in the web design community have realized how quickly mobile devices are taking off. By the end of 2012, the odds are that there will be more mobile web devices (tablets and smartphones) being used than desktop computers!
CSS-2 provides a way to create different style sheets for your pages that present your content differently on specific devices: (for example) printers, small screen devices, and the "screen readers" used by visually impaired site users.
If your site does not support such users, you stand to lose a major fraction of your site's target audience.
I can help you do all this. And more.