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
Exploring Microsoft Microsoft FrontPage 2002 - Chapter 2
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
Exploring Microsoft Microsoft FrontPage 2002 - Chapter 2
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
Exploring Microsoft Microsoft FrontPage 2002 - Chapter 2
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
Exploring Microsoft Microsoft FrontPage 2002 - Chapter 2
6
FrontPage 2002 (Figure 1.1a)
Bulleted list with
hyperlinks Marquee
Page title is centered and
bolded
Horizontal rule
Exploring Microsoft Microsoft FrontPage 2002 - Chapter 2
7
HTML Codes (Figure 1.1b)
Horizontal rule tag
Title tag
Nested tags to center, bold, and change font size
Exploring Microsoft Microsoft FrontPage 2002 - Chapter 2
8
FrontPage (Figure 1.2)Pick a view on the Views bar
Hyperlink Task pane
Theme applied to page
Exploring Microsoft Microsoft FrontPage 2002 - Chapter 2
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
Exploring Microsoft Microsoft FrontPage 2002 - Chapter 2
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
Exploring Microsoft Microsoft FrontPage 2002 - Chapter 2
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
Exploring Microsoft Microsoft FrontPage 2002 - Chapter 2
12
Hyperlinks
Hyperlinks appear as underlined text
Previously viewed pages display in
different color
Link to local page
Links to pages on the Web
Exploring Microsoft Microsoft FrontPage 2002 - Chapter 2
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
Exploring Microsoft Microsoft FrontPage 2002 - Chapter 2
14
FrontPage Templates
Replace template placeholders with
your text
Columns and rows are predefined
Template does not include background
Exploring Microsoft Microsoft FrontPage 2002 - Chapter 2
15
FrontPage Templates (cont.)
Bookmark flags
Graphic inserted in table
Template text replaced
Exploring Microsoft Microsoft FrontPage 2002 - Chapter 2
16
The Picture Gallery
Photos arranged in horizontal layout
Captions added to
each photo
Exploring Microsoft Microsoft FrontPage 2002 - Chapter 2
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
Exploring Microsoft Microsoft FrontPage 2002 - Chapter 2
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
Exploring Microsoft Microsoft FrontPage 2002 - Chapter 2
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
Exploring Microsoft Microsoft FrontPage 2002 - Chapter 2
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
Exploring Microsoft Microsoft FrontPage 2002 - Chapter 2
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
Exploring Microsoft Microsoft FrontPage 2002 - Chapter 2
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
Top Related