How to - Convert Word Docs to Web Pages

Useful ...

Convert Word Docs to Web Pages

http://howto.wired.com/wiki/Convert_Word_Docs_to_Web_Pages

Microsoft Word has its place, but that place isn't the web. If you've ever tried to convert a Word document to an HTML document, you know that Word's built-in tools can have disastrous results -- bloated files, proprietary markup and exposed personal information are among the gems you'll get with Word's "Convert to HTML" function.

To get to a semi-sane starting point, try using Word's "Save As: Web Page, Filtered" rather than the regular web page option. This will strip out many of the proprietary tags and won't include potentially personal and revealing info contained in the File Properties dialog.

TinyMCE

Another viable option is TinyMCE, a JavaScript Rich Text Editor that offers a "Paste from Word" option. Paste From Word is intended to be used by those who would like to just "Select All" in Word and paste the content into TinyMCE. Depending on the complexity of your document, TinyMCE may be able to fix some of Word's styling quirks and output usable HTML.

Textism

The good folks over at Textism have a tool that will, to quote the Textism website, "strip Microsoft's proprietary tags and other superfluous noise from Word-generated HTML documents." The results are not only much closer to standards compliant web markup, they also create much much smaller, quickly loading pages.

I used Textism to convert this document from Word to clean HTML. I think, it did a pretty good job.

Simple Tooltip

http://codeeazy.com/mktooltip/

I wanted a tooltip implementation for my web page, and was looking around. I looked a number of open-source options (see 40 tooltip scripts here and 20 here) and one commercial library. I liked the functionality however each of them was 7, 8, 10 or 25 KB in size, which I thought was too much to implement just a simple tooltip. So, I thought how about I write a tooltip library myself.

Here is an implementation, check it out at http://codeeazy.com/mktooltip/. I implemented this in 818 bytes of code, and about an hour of coding. So one would think, there must be something wrong. Well, it works. And is cool!

xtimeline is neat

xtimeline is neat. It lets you draw timeliness for anything. See following example. The best thing I like about it is it's flawless rendering of the time-lines by purely using XHTML and CSS. I love the mouseover and the right columnThe mouseWay to go guys!

Image to HTML conversion

Check out the image below and the one on the right. The one below is actually an HTML table!! Isn't it amazing? Thanks to Neil Fraser, check out his original page.