Creating a Web page L E S S O N 8. Suggested teaching time. Lesson objectives minutes. To be able to create a Web page, you will:

L E S S O N

8

Creating a Web page

Lesson objectives

To be able to create a Web page, you will:

a Save an existing document as a Web page and preview it in a browser. b Apply a Theme to an existing Web page and exit Word.

a

Creating a Web page

The following new software features are discussed in this topic:

• Enhanced toolbar and menu customization • New Open dialog box

• New Save As dialog box • New Web Page Preview

Saving an existing document as a Web page

Concepts > Any Word document can be saved as a Web page. A Web page is a file that can be accessed through an intranet or the Internet by multiple users. To save a

document as a Web page in Word, choose File, Save As Web Page.

Web Layout View

Within Word, the Web Layout View simulates how your Web page will be displayed by a browser. You can see AutoShapes, backgrounds, and other common Web-related options.

Task A-1: Saving an existing document as a Web page

What you do Comments/Prompts

1. Open Burke Web Page This is an ordinary Word document that contains text and graphics.

2. Choose _File_

_Save_As_Web_Page…_

Observe the Save As Type

box

The document is already being saved as a Web page (*htm; *html).

3. Save the file as

My Burke Web Page

To save the file in Web format. 4. If necessary, click on the

Web Layout View button

To view the document as a Web page.

Tip: Although Web

Layout View is convenient while working on a Web page, previewing in a browser more

accurately depicts how documents will show up when viewed on the Web.

Why might students save a document as a Web Page?

(To enable multiple users to view a common document.)

There is no difference between choosing File, Save As and manually changing the Save As Type setting to Web Page and choosing File, Save As Web Page.

Previewing your Web page in a browser

Concepts > If you publish your Web page to an intranet or the Internet, it will be seen by many people. So before you publish it, you will want to preview the page using your local browser to see how it will actually look. A browser is an application that enables you to view Web pages.

Just like there are many word processing applications, there are many browser applications. Office 2000 includes Internet Explorer as the default browser. To preview your Web page in the browser, choose File, Web Page Preview. Your Web browser will be launched automatically and you will see how your Web page looks in the browser environment. Close the browser to return to Word. It is important to remember that when you preview the page in your default browser, it is not yet published on an intranet or the Internet; it is displayed locally and is only a simulation of the page and how it will look on the Internet.

Task A-2: Previewing your Web page in a browser

What you do Comments/Prompts

1. Choose _File_ _Web_Page_Preview_

If necessary, maximize the browser window

To view your Web Page in a browser.

2. Observe the title bar Because “Burke Properties, Inc.” had Heading 1 applied in the document, it is displayed in the title bar along with the type of browser you are using to preview the Web page.

3. Scroll to view the Web page Nonprinting elements (end-of-cell and row markers, spaces, and paragraph marks) are not displayed. 4. Close the browser To return to the Word application and the

document you were working on.

M

b

Using Themes and exiting Word

The following new software feature is discussed in this topic:

• New design Themes

Concepts > Once you have created your Web page, you can add visual enhancements by simply applying one of the Themes Word supplies. Themes are collections of complementary color schemes, font choices, and other design elements. When used, they provide your documents and Web pages with a consistent and professional look.

Themes are different than templates because Themes enhance only how a page looks on screen. Themes do not contain AutoText, macros, or toolbars that are commonly found in templates. Keep in mind that you want to choose a Theme that is easy to read in a Web browser and one that is appropriate for your business.

Task B-1: Applying a Theme

q Objective: To apply a Theme to change the look of your Web page. ü Before you begin: My Burke Web Page is open.

What you do Comments/Prompts

1. Choose _Format_ _Theme…_ To display the Theme dialog box.

2. In the Choose A Theme list box, preview the different themes

Select Postmodern

The Sample Of Theme box displays examples of how different design elements will be displayed on a Web page.

3. Choose _File_ _Web_Page_Preview_

If necessary, maximize the browser window

Observe the Web page

Close the browser

To preview the Web page in your browser.

The Web page, which was originally just black and white with a logo, now has a background, colored headings and text, and coordinated graphics (bullets and a new divider line).

To return to Word. 4. Save the file

Practice Task

1. Apply a different theme of your choice.

2. Save and close the Web page.

Exiting Word

Concepts > To exit Word and return to the Windows environment, choose File, Exit or, in the last opened document, double-click on the application Control-menu icon. As a safeguard, if you have not saved changes in any open documents, Word will prompt you to save those changes.

Task B-2: Exiting Word and Windows 98

ü Before you begin: Do not perform this task if you are going to key the Practice Unit.

What you do Comments/Prompts

1. Choose _File_ _Exit_ To exit Word.

2. If necessary, close any open files

3. Follow your instructor’s directions to exit Windows and shut down the

computer

M

demonstrate any other Word features, or if you want students to complete the Practice Unit for this lesson, postpone this task until those things are done.

(

Practice Unit for Lesson 8

In this activity, you will create a Web page from an existing document, apply a Theme, and preview your Web page in a browser.

1. Open Practice Web Page.

2. Save the document as a Web page and name it My Practice Web Page

3. Apply a theme of your choice and preview it in a browser. 4. Close the browser.

5. Save and close the file. 6. Exit Word.

)

Wrap-up for Lesson 8

a Describe how to convert an existing document into a Web page. Click on File, Save As Web Page.

Which view simulates how your Web page will be displayed by a browser?

Web Layout View. What is a Web browser?

A browser is an application that enables you to view Web pages.

b What is a Theme?

A Theme is a collection of complementary color schemes, font choices, and other design elements.

What is the benefit of using a Theme?

A Theme provides your documents and Web pages with a consistent and professional look.