Contents |
|
Wherever you see this separator line in the document, clicking on it will return you to the Contents.
Overview: MS Word as a Web Page Creation Tool |
|
|
MS Word is primarily a word processor, and though it does a fairly good job as a Web page editor, that's not where it's true strength lies. One of the greatest strengths of Word in doing any kind of word processing, including the Web, is the active spelling checker, which puts a red squigly underline under spelling errors as you type. There's also a grammar and style checker, if feel the need for one. This document discusses MS Word to Office 97, but Word looks for updates on the Microsoft Web site. You may see this dialog:
MS Word has its own format for files. When it works with HTML files, it converts them into that format for editing; then when you save the file, it converts back to HTML. However: there are many formats Word can create that it can't save in HTML, so you have to be aware of the limitations of HTML as you work in Word. You may also find that Word changes what you do in subtle ways. |
Getting Started |
|
|
Word offers some handy ways to start Web pages... |
|
|
When you open the File...New menu, you get a window offering lots of help. One of the tabs in this window is Web Pages, and it lets you either create a blank page or use the Wizard to lead you through, some appearance choices step by step.
"More Cool Stuff" allows you to link to the Microsoft Web site to update software and get other free goodies. |
|
|
The Web page creation wizard offers several layouts (including two- and three-columns) and several forms. In addition, it offers a number of coordinated styles. Though limited, it provides a good start. |
|
|
When you save a document that starts out as HTML, Word remembers to use HTML as the format. However, if you're using a document that started out in some other way, you need to find the File...SaveAsHTML menu option. |
|
Headings, Styles and Fonts |
|
![]() |
Word is very free about putting font names in the HTML code it writes. There is no simple option for "Variable" font, which leaves the actual font choice up to the browsers. In Word, you must choose a specific font. However, if you use Time New Roman, which is the default font with most browsers, Word will leave the font unspecified. Is it really better to leave the font unspecified? There's room for debate on this topic! My opinion: Leave the font unspecified (in Word, use Times New Roman) because:
|
|
Why not use Word's styles in an HTML document? Well, you can! But...
|
|
|
Normal One size larger Two sizes larger Three sizes larger Four sizes larger (max) Back to Normal One click smaller Two clicks smaller (minimum) These translate to standard HTML sizes, and so can be used without hesitation. |
|
|
Word does not try to do special text effects in HTML. Effects such as Shadowed text which are available in Word documents are not available in HTML. However, you can easily color your text and your page background. The
Formatting Toolbar has a font color button If you want to format only a single cell in a table, don't use the background button: it colors the entire document's background! Instead, use the menu: Table...Cell Properties...Background. |
|
Links and Images |
|
|
|
Insert a link using the Web toolbar button You can insert anchors, or "bookmarks" as Word calls them, using the
page by using the Insert...Bookmark menu selection.
|
|
Images can be placed by using the Web toolbar button
|
|
|
After you insert an image, you can play with its position and size. The easiest way to change an image's position is to select it and drag it with the mouse.
Through the Format...Picture menu item, Word allows three position options, with control of distance between the picture and the text: text wrapping with the picture on the left, text wrapping with the picture on the right, and no text wrapping around the picture. You can also control the size of the picture by selecting it and dragging the "handles" at the edges to change the size. Hint: use the handles at the corners to change picture size with a minimum of distortion. |
|
Lists |
|
|
Word provides good support for lists. However, support for multi-level indented lists is not good when you're typing an HTML document... |
|
|
|
|
Word offers several styles of "ordered" (numbered) lists: you can select:
|
|
|
|
|
Tables |
|
|
|
|
|
|
|
|
|
|
Editing the HTML Directly |
|
|
|
|
|
|
|
About this document... |
|
| For people who are familiar with MicrosoftTM Word and would like to use it as a Web page creation or editing tool. | |
Objectives: |
When you successfully complete this lesson, you will
be able to...
|
Module : |
This document is part of a modular instruction series in Computer Information Systems. For more information, see the overview or the list of modules in this series, W: World Wide Web. This document has been used in the following classes: |
Author: |
Laurence J. Krieg |
Institution: |
![]() |
|
History:
|
Original: 29 Nov 1998
Last modification: Monday, 31-Aug-2009 11:48:06 EDT |
|
Copyright:
|
Copyright © 1999, Laurence J. Krieg.
Instructors: You may point to this file in your Web-based materials. Students: you may make a copy for your personal use. All other uses: contact the author, Laurence J. Krieg for permission. Email krieg@ieee.org |