Web page design Static pages –Content stays the same at all times –Informative elements –Using...
7
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)
Web page design Static pages –Content stays the same at all times –Informative elements –Using HTML codes (usually) Dynamic pages –Content varies from
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)
Slide 2
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
Slide 3
Breakfast LinkLunch LinkDinner 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.jpg brkfast.html
Slide 4
Breakfast Hot SpotLunch Hot SpotDinner Hot Spot COMPANY LOGO
banner.jpg image map brkfast.html
http://locker.uky.edu/~dsianita/dinner.html lunch.html banner.html
before using frames
Slide 5
Breakfast Hot SpotLunch Hot SpotDinner Hot Spot COMPANY LOGO
banner.jpg image map brkfast.html
http://locker.uky.edu/~dsianita/dinner.html lunch.html banner.html
with frames 1 st Row Frame 2 nd Row Frame
Slide 6
Breakfast Hot SpotLunch Hot SpotDinner Hot Spot COMPANY LOGO
banner.jpg image map brkfast.html
http://locker.uky.edu/~dsianita/dinner.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
Slide 7
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