1 / 11

Design factors

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.

Pat_Xavi
Download Presentation

Design factors

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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. 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

  6. 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

  7. 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

  8. 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

  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. 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

More Related