Learn to write neat, easy to read Style Rules and HTML Code. You will save yourself a LOT of work and frustration by always doing things the same way every time and organize your Style Sheets. This is how I organize mine so if I need to edit or find some error, it’s way easier to work with:
Style Sheets:

• Start your Style Sheet with all the regular HTML tags such as html, body, p, h1 – h6, img, and other often used html tags
• “Classes” come next such as colors, text-alignment, and text formatting
• “ID’s” for layout follow at the end

By organizing your Style Sheets in this order ALL THE TIME, you create a pattern that you can follow for every website you design.

The HTML:
Leave White Space between each paragraph or block of text. The browser will NOT interpret this as extra spaces between your blocks of content. It is SO much easier to read when each block has white space around it. I only indent LISTS and TABLES (That I only use for statistical data) just to make them easier to read and format.

Peek next Week.

Claire Poulton

No Comments »