Project Five: Creating an Image Map

Date Due
Completed Date
1 Objectives HTM 194
2 Introduction HTM 194
3 Project Five: Ibrahm Real Estate HTM 195
4 Introduction to Image Maps HTM 196
5 Using Image Maps with Text Links HTM 197
6 Image Map Uses HTM 197
7 Server-Side versus Client-Side Image Maps HTM 201
8 Creating an Image Map HTM 201
9 Selecting Images HTM 201
10 Sketching the Borders of Hotspots HTM 203
11 Mapping Image Coordinates HTM 204
12 Coding the Map HTM 206
13 Using Paint to Locate X- and Y-Coordinates HTM 207
14 The Paint Window HTM 207
15 Opening an Image File in Paint HTM 208
16 Locating X- and Y- Coordinates of an Image HTM 209
17 Creating the Home Page HTM 213
18 Starting Notepad and Entering Initial HTML Tags HTM 213
19 Creating a Table HTM 214
20 Inserting an Image in a Table HTM 215
21 Adding Text to a Table Cell HTM 216
22 Adding an Image to Use as an Image Map HTM 217
23 Creating a Horizontal Menu Bar with Text Links HTM 219
24 Coding the Image Map Using HTML Tags and Attributes HTM 220
25 Creating an Image Map HTM 221
26 Changing Link Colors HTM 223
27 Viewing and Printing the Web Page Using a Browser HTM 225
28 Creating a Second Web Page HTM 226
29 Changing the Title HTM 228
30 Adding a Heading and Paragraphs of Text HTM 229
31 Adding an Image HTM 231
32 Creating a Horizontal Menu Bar with Text Links HTM 232
33 Viewing and Printing the Web Page Using a Browser HTM 234
34 Testing the Links HTM 236
35 Project Summary HTM 237
36 What You Should Know HTM 237
37 Learn It Online HTM 238
38 Apply Your Knowledge: Editing the AYK Web Page HTM 239
39 In the Lab 1: Creating a Money Map HTM 240
 Project Five: Creating an Image Map
40 In the Lab 2: Mapping Hats HTM 242
41 In the Lab 3: Creating a Government Services Web Page HTM 243
42 Cases and Places 2 HTM 245

Assignments and Assessments

A Project 05 Creating an Image Map - Reading Benchmark EV
B Project 05 Reinforcement, password: image EV
C Project 05 Tags Quiz, password: mapping EV
D Project 05 Objective Test, password: paint EV

Ongoing Assignments
Daily Quiz of the Day Questions (true/false)
Learn It Online Activities: Shelly Cashman Web Site Web
After ALL completed - Web Expression Book
Project 05: Creating an Image Map

Student Data Disk Files: Copied from Shareable

+ProjectFiles +AYK +IntheLab +CasesPlaces
floorplan.gif apply5-1.htm hats.jpg getaway.gif
ibrahimlogo.gif coins.gif moneywheel.gif schoolheaderbar.gif
dining.htm states_good.gif schoolmontage.gif
library.htm
living.htm
master.htm
dining.jpg
kitchen.jpg
library.jpg
living.jpg
master.jpg

Student Solutions Files (Save As files)

+ProjectFiles +AYK +IntheLab +CasesPlaces
hometour.htm apply5-1.htm hats.jpg proj5_casesplaces_solutions.doc
kitchen.htm coins.gif moneywheel.gif getaway.gif
floorplan.gif apply5-1solution.htm states_good.gif schoolheaderbar.gif
ibrahimlogo.gif lab 5-1solution.htm schoolmontage.gif
dining.htm lab 5-2solution.htm
library.htm lab 5-3solution.htm
living.htm
master.htm
dining.jpg
kitchen.jpg
library.jpg
living.jpg
master.jpg

Student Data Chapter Files (Shareable Drive)

Figure Files Table Files Notes
Fig05-01a.gif Tbl05-01.gif Project 05.ppt
through through HTML Project 05 Notes.pptx
Fig05-48.gif Tbl05-14.gif Project 05 Checklist.xls
Tags and Attributes by Projects.xls