{"id":207,"date":"2006-01-12T09:53:56","date_gmt":"2006-01-12T14:53:56","guid":{"rendered":"http:\/\/blog.uvm.edu\/hag\/2006\/01\/12\/experimenting-with-word\/"},"modified":"2006-01-12T09:53:56","modified_gmt":"2006-01-12T14:53:56","slug":"experimenting-with-word","status":"publish","type":"post","link":"https:\/\/blog.uvm.edu\/hag\/2006\/01\/12\/experimenting-with-word\/","title":{"rendered":"Experimenting with Word"},"content":{"rendered":"<p>We get lots of questions about using Word to create web pages. Obviously, we don&#8217;t recommend this method. Word tries very hard to translate it&#8217;s own rich formatting language into a language, HTML, that was never designed to be a formatting language. The resulting file is filled with code that can cause problems when one tries to edit the resulting HTML file.<br \/>\nHere are several examples of files that have been created in Word, then translated into HTML files. To see exactly how Word has translated the file, look at it using View: Page Source:<br \/>\n<a href=\"http:\/\/www.uvm.edu\/~hag\/webpub\/sample-word.doc\"><br \/>\nOriginal Word document<\/a><br \/>\n<a href=\"http:\/\/www.uvm.edu\/~hag\/webpub\/sample-save-as-web.htm\">Word document saved as a Web Page<\/a><br \/>\n<a href=\"http:\/\/www.uvm.edu\/~hag\/webpub\/sample-save-as-web-filtered.htm\">Word document saved as a filtered web page<\/a><br \/>\n<a href=\"http:\/\/www.uvm.edu\/~hag\/webpub\/sample-copy-paste-to-composer.html\">Word document, contents copy and pasted into Composer, then saved<\/a><br \/>\n<a href=\"http:\/\/www.uvm.edu\/~hag\/webpub\/sample-word-2-filtered-html-copy-paste-Composer.html\">Word document, save as filtered web page, then, while still in Word, contents copied and pasted into Composer<\/a><br \/>\nWhen you copy and paste text from Word directly into Moveable Type&#8217;s entry area (this area) you lose all formatting except for line breaks.<br \/>\nIf you save a Word file as a filtered web page, open it in Composer (a simple HTML editor), and copy and paste the source code into a blog entry, here is the result:<\/p>\n<p><!--more--><\/p>\n<p><title>Sample Document<\/title><\/p>\n<div class=\"Section1\">\n<p class=\"MsoNormal\"><b><span style=\"font-size: 18pt\">Sample Document<\/span><\/b><\/p>\n<p class=\"MsoNormal\">&nbsp;<\/p>\n<p class=\"MsoNormal\">This is a document to see how translations from<br \/>\nWord to<br \/>\nother programs alter this original document.<\/p>\n<p class=\"MsoNormal\">&nbsp;<\/p>\n<p class=\"MsoNormal\">Here is a paragraph with a first line indent. It<br \/>\nis indented<br \/>\nusing the Format: Paragraph: First Line Indent to .25 inches.<\/p>\n<p class=\"MsoNormal\">&nbsp;<\/p>\n<p class=\"MsoNormal\">Here comes a bulleted list:<\/p>\n<ul style=\"margin-top: 0in\" type=\"disc\">\n<li class=\"MsoNormal\">Item one<\/li>\n<\/ul>\n<ul style=\"margin-top: 0in\" type=\"circle\">\n<li class=\"MsoNormal\">Sub-item one<\/li>\n<li class=\"MsoNormal\">Sub-item two<\/li>\n<li class=\"MsoNormal\">Sub-item three<\/li>\n<\/ul>\n<ul style=\"margin-top: 0in\" type=\"square\">\n<li class=\"MsoNormal\">Sub-sub-item one<\/li>\n<li class=\"MsoNormal\">Sub-sub-item two<\/li>\n<li class=\"MsoNormal\">Sub-sub-item two<\/li>\n<\/ul>\n<li class=\"MsoNormal\">Sub-item four<\/li>\n<li class=\"MsoNormal\">Sub-item five<\/li>\n<li class=\"MsoNormal\">Item two<\/li>\n<li class=\"MsoNormal\">Item three<\/li>\n<p class=\"MsoNormal\">&nbsp;<\/p>\n<p class=\"MsoNormal\">Here is a table:<\/p>\n<table class=\"MsoTableGrid\" style=\"border: medium none;border-collapse: collapse\" border=\"1\" cellpadding=\"0\" cellspacing=\"0\">\n<tbody>\n<tr>\n<td style=\"border: 1pt solid windowtext;padding: 0in 5.4pt;width: 2.05in\" valign=\"top\" width=\"246\">\n<p class=\"MsoNormal\">Cell a1<\/p>\n<\/td>\n<td style=\"border-style: solid solid solid none;border-color: windowtext windowtext windowtext -moz-use-text-color;border-width: 1pt 1pt 1pt medium;padding: 0in 5.4pt;width: 2.05in\" valign=\"top\" width=\"246\">\n<p class=\"MsoNormal\">Cell b1<\/p>\n<\/td>\n<td style=\"border-style: solid solid solid none;border-color: windowtext windowtext windowtext -moz-use-text-color;border-width: 1pt 1pt 1pt medium;padding: 0in 5.4pt;width: 2.05in\" valign=\"top\" width=\"246\">\n<p class=\"MsoNormal\">Cell c1<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"border-style: none solid solid;border-color: -moz-use-text-color windowtext windowtext;border-width: medium 1pt 1pt;padding: 0in 5.4pt;width: 2.05in\" valign=\"top\" width=\"246\">\n<p class=\"MsoNormal\">Cell a2<\/p>\n<\/td>\n<td style=\"border-style: none solid solid none;border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color;border-width: medium 1pt 1pt medium;padding: 0in 5.4pt;width: 2.05in\" valign=\"top\" width=\"246\">\n<p class=\"MsoNormal\">Cell b2<\/p>\n<\/td>\n<td style=\"border-style: none solid solid none;border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color;border-width: medium 1pt 1pt medium;padding: 0in 5.4pt;width: 2.05in\" valign=\"top\" width=\"246\">\n<p class=\"MsoNormal\">Cell c2<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"MsoNormal\">&nbsp;<\/p>\n<p class=\"MsoNormal\">&nbsp;<\/p>\n<p class=\"MsoNormal\">And another table with some interesting formatting<br \/>\nincluding<br \/>\ndifferent borders, cell width set to content size, and some joined<br \/>\ncells.<\/p>\n<p class=\"MsoNormal\">&nbsp;<\/p>\n<table class=\"MsoTableGrid\" style=\"border: medium none;width: 473.4pt;border-collapse: collapse\" border=\"1\" cellpadding=\"0\" cellspacing=\"0\" width=\"789\">\n<tbody>\n<tr>\n<td colspan=\"3\" style=\"border: 1pt solid windowtext;padding: 0in 5.4pt;width: 473.4pt\" valign=\"top\" width=\"789\">\n<p class=\"MsoNormal\">Three Joined Cells<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"border-style: none solid solid;border-color: -moz-use-text-color windowtext windowtext;border-width: medium 1pt 1pt;padding: 0in 5.4pt\" valign=\"top\">\n<p class=\"MsoNormal\">Cell a1: a lengthy bit of text<\/p>\n<\/td>\n<td style=\"border-style: none solid solid none;border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color;border-width: medium 1pt 1pt medium;padding: 0in 5.4pt\" valign=\"top\">\n<p class=\"MsoNormal\">Cell b1<\/p>\n<\/td>\n<td style=\"border-style: none solid solid none;border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color;border-width: medium 1pt 1pt medium;padding: 0in 5.4pt;width: 236.15pt\" valign=\"top\" width=\"394\">\n<p class=\"MsoNormal\" style=\"text-align: right\" align=\"right\">Cell<br \/>\nc1: right aligned contents<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"border-style: none solid solid;border-color: -moz-use-text-color windowtext windowtext;border-width: medium 1pt 1pt;padding: 0in 5.4pt\" valign=\"top\">\n<p class=\"MsoNormal\">Cell a2<\/p>\n<\/td>\n<td style=\"border-style: none solid solid none;border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color;border-width: medium 1pt 1pt medium;padding: 0in 5.4pt\" valign=\"top\">\n<p class=\"MsoNormal\">Cell b2<\/p>\n<\/td>\n<td style=\"border-style: none solid solid none;border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color;border-width: medium 1pt 1pt medium;padding: 0in 5.4pt;width: 236.15pt\" valign=\"top\" width=\"394\">\n<p class=\"MsoNormal\" style=\"text-align: right\" align=\"right\">Cell<br \/>\nc2 right aligned contents<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"border-style: none solid solid;border-color: -moz-use-text-color windowtext windowtext;border-width: medium 1pt 1pt;padding: 0in 5.4pt\" valign=\"top\">\n<p class=\"MsoNormal\">Cell a3<\/p>\n<\/td>\n<td style=\"border-style: none solid solid none;border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color;border-width: medium 1pt 1pt medium;padding: 0in 5.4pt\" valign=\"top\">\n<p class=\"MsoNormal\">Cell b3<\/p>\n<\/td>\n<td style=\"border-style: none solid solid none;border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color;border-width: medium 1pt 1pt medium;padding: 0in 5.4pt;width: 236.15pt\" valign=\"top\" width=\"394\">\n<p class=\"MsoNormal\" style=\"text-align: right\" align=\"right\">Cell<br \/>\nc3 right aligned contents<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"border-style: none solid solid;border-color: -moz-use-text-color windowtext windowtext;border-width: medium 1pt 1pt;padding: 0in 5.4pt\" valign=\"top\">\n<p class=\"MsoNormal\">Cell a4: this cell has different borders<\/p>\n<\/td>\n<td style=\"border-style: none solid solid none;border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color;border-width: medium 1pt 1pt medium;padding: 0in 5.4pt\" valign=\"top\">\n<p class=\"MsoNormal\">Cell b4<\/p>\n<\/td>\n<td style=\"border-style: none solid solid none;border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color;border-width: medium 1pt 1pt medium;padding: 0in 5.4pt;width: 236.15pt\" valign=\"top\" width=\"394\">\n<p class=\"MsoNormal\" style=\"text-align: right\" align=\"right\">Cell<br \/>\nc4 right aligned contents<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"MsoNormal\">&nbsp;<\/p>\n<p class=\"MsoNormal\">&nbsp;<\/p>\n<p class=\"MsoNormal\">This paragraph has some <i>italicized text<\/i>,<br \/>\nsome <b>bolded<br \/>\ntext<\/b>, and some <u>underlined text<\/u> as well as text in <span style=\"font-size: 14pt;font-family: Batang\">several<\/span> <span>different<\/span> <span>fonts<\/span>.<\/p>\n<p class=\"MsoNormal\">&nbsp;<\/p>\n<p class=\"MsoNormal\">How does the translation handle Styles?<\/p>\n<p class=\"MsoNormal\">&nbsp;<\/p>\n<p class=\"MsoNormal\">Here are two styles:<span class=\"Heading3Char\"><span style=\"font-size: 13pt\"> <\/span><\/span>heading 1, double indent with<br \/>\na 6 point<br \/>\nspace above:<\/p>\n<p class=\"MsoNormal\">&nbsp;<\/p>\n<h1>Heading 1<\/h1>\n<p class=\"MsoNormal\">&nbsp;<\/p>\n<p class=\"double-indent\">This paragraph has a style applied to it that<br \/>\nindents<br \/>\nthe paragraph .5 inches on either side and adds a 6 point space above<br \/>\nthe<br \/>\nparagraph.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>We get lots of questions about using Word to create web pages. Obviously, we don&#8217;t recommend this method. Word tries very hard to translate it&#8217;s own rich formatting language into a language, HTML, that was never designed to be a &hellip; <a href=\"https:\/\/blog.uvm.edu\/hag\/2006\/01\/12\/experimenting-with-word\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[150],"tags":[],"class_list":["post-207","post","type-post","status-publish","format-standard","hentry","category-techow"],"_links":{"self":[{"href":"https:\/\/blog.uvm.edu\/hag\/wp-json\/wp\/v2\/posts\/207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.uvm.edu\/hag\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.uvm.edu\/hag\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.uvm.edu\/hag\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.uvm.edu\/hag\/wp-json\/wp\/v2\/comments?post=207"}],"version-history":[{"count":0,"href":"https:\/\/blog.uvm.edu\/hag\/wp-json\/wp\/v2\/posts\/207\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.uvm.edu\/hag\/wp-json\/wp\/v2\/media?parent=207"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.uvm.edu\/hag\/wp-json\/wp\/v2\/categories?post=207"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.uvm.edu\/hag\/wp-json\/wp\/v2\/tags?post=207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}