Award Sites!  ... "Bettering the Internet Experience!"

Home | Articles | Exemplary | Achievement | NovaSite
Resources |
Tutorials | Web Awards | Contact | CureNow
SEARCH | Assembly ||
USA Patriotism! | Poetry Galore

Approved Web Hosting Companies

Gold Stars of Excellence by Award Sites!

Tidy Tutorial

Using Tidy Inline Or Locally

Inline Tidy With A Browser

Firefox With Tidy Inline

An easy download is that of Firefox with Tidy inline.  Other options are also available like any compliant browser configured with Tidy as the HTML editor, but those options are beyond the scope of this tutorial. Once you have tried out a browser with tidy, perhaps you may wish to consider incorporating Tidy with a present browser in use.  But for ease in determination of coding errors while online or offline by selecting the file, then open file from your local computer and the Firefox browser provides everything you require for W3C and WAI validation.

Firefox with Tidy Incline: Icon and Text elected

Now that you have downloaded Firefox with Tidy inline and elected to show the icon and text, select a page on the internet.  We choose the Google home page and found no coding errors, some warnings, now let us take a look at what Tidy tells us.

Tidy right click from the bottom

We right clicked the bottom of our Firefox browser bar and the window to your left is shown.  Selecting the page source, provides us with a quick glance as to what is in store as we attempt to render our web pages free of coding bloat, so far has been relatively painless and no steep learning curve to process a new found skill which with the help of Tidy will enable us to render compliant HTML coding of many flavors and help those who are less fortunate than ourselves, enjoy what we have created.

In the example below from the page source of the page being viewed, we will not attempt to explain any of the warnings, but only use what is displayed to acquaint you with what you will find with you new found friend as a journey is begun.

HTML Errors and Warnings

The page source is actually the pane which is shown to your right and the one which follows. What you will find in this pane are the coding errors by line number.  Remember the pretty print mentioned earlier in this tutorial?  Now you know why I love it. Hard copy the original page being viewed and get out your yellow marker for a learning experience, which is not steep and gentle, dear reader.

The Help section

This pane and the one above is one view when you have selected page source.  The help section refers to line one and as you select other lines a help section for that line is also shown.  Help is more than just the cause.  Help includes solutions, examples and references to W3C and WAI and for the most part are very intuitive and easy to understand.

Mentioned earlier in this tutorial was repetitive errors, many of which you will master fixing with a little experience.  Others may require a little more time to solve as you become acquainted with some new terminology and rationales as to why there is an error, which would possibly prohibit everyone from enjoying your web site building efforts.

Next Page: HTML Editors With Tidy Built In
Previous Pages: Introduction | Download Options | Online Validations

260707 copyright

About Contributor
Denny Lancaster is the Compliance Manager of Award Sites!  He is also the owner of the Lancasters Laughing Place site and the elite Award Sites! 5.0 rated Talking Hands Award Program . . . and has excellent knowledge of W3C and WAI issues.  Professionally, he is a retired senior partner, tax attorney specializing in international finance.  Moreover, Denny administers a private foundation which builds free enabled computers for deaf and blind persons throughout the state of Alabama . . . and is a talented poet.Denny Lancaster - Validation Advisor

"Approved" Web Hosting Companies