MS Word HTML & HTML Kit Tidy
The following exercise takes an existing Word document, publishes it as a web page and the uses HTML Kit to produce a more modern tidy version of the web page document.
HTML-Kit
|
|
HTML-Kit is a full-featured text editor designed to help HTML, XML and script authors to edit, format, lookup help, validate, preview and publish web pages. Newcomers to HTML coding can benefit from letting it point out errors and suggest improvements. Experts can save time spent on common tasks using the customisable and extendible editor while maintaining full control over the code. |
Introduction to TIDY
When editing HTML it's easy to make mistakes. Wouldn't it be nice if there was a simple way to fix these mistakes automatically and tidy up sloppy editing into nicely laid out markup? Well now there is! Dave Raggett's HTML TIDY is a free utility for doing just that. It also works great on the atrociously hard to read markup generated by specialised HTML editors and conversion tools, and can help you identify where you need to pay further attention on making your pages more accessible to people with disabilities.Tidy is able to fix up a wide range of problems and to bring to your attention things that you need to work on yourself. Each item found is listed with the line number and column so that you can see where the problem lies in your markup. Tidy won't generate a cleaned up version when there are problems that it can't be sure of how to handle. These are logged as "errors" rather than "warnings".
The Exercise
Follow the screen dumps and descriptions, which will take you through the various stages of the process.The tutor will provide the original document (Deprecated HTML tags (Elements).doc).
Deprecated HTML tags (Elements).doc
This document can be changed from its original MS Word format to be saved as a web page (HTML). Once you have done this compare the file size of the .doc file to the newly create .htm file, you may be quite surprised.
Stage 1.
Open the file - Deprecated HTML tags (Elements).doc in MS Word
Stage 2.
Select the File Menu in MS Word
Stage 3.
You may have to wait for the menu to expand.When it does select - Save as Web Page
Stage 4.
Save the file as - Deprecated (as type - Web Page)
Stage 5.
Open the HTML file Deprecated.htm in Internet Explorer (the Browser)
Stage 6.
From the View Menu in Internet Explorer select Source.This will display the HTML source code in the Notepad text editor application.
You can now see some of the HTML (Hypertext Mark-up Language) you are hopefully now familiar with.
Stage 7.
Now open the same HTML file Deprecated.htm in the HTML-Kit program. Once the file is loaded you will need to use the HTML Tidy button on the Tools Menu Bar.
Click here to continue to Stage 8.
|
Previous page... |
© 2002 Ashley Preston