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
A Sketch of a Web Page using Nested Tables This figure shows a sketch of a web page using nested tables.
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.
An Example of a Form This figure shows a sketch of a proposed registration form.
This figure shows one common Web page structure, the linear structure, in which each page is linked to the next and to previous page, in an ordered chain of pages. Link to previous page In this structure you can jump only from one page to the next or previous page Link to next page Linear Structures
This figure shows an augmented linear structure, in which you include a link in each page that jumps directly back to the first page, while keeping the links that allow you to move to the next and previous pages. second link jumps back to beginning first link jumps to previous page third link jumps to next page third page has three links Augmented Linear Structure
This figure shows the hierarchical structure, which starts with a general topic that includes links to more specific topics. Each specific topic includes links to yet more specialized topics, and so on. In a hierarchical structure, users can move easily from general to specific and back, but not from specific to specific. Hierarchical Structure
This figure shows a hierarchical structure in which each level of pages is related in a linear structure. information about the play information about the acts overall structure is hierarchical each level is linear the scenes Combination of Linear and Hierarchical Structures
Content • Commercial information • Company background • Product information • Non-commercial information • Industry information • Transaction • Order • Payment • Shipment • Entertainment?
Content Document Form Graphics Multimedia* Navigation Link Frame Button Image map Appearance Text formatting Paragraph, Header Table List Color Special effect* Rollovers Menus Design elements