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

Slides:



Advertisements
Similar presentations
© 2010 Delmar, Cengage Learning Chapter 5 Positioning Objects with CSS and Tables.
Advertisements

Chapter 3 – Web Design Tables & Page Layout
Working with Tables for Page Design – Lesson 41 Working with Tables for Page Design Lesson 4.
Objectives © Paradigm Publishing, Inc. 1 Objectives.
Chapter 5 Multitable Forms
CREATING A MULTIPLE PAGE REPORT Presented by: Dr. Ennis-Cole.
Chapter 3 Tables and Page Layout
Macromedia Dreamweaver MX 2004 Design Professional Tables WORKING WITH.
Copyright 2007, Paradigm Publishing Inc. POWERPOINT 2007 CHAPTER 1 BACKNEXTEND 1-1 LINKS TO OBJECTIVES Create Presentation Open, Save, Run, Print, Close,Delete.
Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.
Using Frames in a Web Site
Chapter 19 – Macromedia Dreamweaver MX 2004
Chapter 3. Table have many uses in a HTML design but are mostly used for the organization of your web site. Tables also give vertical and horizontal structure.
Tutorial 6 Creating Tables and CSS Layouts. Objectives Session 6.1 – Create a data table to display and organize data – Modify table properties and layout.
Dreamweaver CS4 Concepts and Techniques Chapter 5 Templates and Style Sheets.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Chapter 3 Dreamweaver: Part I The Web Warrior Guide to Web Design Technologies.
Dreamweaver CS4 Concepts and Techniques Chapter 7 Page Layout with Frames.
XP 1 Tutorial 5 Using Frames in a Web Site. XP 2 Tutorial Objectives  Describe the uses of frames in a Web site  Lay out frames within a browser window.
© Ms. Masihi.  The Dreamweaver Welcome Screen first opens when you start Dreamweaver.  This screen gives you quick access to previously opened files,
Web Technologies Website Development Trade & Industrial Education
4 HTML Basics Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and.
Project 1: Creating a Dreamweaver Web Page and Local Site 1 Project Objectives Add a background image Open and close panels Display and describe the Property.
Chapter 14. Copyright 2003, Paradigm Publishing Inc. CHAPTER 14 BACKNEXTEND 14-2 LINKS TO OBJECTIVES Add Borders with Borders Button Add Borders with.
1 Macromedia Dreamweaver Outline Introduction Macromedia Dreamweaver Text Styles Images and Links Symbols and Lines Tables Forms Scripting in Dreamweaver.
Adding User Interactivity – Lesson 51 Adding User Interactivity Lesson 5.
Website Development with Dreamweaver
Project 5 Templates and Style Sheets Dreamweaver MX 2004 Concepts and Techniques.
CIS 205—Web Design & Development Dreamweaver Chapter 5 Using HTML Tables to Lay Out a Page.
Microsoft Expression Web-Illustrated Unit I: Working with Tables.
Adobe Dreamweaver CS3 Revealed CHAPTER FIVE: USING HTML TABLES TO LAY OUT A PAGE.
Project 2 Adding Web Pages, Links, and Images Dreamweaver MX 2004 Concepts and Techniques.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
Dreamweaver CS4 Concepts and Techniques Chapter 2 Adding Web Pages, Links, and Images.
CSCE 102 – Chapter 6 (Web Design and Layout) CSCE General Applications Programming Benito Mendoza Benito Mendoza 1 By Benito Mendoza.
Chapter 1 Creating a Dreamweaver Web Page and Local Site
Week 11 Creating Framed Layouts Objectives Understand the benefits and drawbacks of frames Understand and use frame syntax Customize frame characteristics.
Templates and Style Sheets
Committed to Shaping the Next Generation of IT Experts. Essentials For Design Dreamweaver Level One Julian Rickards Project 7 Frames.
Copyright 2006 South-Western/Thomson Learning Chapter 12 Tables.
© 2008 The McGraw-Hill Companies, Inc. All rights reserved. WORD 2007 M I C R O S O F T ® THE PROFESSIONAL APPROACH S E R I E S Lesson 15 Advanced Tables.
CH. 7 Web Page Design –Page Layout with Frames Mr. Ursone.
Layers, Image Maps, and Navigation Bars
Copyright 2007 Paradigm Publishing Inc. EXCEL 2007 Chapter 7 BACKNEXTEND 7-1 LINKS TO OBJECTIVES Create a Chart with Data in a Worksheet Create a Chart.
4 HTML Basics Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and.
HTML Concepts and Techniques Fifth Edition Chapter 4 Creating Tables in a Web Site.
Copyright 2002, Paradigm Publishing Inc. CHAPTER 13 BACKNEXTEND 13-1 LINKS TO OBJECTIVES Table Concepts Creating a Table Creating a Table Entering Text.
Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.
Chapter 9 Quick Links Slide 2 Performance Objectives Understanding Forms Planning Forms Creating Forms Creating Text Fields Creating Hidden Fields Creating.
Creating and Editing a Web Page
1 Creating Links Lesson 2. 2 In the center column type : Home | Order Now | Contact Us This is the navigation button which will link to the other pages.
Positioning Objects with CSS and Tables
Microsoft FrontPage 2003 Illustrated Complete Creating a Frames Page.
XP IT INSTRUCTOR :AHMAD HIRZALLAH 1 Microsoft Office FrontPage 2003 Creating Tables and Frames.
Chapter 28. Copyright 2003, Paradigm Publishing Inc. CHAPTER 28 BACKNEXTEND 28-2 LINKS TO OBJECTIVES Table Calculations Table Properties Fields in a Table.
Web and Multimedia Development Copyright © Genetic Computer School 2007WM LESSON OVERVIEW  Use of Tables  Creating Tables  Try It – 1  Creating.
XP New Perspectives on Macromedia Dreamweaver MX 2004 Tutorial 5 1 Adding Shared Site Elements.
Chapter 12. Copyright 2003, Paradigm Publishing Inc. CHAPTER 12 BACKNEXTEND 12-2 LINKS TO OBJECTIVES Create a Table Enter and Edit Text Delete a Table.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 5 1 Microsoft Office FrontPage 2003 Tutorial 5 – Creating Tables and Frames.
Positioning Objects with CSS and Tables
Chapter A - Getting Started with Dreamweaver MX 2004
Chapter 2 Adding Web Pages, Links, and Images
Tutorial 6 Creating Dynamic Pages
DREAMWEAVER MX 2004 Chapter 4 Working with Images
DREAMWEAVER MX 2004 Chapter 3 Working with Tables
DREAMWEAVER MX 2004 Chapter 7 Working with Layers
Using Cascading Style Sheets (CSS)
Using Templates and Library Items
Positioning Objects with CSS and Tables
Presentation transcript:

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 Review Copyright 2005, Paradigm Publishing Inc. Working with Frames DREAMWEAVER MX 2004

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 Copyright 2005, Paradigm Publishing Inc. 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.

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 Copyright 2005, Paradigm Publishing Inc. 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.

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 Copyright 2005, Paradigm Publishing Inc. 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

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 Copyright 2005, Paradigm Publishing Inc. 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

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 Copyright 2005, Paradigm Publishing Inc. Understanding Framesets  An HTML document that controls frame layout and properties.  Uses frameset tags.  Contains a minimum of two frames. frameset

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 Copyright 2005, Paradigm Publishing Inc. 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

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 Copyright 2005, Paradigm Publishing Inc. A Popular Frameset Design  Links in the navigation frame open documents in the main frame. navigation frame main frame heading (banner) frame

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 Copyright 2005, Paradigm Publishing Inc. Enabling Frame Borders  Makes frame borders visible in the Document window. frame borders

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 Copyright 2005, Paradigm Publishing Inc. Enabling Frame Borders…/2  click View Options button  point to Visual Aids  make sure a check mark appears to the left of Frame Borders

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 Copyright 2005, Paradigm Publishing Inc. 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 the submenu commands

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 Copyright 2005, Paradigm Publishing Inc. Open Document Frame Locations Frameset Submenu Command Open Document LocationExample 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

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 Copyright 2005, Paradigm Publishing Inc. 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.

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 Copyright 2005, Paradigm Publishing Inc. Splitting Frames Using the Modify Command  click Modify  point to Frameset  click one of the submenu commands

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 Copyright 2005, Paradigm Publishing Inc. 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

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 Copyright 2005, Paradigm Publishing Inc. Splitting Frames by Dragging selection handle new frame border frame border during move process direction

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 Copyright 2005, Paradigm Publishing Inc. Opening Documents in a Frame  Position the insertion point in the desired frame.  click File  click Open in Frame

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 Copyright 2005, Paradigm Publishing Inc. 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.

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 Copyright 2005, Paradigm Publishing Inc. 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 

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 Copyright 2005, Paradigm Publishing Inc. 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

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 Copyright 2005, Paradigm Publishing Inc. 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.

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 Copyright 2005, Paradigm Publishing Inc. 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

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 Copyright 2005, Paradigm Publishing Inc. Using the Insert Menu to Create Predefined Framesets  click Insert  point to HTML  point to Frames  click one of the frameset options

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 Copyright 2005, Paradigm Publishing Inc. Using the File Menu to Create Predefined Framesets  click File  click New  click Framesets outline appears in Preview section

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 Copyright 2005, Paradigm Publishing Inc. 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.

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 Copyright 2005, Paradigm Publishing Inc. Opening the Frames Panel  click Window  click Frames

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 Copyright 2005, Paradigm Publishing Inc. 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

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 Copyright 2005, Paradigm Publishing Inc. 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

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 Copyright 2005, Paradigm Publishing Inc. 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

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 Copyright 2005, Paradigm Publishing Inc. Using the Frameset Property Inspector specify whether or not frames will appear with three-dimensional borders specify a border width in pixels

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 Copyright 2005, Paradigm Publishing Inc. 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 hexadecimal color value OR displays Column or Row depending on whether a column or row is selected in the RowCol Selection area

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 Copyright 2005, Paradigm Publishing Inc. Using the Frameset Property Inspector…/3 tells the browser how much row height or column width to allocate choose between Pixels, Percent, and Relative

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 Copyright 2005, Paradigm Publishing Inc. 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

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 Copyright 2005, Paradigm Publishing Inc. 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

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 Copyright 2005, Paradigm Publishing Inc. 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

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 Copyright 2005, Paradigm Publishing Inc. 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.

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 Copyright 2005, Paradigm Publishing Inc. Creating Navigation Bars  Navigation bars are a slightly more complex version of image rollovers.  They can be created and inserted horizontally or vertically. horizontal navigation bar

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 Copyright 2005, Paradigm Publishing Inc. 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.

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 Copyright 2005, Paradigm Publishing Inc. 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)

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 Copyright 2005, Paradigm Publishing Inc. Creating Navigation Bars…/4 click the Images button down- pointing arrow   click Navigation Bar OR click Insert   point to Image Objects  click Navigation Bar

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 Copyright 2005, Paradigm Publishing Inc. Creating Navigation Bars…/5  The Insert Navigation Bar dialog box opens.  Select images and desired properties.

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 Copyright 2005, Paradigm Publishing Inc. Modifying Navigation Bars click Modify   click Navigation Bar

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 Copyright 2005, Paradigm Publishing Inc. 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

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 Copyright 2005, Paradigm Publishing Inc. 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

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 Copyright 2005, Paradigm Publishing Inc. 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

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 Copyright 2005, Paradigm Publishing Inc. Creating Accessible Frames with Noframes Content…/2 click Modify   point to Frameset  click Edit NoFrames Content

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 Copyright 2005, Paradigm Publishing Inc. COMMANDS REVIEW How do you create a frameset?  click Modify  point to Frameset

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 Copyright 2005, Paradigm Publishing Inc. COMMANDS REVIEW…/2 How do you create a predefined frameset?  click Insert  point to HTML  point to Frames OR  click File  click New

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 Copyright 2005, Paradigm Publishing Inc. COMMANDS REVIEW…/3 How do you create noframes content? click Modify   point to Frameset  click Edit NoFrames Content

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 Copyright 2005, Paradigm Publishing Inc. COMMANDS REVIEW…/4 How do you modify a navigation bar? click Modify   click Navigation Bar

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 Copyright 2005, Paradigm Publishing Inc. COMMANDS REVIEW…/5 How do you open a document in a frame?  click File  click Open in Frame

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 Copyright 2005, Paradigm Publishing Inc. COMMANDS REVIEW…/6 How do you open the Frames panel?  click Window  click Frames

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 Copyright 2005, Paradigm Publishing Inc. COMMANDS REVIEW…/7 How do you save a frame?

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 Copyright 2005, Paradigm Publishing Inc. COMMANDS REVIEW…/8 How do you save a frameset?

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 Copyright 2005, Paradigm Publishing Inc. COMMANDS REVIEW…/9 How do you save a frameset and frames?

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 Copyright 2005, Paradigm Publishing Inc. COMMANDS REVIEW…/10 How do you split a frameset?  click Modify  point to Frameset

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 Copyright 2005, Paradigm Publishing Inc. COMMANDS SUMMARY Create a framesetModify, Frameset Create a predefined frameset Insert, HTML, Frames, or File, New Create noframes content Modify, Frameset, Edit NoFrames Content Modify a navigation barModify, Navigation Bar Open a document in a frame File, Open in Frame

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 Copyright 2005, Paradigm Publishing Inc. COMMANDS SUMMARY…/2 Open the Frames panelWindow, 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 framesetModify, Frameset