How better web production methods help your business
Not that long ago, web development was primarily accomplished using what is called "table layouts". In the code, we traditionally used a table structure to layout our content and visual elements. As browsers have become increasingly capable of displaying Style Sheets, there has been a movement towards Cascading Style Sheet (CSS) layout, an approach whereby the content of the website is separated from the presentation of the website.
A web site that is developed using best practices will result in signifacantly cleaner code. This not only makes it easier and less expensive to update, but will result in more thorough indexing by the search engines.
First, Well-structured web code means that it is, in fact, structured and logical. Structure signifies that the various parts that make up the web page have an underlying architecture. Graphic design and presentation elements are placed in attached style sheets (CSS). Lets look at a small grouping of information, and discuss how it can have structure
<h1><font size="24" color="#660099" face="Arial, Helvetica, sans-serif" >Aliens Visit Tech City
</font></h1>
<h2><font size="18" color="#660099" face="Arial, Helvetica, sans-serif">Visitors from outer space seek a new website
</font></h1>
<p><font size="18" color="#660099" face="Arial, Helvetica, sans-serif">Earlier today, a group of small green people stopped by the offices of Oxclove Workshop to discuss their new website with Information Architect, Jesse Jenifer. According to Jenifer, the group spent several hours discussing their users needs over many cups of strong Oxclove coffee.
</font></h1>
see well-structured html
see old school
clear html
H1 means a top-tier header. In addition to H1, there are H2, H3, H4, etc.
P means paragraph. A piece of web code always begins with whats referred to as a tag. When you see something within two angled brackets, like this "<blockquote>, it means its a tag. Tags are "closed" with another tag, but with a forward slash, like this: </blockquote>. Whatever is between those two elements is affected by the tag.
Other elements that are often included are Block Quote, and Ordered LIst, Unordered List.
|