frontpage introduction presented by: audrey marshall for interactive multimedia design

26
FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design

Upload: lawrence-singleton

Post on 12-Jan-2016

214 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design

FrontPage Introduction

Presented by:

Audrey Marshallfor

Interactive Multimedia Design

Page 2: FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design

Overview

Introducing Microsoft FrontPage

Starting FrontPage Exploring the

FrontPage Screen Opening a Web Page

Saving a Web Page Using the Page View getting Help in Front

Page Exiting FrontPage

Page 3: FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design

Introducing Microsoft FrontPage

Microsoft FrontPage is a Web authoring application

Takes time and tedium out of designing and creating Web pages

Makes it possible to build Web pages without extensive knowledge of HTML

Page 4: FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design

Web Page Uses

Impact on: Communicate Educate Entertain Conduct business Personal

Types Organizational/topical Commercial Advertise

Page 5: FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design

Publishing/Authoring Tools

Publishing Tools HTML Scripts, Applets, Servlets and Active X Controls JavaScript, VBSScript and Perl Web Authoring Packages:

Microsoft Office: FrontPage, Word, & PowerPoint Adobe GoLive Macromedia Dreamweaver Macromedia Flash

Do you know others?

Who created PERL and where was it created?

Page 6: FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design

Web Design Roles

Writer/Editor Multimedia Developer Artist/Graphic Designer Web Page Designer Web Programmer Web Master

Page 7: FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design

Tips for Designing Effective Pages

Content Appropriate Title & Structure

Page Layout Demonstrates Careful Thought Information Presented in Logical

Order Graphics

Simple Background & Layout Appropriate Graphics &

Animation Navigation

Major Sections Clear and Easy to Follow

Links Function Properly

Design Well Organized Tables/Bulleted lists, Horizontal

Rule Lines Information

Creatively Written Errors Obsolete or Few &

Minor Advanced Features

Includes Multimedia such as Video/Sound, Animation

Page 8: FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design

1. Web Page

2. Hyperlink

3. Browser

4. Web site

5. Home Page

6. HTML

7. ISP

8. OSP

9. URL

10. Search Engine11. HTTP12. Page View13. Theme14. Banner15. Navigation Bar16. Clipart17. Marquee18. Web Browser19. Internet Explorer

Web Page Terms to Know

Page 9: FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design

Introducing Microsoft FrontPage Web Page in FrontPage 2003

Text

Hyperlinks

GraphicFrames

Page 10: FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design

Starting FrontPage

With computer running and Windows desktop visible on the screen

Click on Start From Start menu,

choose Programs, then Microsoft FrontPage

Page 11: FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design

Exploring the FrontPage Screen Opening view is a blank Web page in frame View buttons located on left

Call functions which are specific to working with Webs

Web: a group of related and interconnected Web pages

Web page: a document than be viewed on Internet with its own URL

Web site: group of Web pages linked together in cohesive, navigable way

Page 12: FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design

Exploring the FrontPage Screen

FrontPage Window

View Buttons

Title bar

Menu bar

Standard toolbar

Formatting toolbar

Blank Web page

Page 13: FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design

Opening a Web Page

Pages will be created and saved Must know how to retrieve these pages after

they have been saved to a file Requirements for opening a page

Must know the name of the file Must know where it is located

Pages which have not been saved are indicated with an asterisk (*)

Page 14: FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design

Opening a Web Page

Click on File and then Open to display the File Open dialog box

Page 15: FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design

Opening a Web Page Click the Look In

button to find the correct folder

Choose the file from resulting list

Click on Open Recent webs (last

pages worked on)

Page 16: FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design

Opening a Web Page

Web page opened in FrontPage

Page 17: FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design

Saving a Web Page

Work must be saved When finished working with a file Frequently during work in case of power

outage or computer failure Files can be saved to

Hard drive Floppy disk Network drive

Page 18: FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design

Saving a Web Page With page to be saved showing in view … Click on File, then Save As for dialog box Navigate

to folderif necessary

Specify newfile name

Click Save

Page 19: FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design

Using the Page View

Most Web pages designed in Page view Text, graphics, etc. added and reformatted in this

view Other views primarily used for managing Web Page views include

Normal HTML Preview

Page 20: FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design

Using the Page View

Default view is the Normal view

Click HTML tab to display HTML

view

Page 21: FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design

Using the Page View

Web page in HTML format

Click Normal tab to display Normal view

Page 22: FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design

Getting Help in Front Page

Help options for Microsoft FrontPage Contents, Answer Wizard, Index

These show as tabs on the Help dialog boxFor Index tab, enter key word

Alternatively, choose a key word from the list (Scroll to desired

word)

• Index finds topics related to key word

• Select desired topic

Help topic displayed

Page 23: FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design

Getting Help in Front Page

Answer Wizard tab Type question here

• Answer Wizard finds topics related to question

• Select desired topicDetails of selected

Help topic appear in right pane

Page 24: FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design

Exiting FrontPage

Important to exit the FrontPage(or any) application properly

Prevents data loss Use File and Exit

or click on the X in the upper right handcorner of the screen

Page 25: FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design

Exiting FrontPage

FrontPage checks to see if you have saved all current pages before exiting

Dialog box reminds you, offers opportunity to save the page(s) or cancel the exit

Page 26: FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design

Questions?