1

PROJECT 2WEB/HTML PROJECT

USING MICROSOFT WORD

Management Information Systems, 9th edition,By Raymond McLeod, Jr. and George P. Schell

© 2004, Prentice Hall, Inc.

2

Learning Objectives• Understand the advantages and

disadvantages of developing a Web page with Microsoft Word.

• Understand fonts, colors, and other formatting techniques.

• Learn how to control page lines with paragraphs, breaks, and other techniques.

• Learn how to create lists and tables.• Learn to create links to e-mail, other parts of

the same Web page, and to other Web pages.

• Understand how images are inserted into Web pages.

3

Introduction• This project uses Microsoft Word 2002 (also

known as Microsoft Word XP) to make a Web page

• A step-by-step example illustrates the techniques and concepts that will be needed for the project

• The example is not the assignment; the assignment comes after the example

• By working through the example provided, you will learn how to complete the assignment

• An image of the completed example is shown in Figure P2.1

4

EXAMPLE• The example Web page is a product sheet for

pizza so that someone browsing the Internet can see what is offered

• It contains the standard set of Web features that occur on almost all Web pages: lists, images, links, and a table

• The user has three links on the Web page: The first, “Contact Us” is a link to send e-

mail “Link to My School” is a hyperlink to your

school’s Web page “Go to Top of Page,” is for navigation on this Web page itself

5

6

MAKING THE WORD DOCUMENT• Basic Web pages can be created in Microsoft

Word.• The Example Web Page uses the following commands:

– Under the Format submenu:• Font, Font size, Font color• Paragraph, Alignment• Bullets and Numbering• Borders and Shading

– Under the Insert submenu: • Creating a Table• Creating a Hyperlink• Insert an Image (Clip Art)

– Under the File submenu: Save as “Web Page” • (Many of these are illustrated in Figures P2.2-9)

7

8

9

10

11

12

13

14

15

VIEW THE WEB PAGE• Close the Word program so that the Web

browser can access your Web page file, then open your Web browser and choose the “File” command followed by the “Open” subcommand

• Type in the file name or “Browse” to it and click the “OK” button. Your Web page will appear in the browser

• If you need to make any corrections, close the browser and reopen Microsoft Word

• Edit the document saved in the Word format (not the HTML format) and save the document again in both the Word format and in the HTML format

• Reopen the Web browser and repeat the process until you are satisfied with your Web page

16

17

ADVANTAGES AND DISADVANTAGES• While you are looking at the Web page

choose the “View” command followed by the “Source” subcommand. A new window will open on your screen that will display the code that generates the Web page

• Scroll down through the code generated to create the Web page; try to find the parts where you made your lists and table

• The great advantage of using Word to create a Web page is its ease of use. The disadvantage is the inefficient HTML code that is generated

18

ASSIGNMENT1. You are required to make a product sheet

for cell phones. Your company name will be your name followed by the phrase “Cell Phone Service.” For example, if your name is George Washington the company name would be “George Washington Cell Phone Service.” The company name must be the first entry on the page and the words must be substantially larger than other text as well as being blue in color. 

2. Next you must create an unordered (i.e., unnumbered) list of locations where the cell phones will be sold. There must be four locations; make up three locations for yourself but one location must be the room where your class meets.

19

ASSIGNMENT(cont.)3. Make a table of cell phone plans with

prices like the table shown below. You may keep the border lines around the cells or you may eliminate them as you wish. Pay attention to centering of the values in the cells and the formatting of the text in cells.

MinutesPrice Day Night$30 / month 150 450$60 / month 500 1,000

4. Add a cell phone image from clip art. If you cannot find a cell phone image then use another image that you feel is appropriate. Center the image on the page.

20

ASSIGNMENT(cont.)5. Add an ordered list of suggested phone

types such as Nokia, Ericsson, Motorola, Samsung, or others. The list should be ordered from the phone type your company feels is best to the one least preferred by your company.

6. Make three links on the page. The first link should go to your e-mail address. The second link should go to your school’s Web site. The third link should go to the top of the page. All three of these links should be aligned to the right-hand side of the page.

21

END OF PROJECT 2