Project Six: Using Frames in a Web Site

Date Due
Completed Date
1 Objectives HTM 248
2 Introduction HTM 248
3 Project Six - Bill Thomas Illustrations HTM 249
4 Creating Frames HTM 250
5 Creating a Frame Definition File HTM 250
6 Defining Columns and Rows in a Frameset HTM 252
7 Defining Frame Attributes HTM 254
8 Planning and Laying Out Frames HTM 258
9 Creating a Frame Definition File HTM 260
10 Starting Notepad and Entering Initial HTML Tags HTM 260
11 Defining the Frameset Columns and Rows HTM 262
12 Identifying Attributes of the Header and Menu Frames HTM 265
13 Identifying Attributes of the Main Frame HTM 266
14 Saving the HTML File HTM 267
15 Creating the Header Page HTM 268
16 Creating the Menu Page HTM 270
17 Adding Links with Targets to the Menu Page HTM 272
18 Creating the Home Page HTM 273
19 Viewing, Testing, and Printing Web Pages and HTML Code HTM 275
20 Viewing and Printing the Frame Definition File Using a Browser HTM 275
21 Testing the Links HTM 277
22 Printing the HTML Files HTM 277
23 Project Summary HTM 279
24 What You Should Know HTM 279
25 Learn It Online HTM 280
26 Apply Your Knowledge: Editing the AYK Web Page HTM 281
27 In the Lab 1: Creating a Two-Frame Structure for a Softball Web Site HTM 282
28 In the Lab 2: Greyhound Adoption Web Site HTM 283
29 In the Lab 3: Creating a Four-Frame Structure HTM 243
Using your Personal Frame Collage - create the code for ITL 3

Assignments and Assessments

A Project 06 Tags and Attributes Wks
B Project 06 Vocabulary Completion, password: frame EV
C Project 06 Reinforcement, password: menu EV
D Project 06 Tags Quiz, password: header EV
E Project 06 Objective Test, password: logo EV
F Personal Site: change your personal web site to a frames web site by
adding new tags and attributes from this project

Ongoing Assignments
Daily Quiz of the Day Questions (true/false) Wks
Learn It Online Activities: Shelly Cashman Web Site Web
After ALL completed - Web Expression Book
Project 06: Creating Frames in a Web Site

Student Data Disk Files (Located on Shareable and Copied to your Web Design Student Data Files Folder)
+ProjectFiles +AYK +IntheLab +CasesPlaces
orderform.htm apply6-1.htm greyhound.gif flaglerlg.jpg
thomascross.jpg ftlaud.htm lab6-1home.htm flaglersm.jpg
thomasfull.jpg hnbch.htm lab6-1menu.htm trainlg.jpg
thomasink.jpg maui.htm lab6-1rules.htm trainsm.jpg
thomaswaterfall.jpg apply6-1menu.htm lab6-1sched.htm trumanlg.jpg
apply6-1home.htm lab6-1stand.htm trumansm.jpg
lab6-2home.htm
lab6-2menu.htm
lab6-3header.htm
lab6-3home.htm
lab6-3logo.htm
lab6-3menu.htm

Student Solutions Files (Save As files)

+ProjectFiles +AYK +IntheLab +CasesPlaces
orderform.htm apply6-1.htm greyhound.gif proj6_casesplaces_solutions.doc
thomascross.jpg ftlaud.htm lab6-1home.htm flaglerlg.jpg
thomasfull.jpg hnbch.htm lab6-1menu.htm flaglersm.jpg
thomasink.jpg maui.htm lab6-1rules.htm trainlg.jpg
thomaswaterfall.jpg apply6-1menu.htm lab6-1sched.htm trainsm.jpg
framedef.htm apply6-1home.htm lab6-1stand.htm trumanlg.jpg
header.htm apply6-1solution.htm lab6-2home.htm trumansm.jpg
home.htm lab6-2menu.htm
menu.htm lab6-3header.htm
lab6-3home.htm
lab6-3logo.htm
lab6-3menu.htm
lab6-3solution.htm
lab6-2solution.htm
lab6-1solution.htm

Student Data Figure Files (Shareable Drive)

Figure Files Table Files Notes
Fig06-01.gif Tbl06-01.gif Project 06.ppt
thru thru HTML Project 06 Notes.pptx
Fig06-30.gif Tbl06-07.gif Project 06 Checklist.xls
Tags and Attributes by Projects.xls