Web page design Static pages –Content stays the same at all times –Informative elements –Using...
Preview:
Citation preview
- Slide 1
- 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