markup examples
The designs are by others, the markup is my own style to create modern, semantic, fast loading web documents. Your site will look just as the image you supply, these samples highlight the source code not the design.
click on the thumbnail images to see the source
Even when it looks like tables may be involved, this nice design uses only lists, headers, and paragraphs with the four main sections separated by "divs" and semantic mark-up.
What this colourful web site design doesn't show, is that the xhtml to render it is only 2.4KB. Search Engine Optimization is enhanced with the xhtml source order of menu at bottom of document.
This web site shows markup created with a customized Content Management System that outputs valid xhtml/css. Basic installation starts at $200.
Modern HTML and CSS methods done correctly can improve your position with search engines such as Google with the use of semantic headers, paragraphs, lists and image replacement techniques.
The markup flows in a semantic order making updates to the content by hand or through a CMS easy. With lots of pages, this site uses a "drop down" menu for easy navigation.
This web site shows two css colour schemes and the menu (Style Latest / Style Old 1) in a different position using the same xhtml as the source.
To Top