Design factors

1
Design factors

• Content
• Fig.s 4-49, 5-4, 6-3
• Organization
• Fig.s 2-10, 2-11, 2-12, 2-14, 2-15, 5-17
• Performance
• Aesthetic
• Security

2
A Sketch of a Web Page using Nested Tables
This figure shows a sketch of a web page using
nested tables.
3
An Example of a Frame Layout
This figure shows an example of a frame
layout. It is recommended to draw an example of
what you would like your Web page to look like
before you get started.
4
An Example of a Form
This figure shows a sketch of a proposed
registration form.
5
Linear Structures
6
Augmented Linear Structure
7
Hierarchical Structure
8
Combination of Linear and Hierarchical Structures
9
Content

• Commercial information
• Company background
• Product information
• Non-commercial information
• Industry information
• Transaction
• Order
• Payment
• Shipment
• Entertainment?

10
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)

11
Design elements

• Appearance
• Text formatting
• Paragraph, Header
• Table
• List
• Color
• Special effect
• Rollovers
• Menus

• Content
• Document
• Form
• Graphics
• Multimedia
• Navigation
• Link
• Frame
• Button
• Image map