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