Developing a Web Site - HTML, CSS, and Dynamic HTML - page 71

2

TUTORIAL

Developing a
Web Site
Creating a Web Site for Amateur
Photographers

OBJECTIVES
Session 2.1
• Explore how to storyboard a
Web site
• Create navigation lists
• Create links between
documents in a Web site
• Understand absolute and
relative folder paths
• Set a base path
• Mark a location with the id
attribute
• Create a link to an id

Case | CAMshots

Gerry Hayward is an amateur photographer and digital camera
enthusiast. He's creating a Web site named CAMshots , where he
can offer advice and information to people who are just getting
started with digital photography, or who are long-time hobbyists
like himself and are looking to share tips and ideas. Gerry's Web
site will contain several pages, with each page dedicated to a par-
ticular topic. He has created a few sample pages for the Web site,
but he hasn't linked them together. He has asked for your help in
designing his site and creating links between the pages.

Session 2.2
• Mark an image as a link
• Create an image map
• Understand URLs
• Link to a resource on the Web
• Link to an e-mail address
• Work with hypertext attributes
• Work with metadata

STARTING DATA FILES

tutorial.02

tutorial review case1

glosstxt.htm
hometxt.htm
tipstxt.htm
+ 1 style sheet
+ 5 graphic fi les
modernizr-1.5.js

camhome.htm
childtxt.htm
contesttxt.htm
fl owertxt.htm
photogloss.htm
scenictxt.htm

tipweek.htm
+ 1 style sheet
+ 23 graphic fi les
modernizr-1.5.js

uwlisttxt.htm
+ 1 style sheet
+ 1 graphic fi le
+ 1 text fi le
modernizr-1.5.js

case2 case3 case4

hometxt.htm
slide1txt.htm
slide2txt.htm
slide3txt.htm
slide4txt.htm

slide5txt.htm
slide6txt.htm
+ 1 style sheet
+ 18 graphic fi les
modernizr-1.5.js

dist1txt.htm
dist2txt.htm
dist3txt.htm
dist4txt.htm
kansastxt.htm

+ 1 style sheet
+ 2 graphic fi les
+ 1 text fi le
modernizr-1.5.js

characters.txt
notes.txt
tempest.txt
tempest.jpg

HTML 71