In this article I will look at validating your HTML pages and style sheet. I will also comment on problems I experienced in implementing the new site.
Unfortunately, these validators are not supplied as stand alone programs you can download, and you have to be connected to the Internet to use them. (It is possible to get these validators in source code form, but I do not have Perl installed for the HTML validator, and I have not been able to get the JAVA source code from their CVS site for the CSS2 validator.)
An alternative is to download HTML Tidy from Hobbes, and validate your HTML code that way. In my case, although it was helpful in finding typos and some style errors, it did not really work for me. The cleaning up and pretty printing of the HTML pages which is HTML Tidy's main function also did not work for me.
The W3C's validator allows you to upload your development HTML pages one at a time, and it will check them for you. If your page pass the validation, it will supply you with an image and some code to load on your pages, stating that your page is standards compliant. This standard can be HTML 4.01 or XHTML. (And probably XML, too.)
It is a very good idea to validate your page. As I mentioned, it caught typos and spelling mistakes. It caught incorrectly formatted HTML tags. And it caught extra and orphan elements.
Some of these elements were not showing up as incorrect, where I was testing them locally. I do not believe I would have caught them on my own. In fact, in a couple of places I had to go on an extended hunt to find out where the problem was. This is especially true of spelling mistakes, because you keep on reading what you intended to write, and not what you have written.
As with the HTML validator, so with the CSS2 validator. I picked up spelling mistakes and malformed definitions.
But, and here is the limitation of both of the validators, all that a validator can catch is that you have valid code. Making sure that you have correct code is left as an excecise for the programmer.
Even so I would recommend that you validate your pages before going live with your newly redeveloped website.
There were one or two other small changes I made at the same time, resulting in some downtime lasting a couple of days.
At this time I finally tried to read the site with Microsoft's Internet Explorer 6 browser. I was shocked to find that I could not read the site at all with the Microsoft browser.
I then went on an extended search to try and find out what I did wrong. After looking in a bunch of wrong places, I finally found the problem:
Originally, when reading the HTML 4.01 standard, I misread the chapter on the IMG tag, reading that it is deprecated in favour of the OBJECT tag. So all my development used an implementation of the OBJECT tag to display all images. At a later stage, rereading the chapter, I found out my mistake, but since it was working fine for me, I did not change anything.
Using the OBJECT tag to display images worked fine in Mozilla, and according to a club member, in Konqueror. Under Internet Explorer, it did not work at all in tables with CSS2 attributes, and badly in tables without CSS2 attributes.
Once I changed all OBJECT tags to IMG tags, it worked perfectly.
The moral of the story? Test with more than one browser. Things that work fine on one will not work at all on the next.
In this series of 6 articles I looked at some of my experiences in redeveloping a web site with PPWizard.
I think that what I have been doing is workwhile, and is much happier with the process to generate the web site.
I have not gone into detail on all of my pages, since the samples I have provided are good examples of the type of coding I had to do. I have concentrated on the problems I ran into, and the solutions, where I have found it.
My biggest problems have been with documentation: Where I have not been
able to figure out how to do, what I wanted to do. To a greater or
lesser extent, this have been true of the HTML 4.01 standard, the CSS2
standard, and the PPWizard documentation.
This article is courtesy of www.os2ezine.com. You can view it online at http://www.os2ezine.com/20041216/page_4.html.