@TB:
Where did you get that from? I guess I didn't look deep enough into the other pages. In my defence though, it was very late when I posted my initial critique.
👍
Looking at the code you have posted, I would say that it is going to be a nightmare to update, if for what ever reason, the client decides he wants a different font or font size for instance.
As an example, look at the <p> tag. It's style is declared identically several times over. This not only makes it infinitely harder to change the style of the page, but it also adds weight to the page, making for a larger download.
If you added some CSS in the head section, you could remove some of the
'tag soup' and have a cleaner, and lighter page.
For instance, just looking at the <p> tag, if you added only this style block in the head section:
<style type="text/css">
p {
font-family: arial, helvetica, sans serif;
font-size:
your font size here;
}
</style>
you would remove the vast majority of the repeated style statements and <font> tags. You would then only have to write:
<p>
Your text here</p>
The style declaration in the head would sort it out, though you would still need to alter the style in the head section of each page, which could be time consuming depending on how many pages you website has.
If you add the following in the head section though, you would only need to edit one single file for the changes to cascade through your whole website:
<link rel="stylesheet" type="text/css" href="
link to your css file" />
CSS files are easy as pie to create too. All you have to do is open up any text editor and enter your style declarations and save it as CSS, ie.
your_css_file.css.
Depending on what text editor you use, you may or may not have the option to save the file directly as a css file. If you have no option to, just hard code the file extension. In Notepad for instance, you just enter the .css after the file name, save it, and you have your CSS file!
So, going back to the style declaration in the head (I posted above), you would type in the text editor:
p {
font-family: arial, helvetica, sans serif;
font-size:
your font size here;
}
Then, save it as a CSS file and link it to your document for those rules to apply to every <p> tag in your document.
If you would like to learn more about HTML, or CSS, the
W3C School (Full Web Building Tutorials) is an invaluable resource for those eager to learn more. 👍
One more tip, I would strongly suggest that you learn XHTML (the link tag I posted above was written in XHTML). It is the standard now on the web, and ensures maximum compatibility with a wide rage of devices, because not everyone surfs the web from a desktop PC.
There is a lot more I could discuss about the code posted by TB, so if I can be of further assistance, please feel free to ask. 👍
