Structure and Visualization

• Do not use the <font> element
• Move arrangement attributes (align, valign, width, height) to CSS.
• Do not use tables except showing table data. Using tables for visual formatting is acceptable in complex situations only. Max table nesting can not be great than 3.
• Move attribute "background" to CSS.
• Design of input fields and buttons must be written as class in CSS.
• Styles must be written as external file and linked using<link>.

After years of working with entrepreneurs who developed their first web site using an image-based editor, the new world of internet marketing has placed a stronger emphasis on web development that conforms to technical concerns such as search engine optimization and multi-browser compatibility.

1. CSS font shorthand rule

When styling fonts with CSS you may be doing this:

font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 1em;
line-height: 1.5em;
font-family: verdana,sans-serif

There's no need though as you can use this CSS shorthand property:

font: bold italic small-caps 1em/1.5em verdana,sans-serif

Tables used to be the “in” thing when it came to designing web sites. As with many other things though, new techniques and methods standards are bound to emerge with time. When once tables were seen in most web pages, some experts now suggest that tables should be thrown out of the window.

Template based web page development:
A lot of people get tempted by good looking web templates. Some template vendors even offer do-it-yourself kits to their customers. Web templates are designed by experts, using the latest designing software. They look stunning, compared to web pages developed by other means. While readymade templates offer several advantages, they have some disadvantages too.

Advantages of using templates:
1. You know how your finished site looks. You can choose the template that appeals to you. You need not rely on a web developer to get a good looking website.