Exploring Microsoft FrontPage 2003

One

Introduction to Microsoft FrontPage 2003



Objectives 1 Case Study: Can Somebody Help Me

Create My Personal Web Site, Please?

Overview 2 Internet, Web Servers, and Web Site Basics

HTML and the World Wide Web

What Is FrontPage?

What's New in FrontPage 2003?

Getting Familiar with FrontPage 2003

Start FrontPage

The FrontPage Window

FrontPage Tools for Creating Web Sites

Themes

Templates

Wizards

Working with Web Sites

Opening and Closing a FrontPage

Web Site

Web Site Views

HANDS-ON EXERCISE 1:

EXPLORING THE ELEMENTS OF

THE FRONTPAGE 2003 WINDOW

AND THE FRONTPAGE WEB SITE VIEW

Working with Web Pages

Opening and Closing a Web Page

Web Page Views

Basic Web Page Elements

Saving Your Work and Exiting

FrontPage

HANDS-ON EXERCISE 2:

EXPLORING WEB PAGE VIEWS AND

BASIC WEB PAGE ELEMENTS





TWO

Designing and Creating a Web Page

Objectives Case Study: Creating Pages for

Your Personal Web Site

Overview

What Is a Good Web Page Design?

Working with Colors

Working with Fonts

Designing for Usability

Designing for Cross-Browser and

Cross-Platform Compatibility

Designing for Accessibility

Creating a Web Page

Working with Templates

Working with Themes

Adding a New Web Page to

an Existing Web Site

Formatting a Web Page

HANDS-ON EXERCISE 1:

CREATE A PRELIMINARY SKETCH OF A

WEB PAGE, ADD A NEW, NORMAL WEB PAGE, AND ADD A HORIZONTAL LINE

Working with Page Content

Adding Text

Editing and Formatting Text

Checking the Spelling of Your Text

HANDS-ON EXERCISE 2:

ADDING, EDITING, AND SPELL CHECKING TEXT

Organizing a Web Page

Working with Hyperlinks

Formatting Hyperlinks

Creating and Editing Lists

HANDS-ON EXERCISE 3:

CREATE AND EDIT DIFFERENT

TYPES OF LINKS AND LISTS Editing HTML in Code View and

Split View

Closing a Web Page

Previewing Your Web Page

Saving a Web Page

Printing a Web Page

HANDS-ON EXERCISE 4:

RUN THE FRONTPAGE ACCESSIBILITY CHECKER,

PREVIEW, AND PRINT A WEB PAGE





THREE

Developing, Publishing, and Managing a Web Site Using FrontPage



Objectives Case Study: Working with Personal and Corporate Web Sites

Designing and Building a Web Site

Using FrontPage Templates and Wizards

to Create Web Sites

Working with Themes

Adding a Theme to a Web Site

Changing the Theme of a Web Page

Importing a Web Page

Deleting a Web Page

HANDS-ON EXERCISE 1:

CREATING AND CUSTOMIZING A WEB SITE USING FRONTPAGE TEMPLATES AND THEMES Working with Subsites

Publishing FrontPage Web Sites

and Subsites

HANDS-ON EXERCISE 2:

CREATING SUBSITES AND PUBLISHING

A WEB SITE INCLUDING SUBSITES

Testing and Validating a Web Site

Using Reports View

Using Hyperlinks View

Using the Find and Replace

Changing the Navigational Structure

of a Web Site

Publishing Changes to a Web Site

Promoting Web Sites

Using Search Engines

Using Meta Tags

HANDS-ON EXERCISE 3:

CHANGING, TESTING, AND VALIDATING

A CORPORATE WEB SITE, AND ADDING META TAGS







FOUR

Enhancing Web Sites Using Graphics, Multimedia, and FrontPage Web Components



Objectives

Case Study

Overview

Web Design Guidelines for Enhancing

Web Sites

Working with Images

Inserting an Image

Resizing and Resampling an Image

Modifying an Image Using the

Picture Toolbar

Saving Web Pages Containing

Embedded Images

Positioning an Image

Creating Thumbnails

Adding a Hyperlink to an Image

Creating and Using Image Maps

Inserting an AutoShape Drawing

Object

HANDS-ON EXERCISE 1:

ENHANCING A WEB PAGE USING IMAGES Working with Sounds

Inserting an Audio File

Adding a Background Sound to

a Web Page

Working with Video Files

Inserting a Video File

Working with Web Components

and Dynamic Effects

Hit Counters

Marquees

Interactive Buttons

Link Bars

Advanced Controls

Included Content

HANDS-ON EXERCISE 2:

ENHANCING A WEB PAGE USING WEB COMPONENTS





FIVE

Layout Features in FrontPage: Using Tables, Frames, and Tracing Images



Objectives

Case Study: The DestinQuest Company Overview

FrontPage Layout Tools

Working with Tables

Creating Tables

Modifying Tables

HANDS-ON EXERCISE 1:

CREATING AND MODIFYING A TABLE Using the Tables Toolbar

HANDS-ON EXERCISE 2:

CREATING A WEB PAGE USING THE LAYOUT

TABLES AND CELLS TASK PANE AND

THE CELL FORMATTING TASK PANE Using Frames

Creating Frames

Modifying Frames

Using Inline Frames

Creating a Web Page Using

a Tracing Image

HANDS-ON EXERCISE 3:

CREATING AND MODIFYING A WEB

PAGE USING FRAMES, INLINE FRAMES,

AND TRACING IMAGES



SIX

Integrating Microsoft Office 2003 and FrontPage

Objectives

Case Study: Merging Microsoft Office

2003 Files in the DestinQuest Company Web Site

Working with Microsoft Word Documents

in FrontPage

Adding Word Content to a Web Page

Adding Word Documents to a Web Site

Editing Word Content in FrontPage

HANDS-ON EXERCISE 1:

INTEGRATING WORD WITH FRONTPAGE

Working with Excel and FrontPage

Creating a Database Connection

Using the Database Results Wizard

to Add Data

Adding Excel Data with Office Web

Components

HANDS-ON EXERCISE 2:

INTEGRATING EXCEL WITH FRONTPAGE Working with Microsoft PowerPoint

and FrontPage

Adding PowerPoint Presentations to

a Web Site

Creating Web Page Content Using

PowerPoint Slides

Editing PowerPoint Contents in FrontPage

HANDS-ON EXERCISE 3:

INTEGRATING POWERPOINT WITH FRONTPAGE

Working with Microsoft Access and

FrontPage

Working with a Database Connection

Working with the Database Results Wizard

HANDS-ON EXERCISE 4:

INTEGRATING ACCESS DATABASES

WITH FRONTPAGE Working with XML and FrontPage





SEVEN

Developing and Managing Interactive Forms with FrontPage

Objectives

Case Study: Developing an Online

Customer Reservations Form Overview

Designing a Form

Designing Accessible and

Usable Forms

Creating a Form

Using Web Page Form Templates

Using the Form Page Wizard

Using the Form Command

Adding Form Fields to a Form

Inserting a Text Box Form Field and

Modifying Its Properties

Inserting and Modifying the Properties

of a Check Box Form Field

Inserting an Option Button Form Field

and Modifying Its Properties

Inserting a Group Box Form Field and

Modifying Its Properties

Inserting a Drop-Down Box Form Field

and Modifying Its Properties

Inserting a Text Area Form Field and

Modifying Its Properties

Inserting a Push Button Form Field and

an Advanced Button Form Field and

Modifying Their Properties

Inserting a File Upload Form Field and

Modifying Its Properties

Inserting Hidden Form Fields

Assigning a Label to a Form Field

HANDS-ON EXERCISE 1:

USING FRONTPAGE TO CREATE

ONLINE FORMS



EIGHT

Advanced Web Site Design Using Forms, Source Control, and

Dynamic Web Templates

Objectives

Case Study: Developing an Advanced

Online Customer Reservations Form and Using the Database Interface

Wizard to Manage Database Web Sites

Overview

Saving the Results of a Form

Saving Form Results to an E-mail

Address or a File

Saving Form Results to a Database

Creating Advanced Data-Driven Web Sites

Using the Database Interface Wizard

Working with ASP and ASP.NET

Creating a Web Site Using the

Database Interface Wizard

Using Source Control

HANDS-ON EXERCISE 1:

WORKING WITH FORMS AND ACCESS DATABASES IN FRONTPAGE

Using Dynamic Web Templates

Creating a Dynamic Web Template

Attaching a Dynamic Web Template

HANDS-ON EXERCISE 2:

WORKING WITH FRONTPAGE DYNAMIC

WEB TEMPLATES



APPENDIX A

Using HTML and CSS with FrontPage

Understanding and Using HTML

HTML

Common HTML Elements and

Attributes

FrontPage Tools for Working

with HTML

HTML Rules to Keep in Mind

Applying Formatting Styles to HTML

Using CSS

Working with Inline Styles

Working with Embedded Styles

Working with External Styles

Common CSS Styles and Attributes

and Values





APPWNDIX B

Designing Accessible Web Sites Using the FrontPage

Accessibility Features

Web Accessibility Guidelines

W3C Web Accessibility Initiative (WAI)

Section 508

Using FrontPage to Develop Web Pages in

Compliance with Section

Graphics and Images

Multimedia

Color

Style Sheets

Image Maps

Tables

Frames

Animation and Scrolling Text

Text-Only Version

Scripts, Applets, and Plug-ins

Web Forms

Links

Timed Response

Assistive and Adaptive Technologies

HANDS-ON EXERCISE 1:

USING FREE ONLINE SERVICES TO TEST

WEB PAGES FOR ACCESSIBILITY More Information