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

Exploring Microsoft Microsoft FrontPage 2002 - Chapter 2 1

Exploring MicrosoftFrontPage 2002

Chapter 1Creating a Home

Page: Introduction to MS FrontPage

2002

ByGretchen Marx

Exploring Microsoft Microsoft FrontPage 2002 - Chapter 2

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


3

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


4

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


5

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


6

FrontPage 2002 (Figure 1.1a)

Bulleted list with

hyperlinks Marquee

Page title is centered and

bolded

Horizontal rule


7

HTML Codes (Figure 1.1b)

Horizontal rule tag

Title tag

Nested tags to center, bold, and change font size


8

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

Hyperlink Task pane

Theme applied to page


9

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


10

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


11

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


12

Hyperlinks

Hyperlinks appear as underlined text

Previously viewed pages display in

different color

Link to local page

Links to pages on the Web


13

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


14

FrontPage Templates

Replace template placeholders with

your text

Columns and rows are predefined

Template does not include background


15

FrontPage Templates (cont.)

Bookmark flags

Graphic inserted in table

Template text replaced


16

The Picture Gallery

Photos arranged in horizontal layout

Captions added to

each photo


17

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


18

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


19

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


20

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


21

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


22

Cases

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

Date post:	21-Jan-2016
Category:	Documents
Upload:	horace-bailey
View:	219 times
Download:	0 times