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)
Transcript of Web page design Static pages –Content stays the same at all times –Informative elements –Using...
- 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
