chapter 7: word meets web 279
• Text ﬂow and the positioning of images on your page may be different in Word
than in a browser. Using a table for layout alignment (see page 165) results in
more consistency between Word and browser views.
Viewing HTML Code for a Web Page
When you open an HTML document, Word does its best to show you the images
and text of that document just as though you’re viewing it in a Web browser. In
other words, you see the results of the HTML programming, not the HTML code
If you’re comfortable working in the HTML programming language, however, Word
is only too happy to show you the underlying code:
1. Open the Web page in Word. Choose View→HTML Source.
If that menu choice is grayed out, save the Web page document ﬁrst. The Web
page opens as a document full of HTML code. A tiny, one-button toolbar, (“Exit
HTML Source”) also opens.
2. Edit the HTML in Word. Click Exit HTML Source when you’re ﬁnished.
Word returns you to Online Layout view, where the changes you just made in
HTML are reﬂected.
Creating a Web Page in Word
Most people who are serious about Web design use dedicated Web-design programs,
such as Dreamweaver, GoLive, or the free Netscape Composer.
But Word can convert any of its own documents into a Web page, ready to “hang” on
the Internet. Make no mistake: Professional Web designers may sneer at your ef-
forts, since Word ﬁlls the resulting behind-the-scenes HTML code with acres of
unnecessary computer instructions that can make a Web page take longer to load
into visitors’ browsers. Furthermore, they can also render your design layout impre-
cisely. But when you need to create only the occasional Web page, or when simplic-
ity and a short learning curve are more important to you than impressing profes-
sional Web designers, Word can sufﬁce.
Designing a Site Map
Before you start working on your Web page in Word, it’s a good idea to have a plan
of action. Take a blank piece of paper or Word document, draw a box for each page
of your Web site, and label them to ﬁgure out how many Web pages your site will
have, and how they’ll be connected by navigational links. For instance, you might
have a home page, an FAQ (frequently asked questions) page, a page of scanned
photos, a long article on a page of its own, and a page with your contact informa-
tion. Figure 7-2 shows an example sketch.