Exploring Microsoft Microsoft FrontPage 2002 - Chapter 21 Exploring Microsoft FrontPage 2002 Chapter...

transcript

Exploring Microsoft Microsoft FrontPage 2002 - Chapter 2 1

Exploring MicrosoftFrontPage 2002

Chapter 1Creating a Home

Page: Introduction to MS FrontPage

ByGretchen Marx

Exploring Microsoft Microsoft FrontPage 2002 - Chapter 2

Objectives (1 of 3)

Describe the difference between a Web page and a Web site

Explain how an intranet can benefit an organization

Define HTML and explain how HTML tags control the appearance of a Web document

Use MS FrontPage to create, open, view and rename a Web page; rename the page title and change the page URL

Objectives (2 of 3)

Explain how to view the HTML source code; modify the Web page by changing the HTML

Type and format text and paragraphs in a Web page

Create bulleted and numbered lists

Include hyperlinks in your home page

Objectives (3 of 3)

Create and preview a new Web page using a FrontPage template

Open an Office document from within FrontPage

Add active elements such as a counter and marquee to a Web page

Add a graphic image to your page; create a hover button

Overview

Web pages are created using HTML FrontPage generates the HTML for

you You enter formatting codes (such as

bold, center, bullets) Web pages can include graphics,

hyperlinks, and other formatting

FrontPage 2002 (Figure 1.1a)

Bulleted list with

hyperlinks Marquee

Page title is centered and

bolded

Horizontal rule

HTML Codes (Figure 1.1b)

Horizontal rule tag

Title tag

Nested tags to center, bold, and change font size

FrontPage (Figure 1.2)Pick a view on the Views bar

Hyperlink Task pane

Theme applied to page

Web Sites vs. Web Pages

A Web site is the collection of all the pages accessible from an organization’s home page

The home page is the uppermost page in an organization’s Web site

Hands-on Exercise 1: Introduction to HTML

Create the Document in Page View

Create a Bulleted List Save the Document Format the Page Insert a Marquee

Hands-on Exercise 1 (cont.):Introduction to HTML

Insert a Time Stamp Change the Background Color View the HTML Tags Add a Background Theme View the Page in Internet

Explorer

Hyperlinks

Hyperlinks appear as underlined text

Previously viewed pages display in

different color

Link to local page

Links to pages on the Web

Hands-on Exercise 2: Inserting Hyperlinks

Create a second Web document Create a local link Create an external link Test the external link Create an e-mail link

FrontPage Templates

Replace template placeholders with

your text

Columns and rows are predefined

Template does not include background

FrontPage Templates (cont.)

Bookmark flags

Graphic inserted in table

Template text replaced

The Picture Gallery

Photos arranged in horizontal layout

Captions added to

each photo

Hands-on Exercise 3: Templates, Bookmarks, and Graphics

Open a FrontPage template Modify the template Create a bookmark Create hyperlinks to the

bookmarks Download pictures Insert the pictures

Hands-on Exercise 3 (cont.): Templates, Bookmarks, and Graphics

Insert a hover button Create an MS Office document Open the document in FrontPage Insert a photo gallery Check your hyperlinks

Chapter 1 Summary(1 of 2)

• HTML is a set of codes used to create Web pages

• FrontPage inserts codes based on formatting and other options you select

• Hyperlinks and bookmarks help users navigate the Web and your pages

Chapter 1 Summary (2 of 2)

• Graphic images and/or a photo gallery can be inserted in a page

• Templates uses predefined formats to set up a page

• FrontPage will open an MS Office document with the appropriate software

On Your Own

Unify Your Web Pages Learn More About HTML Import Text to a Web Page An Interactive Document HTML Editors Insert MSNBC Content In Your Page Spell Check Your Page Create a Page Transition

Designer Home Pages Employment Opportunities Forms In HTML Documents Publishing Your Web Page Add Your Home Page to

the Lycos Catalog Experiment with Photo

Gallery