multimediacla她ssppt7.ppt

Webpage Layout and Webpage Design Technical definitions: A webpage is a single HTML document A website is a collection of related WebPages Examples Web Page Layout Layout of web pages is very important Poor layout makes for - Difficult navigation Hard to locate information on page Visually unappealing Tables, tables, tables! Use tables to lay out your pages! Make the table borders invisible A 2x2 table works well Areas of a Web Page A 2 x 2 Layout Table within a table The outer table The inner table The inner table Splash Page The index.html file is called the “Splash Page” It is the key page—the first page visitors usually see Must be visually attractive, informative, and easy to navigate Organizing Information Decide what info goes on each page Friends page Family page Personal page Hobbies page Good Web Communication Be Concise Limit choices – use a hierarchical structure A hierarchy is a structured organization where some pages are at a higher level than others Hierarchy results in a site map with multiple levels Site Map A site map is designed to show the connections between pages A graphical site map uses lines to connect linked pages Site Map Design Theme Choose a common layout for your website. The Splash Page will probably differ but interior pages should be the same Use tables to control placement throughout Consistency in Design Use the same font throughout! Use consistent graphics in website – do not use ultra modern on one page and calligraphy on another Use color scheme that is consistent Cont…. Other extensions for web pages include: .shtml ? Server Side Includes: add some extra stuff from the server before displaying the page to the client” .php, .asp, .cgi ? extra stuff that is brought in also from the server, allows for use of data in a database on the server, more complex form manipulation. asp is a Microsoft technology Chapter - 1 Who coined the term hypertext? Tim Berners-Lee proposed the____ Who create the Netscape program