chapter 5 quick links slide 2 performance objectives understanding framesets and frames creating...

59

Upload: felicity-pierce

Post on 03-Jan-2016

220 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using
Page 2: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 2

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands ReviewWorking with Frames

DREAMWEAVER MX 2004

Page 3: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 3

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Performance Objectives

Create framesets and frames. Add frames to framesets. Open documents in a frame. Save, delete, and select framesets and frames. Use the Frames panel. Use the Frameset Property inspector to modify

frameset properties.

Page 4: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 4

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Performance Objectives…/2

Use the Frame Property inspector to modify frame properties.

Use links to change frame content. Create and modify navigation bars. Create accessible frames with frame titles and

noframes content.

Page 5: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 5

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Understanding Frames

In appearance, frames are like tables. Frames are used to create page regions that

remain static while other page region content varies.

A single Web page can display content from two or more HTML documents at a time.

frames

Page 6: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 6

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Understanding Frames…/2

Frame tags use a source attribute to locate an HTML file and open it in the frame.

A link on a document in one frame can be specified to open a new document in the same frame, another frame, or in a new browser window.

links in left frame open documents in right frame

Page 7: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 7

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Understanding Framesets

An HTML document that controls frame layout and properties.

Uses frameset tags. Contains a minimum of two frames.

frameset

Page 8: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 8

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Designing Frame Layouts

Framesets should contain no more than three frames.

Predesigned framesets do not exceed three frames.

Excessive frames may:• make navigation difficult• squeeze the space available in the browser

window• make it difficult to troubleshoot problems

Page 9: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 9

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

A Popular Frameset Design

Links in the navigation frame open documents in the main frame.

navigation frame

main frame

heading (banner)

frame

Page 10: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 10

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Enabling Frame Borders

Makes frame borders visible in the Document window.

frameborders

Page 11: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 11

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Enabling Frame Borders…/2

click View Options button

point to Visual Aids

make sure a check mark appears to the left of Frame Borders

Page 12: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 12

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Creating Framesets and Frames

A new frameset is designed with a document open in the Document window.

click Modify

point to Frameset

click one of thesubmenu commands

Page 13: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 13

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Open Document Frame Locations

Frameset Submenu Command

Open Document Location Example

Split Frame Left Open document contained in left frame

Split Frame Right Open document contained in right frame

Split Frame Up Open document contained in top frame

Split Frame Down Open document contained in bottom frame

Page 14: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 14

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Adding Frames to a Frameset

Frames can be added to a frameset by splitting existing frames.

Existing frames can be split by using Menu bar commands, or by dragging frame borders.

Page 15: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 15

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Splitting Frames Using the Modify Command

click Modify

point to Frameset

click one of thesubmenu commands

Page 16: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 16

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Splitting Frames Using the Insert Command

This creates a single frame in the desired direction, calculated from the insertion point.

click Insert

point to HTML

point to Frames

click an option

Page 17: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 17

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Splitting Frames by Dragging

selection handle

new frame border

frame border during move process

direction

Page 18: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 18

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Opening Documents in a Frame

Position the insertion point in the desired frame.

click File

click Open in Frame

Page 19: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 19

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Opening Documents in a Frame…/2

This opens the Select HTML File dialog box, which can be used to locate and select an HTML file.

Page 20: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 20

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Changing Frame Document Background Color

click the Background color color box

click Modify

click Page Properties

click Appearance

select a color from the Color Picker

Page 21: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 21

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Saving Framesets and Frames

Framesets and frame documents must be saved before they can be previewed.

Framesets and frames can be selected and saved individually.

options available in the File menu when a frame is

selected

options available in the File menu when a frameset

is selected

Page 22: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 22

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Deleting Framesets and Frames

Frames can be deleted by dragging them out of the Document window or by dragging them to a frame border.

Closing a frameset without saving deletes the frameset.

To delete a saved frameset, delete the file in the Files panel.

Page 23: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 23

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Using the Insert Bar to Create Predefined

Framesets

click the Frames button down-pointing arrow on the Insert bar (Layout menu item or tab)

click a predefined frameset command

Page 24: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 24

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Using the Insert Menu to Create Predefined

Framesets

click Insert

point to HTML

point to Frames

click one of the frameset options

Page 25: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 25

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Using the File Menu to Create Predefined

Framesets click File

click New

click Framesets

outline appears in Preview section

Page 26: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 26

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Selecting Framesets and Frames

Select a frameset or frame to change the properties using the Frameset or Frame Property inspector.

Note that positioning the insertion point inside a frame selects the document in a frame, not the frame itself.

Framesets can be selected in a number of different ways.

Using the Frames panel is probably the easiest method.

Page 27: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 27

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Opening the Frames Panel

click Window

click Frames

Page 28: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 28

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Using the Frames Panel

The Frames panel shows the structure of the frameset and the frames and nested framesets in contains in outline form.

The name of each frame appears in the center of each frame.

frame names

Page 29: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 29

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Selecting Framesets

click the outside border in the Frames panel

click one of the frames in the Frames panel and then select the frameset tag in the Tag selector

OR

Frameset Property inspector

Page 30: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 30

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Selecting Frames

click inside a frame in the Frames panel

hold down the Alt key, and click inside a frame in the Document window

OR

Frame Property inspector

Page 31: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 31

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Using the Frameset Property Inspector

specify whether or not frames will appear with three-dimensional borders

specify a border width in pixels

Page 32: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 32

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Using the Frameset Property Inspector…/2

click the color box to use the Color Picker

Eyedropper to select a color from the palette

type a hexadecimalcolor valueOR

displays Column or Row depending on whether a column or row is selected in the RowCol

Selection area

Page 33: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 33

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Using the Frameset Property Inspector…/3

tells the browser how much row height or

column width to allocate

choose between Pixels, Percent, and Relative

Page 34: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 34

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Using the Frame Property Inspector

when a link is made to a frame, the target frame

is identified by its frame name

a file path can be placed in the text box by using the Point to File or

Browse for File buttons

contains the path to a file that will appear in

the selected frame

Page 35: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 35

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Using the Frame Property Inspector…/2

specifies whether or not the current frame will display a border

frame border color overrides a frameset border color

Page 36: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 36

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Using the Frame Property Inspector…/3

specifies whether or not scroll bars appear in a frame

entering a pixel value creates margin space inside the frame

specifies whether or not a user can resize a frame in a browser

Page 37: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 37

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Using Links to Change Frame Content

A link in one frame can be used to change the content of another frame.

Links are created using the Property inspector.

The Target text box drop-down list includes frame names in addition to normal target options.

Page 38: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 38

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Creating Navigation Bars

Navigation bars are a slightly more complex version of image rollovers.

They can be created and inserted horizontally or vertically.

horizontalnavigation bar

Page 39: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 39

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Creating Navigation Bars…/2

Navigation bars are composed of a series of images.

Each navigation bar element is composed of up to four different images.

Each image is used to create an element display state.

Page 40: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 40

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Creating Navigation Bars…/3

There are four navigation bar element states.

up(state on loading)

over(state when pointer hovers over button)

down(state after element is

clicked)

over while down(state when pointer hovers

over clicked element)

Page 41: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 41

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Creating Navigation Bars…/4

click the Images button down-pointing arrow

click Navigation Bar

OR

click Insert point to Image

Objects

click Navigation Bar

Page 42: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 42

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Creating Navigation Bars…/5

The Insert Navigation Bar dialog box opens. Select images and desired properties.

Page 43: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 43

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Modifying Navigation Bars

click Modify

click Navigation Bar

Page 44: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 44

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Creating Accessible Frames with Frame Titles

Frame titles will help listeners identify the location and meaning of the content.

With the Frames check box option selected on the Accessibility Preferences page, a Frame Tag Accessibility Attributes dialog box will appear when creating predefined framesets.

enter a frame title for each frame

Page 45: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 45

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Creating Accessible Frames with Frame

Titles…/2 When creating a new frameset from

scratch, the dialog box does not appear. Frame titles can be created by switching to

Code view and typing title="Frame Title" just before the closing frame angle bracket.

frame title

Page 46: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 46

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Creating Accessible Frames with Noframes

Content Each frameset page contains a noframes

area that can be used to place information describing the content of the frames.

Text entered in noframes view is contained between the two noframes tags.

noframes tags

Page 47: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 47

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

Creating Accessible Frames with Noframes

Content…/2click Modify

point to Frameset

click Edit NoFrames Content

Page 48: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 48

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

COMMANDS REVIEW

How do you create a frameset?

click Modify

point to Frameset

Page 49: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 49

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

COMMANDS REVIEW…/2

How do you create a predefined frameset?

click Insert

point to HTML

point to Frames

OR

click File

click New

Page 50: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 50

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

COMMANDS REVIEW…/3

How do you create noframes content?

click Modify

point to Frameset

click Edit NoFrames Content

Page 51: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 51

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

COMMANDS REVIEW…/4

How do you modify a navigation bar?

click Modify

click Navigation Bar

Page 52: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 52

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

COMMANDS REVIEW…/5

How do you open a document in a frame?

click File

click Open in Frame

Page 53: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 53

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

COMMANDS REVIEW…/6

How do you open the Frames panel?

click Window

click Frames

Page 54: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 54

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

COMMANDS REVIEW…/7

How do you save a frame?

Page 55: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 55

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

COMMANDS REVIEW…/8

How do you save a frameset?

Page 56: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 56

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

COMMANDS REVIEW…/9

How do you save a frameset and frames?

Page 57: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 57

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

COMMANDS REVIEW…/10

How do you split a frameset?

click Modify

point to Frameset

Page 58: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 58

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

COMMANDS SUMMARY

Create a frameset Modify, Frameset

Create a predefined frameset

Insert, HTML, Frames, or File, New

Create noframes content Modify, Frameset, Edit NoFrames Content

Modify a navigation bar Modify, Navigation Bar

Open a document in a frame File, Open in Frame

Page 59: Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using

Copyright 2005, Paradigm Publishing Inc.

Chapter 5

Quick Links

Slide 59

Performance Objectives

Understanding Framesets and Frames

Creating Framesets and Frames

Selecting Framesets and Frames

Using the Frameset Property Inspector

Using the Frame Property Inspector

Using Links

Creating Navigation Bars

Creating Accessible Frames

Commands Review

COMMANDS SUMMARY…/2

Open the Frames panel Window, Frames

Save a frame File, Save Frame or Save Frame As

Save a frameset File, Save Frameset or Save Frameset As

Save frameset and frames File, Save All

Split a frameset Modify, Frameset