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 LinkLunch LinkDinner Link COMPANY LOGO LOGO.jpg brkfast.html#anchor1 [BREAKFAST MENU] [DINNER MENU] lunch.html [LUNCH MENU] Background color: tan.jpg brkfast.html
Breakfast Hot SpotLunch Hot SpotDinner Hot Spot COMPANY LOGO banner.jpg image map brkfast.html lunch.html banner.html before using frames
Breakfast Hot SpotLunch Hot SpotDinner Hot Spot COMPANY LOGO banner.jpg image map brkfast.html lunch.html banner.html with frames 1 st Row Frame 2 nd Row Frame
Breakfast Hot SpotLunch Hot SpotDinner Hot Spot COMPANY LOGO banner.jpg image map brkfast.html lunch.html banner.html with nested frames 1 st Row Frame 1 st Column Frame 2 nd 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