Web page design
• Static pages– Content stays the same at all times– Informative elements – Using HTML codes (usually)
• Dynamic pages – Content varies from one time to the next– Interactive elements– Using DHTML & JavaScript (usually)
Design elements
• Content– Document– Form– Graphics– Multimedia*
• Navigation– Link– Frame– Button– Image map
• Appearance– Text formatting– Paragraph, Header– Table– List– Color– Special effect*
• Rollovers
• Menus
Breakfast Link Lunch Link Dinner Link
COMPANY LOGO
LOGO.jpg
brkfast.html#anchor1
[BREAKFAST MENU] http://locker.uky.edu/~dsianita/dinner.html
[DINNER MENU]
lunch.html [LUNCH MENU]
Background color: tan.jpgbrkfast.html
Breakfast Hot Spot Lunch Hot Spot Dinner Hot Spot
COMPANY LOGO
banner.jpg image map
brkfast.html
http://locker.uky.edu/~dsianita/dinner.html
lunch.html
banner.html before using frames
Breakfast Hot Spot Lunch Hot Spot Dinner Hot Spot
COMPANY LOGO
banner.jpg image map
brkfast.html
http://locker.uky.edu/~dsianita/dinner.html
lunch.html
banner.html with frames
1st Row Frame
2nd Row Frame
Breakfast Hot Spot Lunch Hot Spot Dinner Hot Spot
COMPANY LOGO
banner.jpg image map
brkfast.html
http://locker.uky.edu/~dsianita/dinner.html
lunch.html
banner.html with nested frames
1st Row Frame
1st Column Frame
2nd Column Frame
toc.html
Breakfast Link
Lunch Link
Dinner Link
banner.jpg
brkfastnf.html
dinnernf.html
lunchnf.html
brkfastnf.html for frame-blind browsers
LOGO.jpg
Breakfast Link
Lunch Link
Dinner Link
A table with 2 columns