Presentation is loading. Please wait.

Presentation is loading. Please wait.

HTML Concepts and Techniques Fourth Edition Project 6 Using Frames in a Web Site.

Published byMatthew Postle Modified over 10 years ago

Similar presentations

Presentation on theme: "HTML Concepts and Techniques Fourth Edition Project 6 Using Frames in a Web Site."— Presentation transcript:

1 HTML Concepts and Techniques Fourth Edition Project 6 Using Frames in a Web Site

2 Project 6: Using Frames in a Web Site 2 Project Objectives Design and create a frame structure Change frame scrolling options Name a frame content target Identify Web pages to display at startup Set frame rows Create a header page with text Create a navigation menu page with text links Create a home page

3 Project 6: Using Frames in a Web Site 3 Creating a Frame Definition File Example: www.student.gsu.edu/~wkim5/project06/framedef.htm www.student.gsu.edu/~wkim5/project06/framedef.htm A frameset is used to define the layout of the frames that are displayed

4 Project 6: Using Frames in a Web Site 4 Creating a Frame Definition File

5 Project 6: Using Frames in a Web Site 5 Frame Tag Attributes

6 Project 6: Using Frames in a Web Site 6 Structure of frames home.htm header.htm Menu.htm framedef.htm

7 Project 6: Using Frames in a Web Site 7 Start framedef.htm file <!DOCTYPE html PUBLIC "-//W3C/DTD XHTML 1.0 Frameset// EN "http://w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> Bill Thomas Illustrations

8 Project 6: Using Frames in a Web Site 8 Start framedef.htm file Note that there is no

9 Project 6: Using Frames in a Web Site 9 Defining Columns and Rows in the Frameset <!DOCTYPE html PUBLIC "-//W3C/DTD XHTML 1.0 Frameset// EN "http://w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> Bill Thomas Illustrations

10 Project 6: Using Frames in a Web Site 10 Specifying Attributes of the Header and Menu Frames (rows)

11 Project 6: Using Frames in a Web Site 11 Specifying Attributes of the Header and Menu Frames (rows) What if frameborder = “yes”? What if scrolling = “yes”?

12 Project 6: Using Frames in a Web Site 12 Ending the frameset of the first column

13 Project 6: Using Frames in a Web Site 13 Specifying Attributes of the Main Frame

14 Project 6: Using Frames in a Web Site 14 Ending the Framesets

15 Project 6: Using Frames in a Web Site 15 Creating the Header Page-header.htm <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> Bill Thomas Illustrations

16 Project 6: Using Frames in a Web Site 16 Creating the Menu Page-menu.htm <!DOCTYPE html PUBLIC "-//W3C/DTD XHTML 1.0 Frameset// EN "http://w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> Bill Thomas Illustrations

17 Project 6: Using Frames in a Web Site 17 Insert the body with options <!DOCTYPE html PUBLIC "-//W3C/DTD XHTML 1.0 Frameset// EN "http://w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> Bill Thomas Illustrations

18 Project 6: Using Frames in a Web Site 18 Add the tables Cross Hatch Full Color Ink Wash Order Form

19 Project 6: Using Frames in a Web Site 19 Add e-mail link E-mail questions and comments to billthomas@isp.com.

20 Project 6: Using Frames in a Web Site 20 Create the home.htm Insert an image (see the file)

21 Project 6: Using Frames in a Web Site 21 Viewing and Printing the Frame Definition File Using a Browser Start your browser Click File on the menu bar and then click Print on the File menu Click the Options tab in the Print dialog box Click As laid out on screen to select it and then click the Print button

22 Project 6: Using Frames in a Web Site 22 Viewing and Printing the Frame Definition File Using a Browser

23 Project 6: Using Frames in a Web Site 23 Testing the Links Click the Cross Hatch link on the navigation menu Click the Full Color link on the navigation menu Click the Ink Wash link on the navigation menu

24 HTML Concepts and Techniques Fourth Edition Project 6 Complete Using Frames in a Web Site

Download ppt "HTML Concepts and Techniques Fourth Edition Project 6 Using Frames in a Web Site."

Similar presentations

Frames. What are frames? The ability to divide the browser window into sections that can function independently of one another. Navigation within the.

Frames. What are frames? The ability to divide the browser window into sections that can function independently of one another. Navigation within the.
Frames How to make a page that uses frames. Preview There used to be a time that frames were frowned upon because most browsers did not support them Nowadays.

Frames How to make a page that uses frames. Preview There used to be a time that frames were frowned upon because most browsers did not support them Nowadays.
HTML Concepts and Techniques Fourth Edition Project 2 Creating and Editing a Web Page.

HTML Concepts and Techniques Fourth Edition Project 2 Creating and Editing a Web Page.
© Paradigm Publishing, Inc. 1. 2 Access 2010 Level 1 Unit 2Creating Forms and Reports Chapter 6Creating Reports and Mailing Labels.

© Paradigm Publishing, Inc Access 2010 Level 1 Unit 2Creating Forms and Reports Chapter 6Creating Reports and Mailing Labels.
Project 8 Creating Style Sheets.

Project 8 Creating Style Sheets.
Multimedia and the World Wide Web HCI 201 Lecture Notes #5A.

Multimedia and the World Wide Web HCI 201 Lecture Notes #5A.
Intermediate Level Course. Text Format The text styles, bold, italics, underlining, superscript and subscript, can be easily added to selected text. Text.

Intermediate Level Course. Text Format The text styles, bold, italics, underlining, superscript and subscript, can be easily added to selected text. Text.
Microsoft Office 2007 PowerPoint Web Feature Creating Web Pages Using PowerPoint.

Microsoft Office 2007 PowerPoint Web Feature Creating Web Pages Using PowerPoint.
Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.

Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.
Chapter 3 Tables and Page Layout

Chapter 3 Tables and Page Layout
Saving a Word Document as a Web Page

Saving a Word Document as a Web Page
Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.

Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.
Create a Web Site with Frames

Create a Web Site with Frames
FIRST COURSE Creating Web Pages with Microsoft Office 2007.

FIRST COURSE Creating Web Pages with Microsoft Office 2007.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: Frames © 2007 Prosoft Learning Corporation All rights reserved ITD 110 Web Page Design.

Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: Frames © 2007 Prosoft Learning Corporation All rights reserved ITD 110 Web Page Design.
Chapter 6 Working with Frames.

Chapter 6 Working with Frames.
Lesson 4 HTML Structural Design Techniques

Lesson 4 HTML Structural Design Techniques
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: HTML Frames.

Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: HTML Frames.
Using Frames in a Web Site

Using Frames in a Web Site
XP Tutorial 5New Perspectives on HTML, XHTML, and DHTML, Comprehensive 1 Designing a Web Site with Frames Using Frames to Display Multiple Web Pages Tutorial.

XP Tutorial 5New Perspectives on HTML, XHTML, and DHTML, Comprehensive 1 Designing a Web Site with Frames Using Frames to Display Multiple Web Pages Tutorial.

Similar presentations

Ads by Google