1. WEB111A: WWW Design Web11a_planning_01.ppt World Wide Web (WWW) A structure of documents connected electronically over the Internet Internet A large computer network made up of smaller networks and computers Network Two or more computers connected for the purpose of sharing information and resources Computer SERVER Computer Network

2. WEB111A: WWW Design Web11a_planning_01.ppt Web Page A separate document on the Web Web Site A set of related Web pages Home page: entry point May consists of: One page Multiple pages Web Servers Computers containing Web Sites on the Internet Web Browser Software to view Web Sites Netscape Internet Explorer

3. WEB111A: WWW Design Web11a_planning_01.ppt Web Server Internet Server USER Computer with Web Browser Internet Server Web Server USER Computer with Web Browser USER Computer with Web Browser USER Computer with Web Browser USER Computer with Web Browser USER Computer with Web Browser USER Computer with Web Browser USER Computer with Web Browser network

4. WEB111A: WWW Design Web11a_planning_01.ppt Protocol The ‘language’ of communication Example: French, German, English, Spanish Must be common between two computers for communications Internet protocols: httpHyperText Transfer Protocol ftpFile Transfer Protocol IPInternet Protocol Hyper Text Markup Language (HTML) Primary programming language of a web page Mark up Tags not procedural language Adjust attributes of text and objects Embedded in the web document Format of the screen display Begin with an < End with an > Markup tag is in between

5. WEB111A: WWW Design Web11a_planning_01.ppt Uniform Resource Locator (URL) Internet ‘address’ of a web site Unique to each web site ‘Rented’ on a yearly basis from a registrar http://Hypertext Transfer Protocol wwwWide World Web.Delimiter somenameName of Web Site.Delimiter xxxcomBusiness orgNon Profit Organization govGovernment INCLASS LAB I: Go to this web site: http://www.findagrave.com/ Display the source code: look at HTML 1.Identify the parts of the URL

6. WEB111A: WWW Design Web11a_planning_01.ppt Hyperlink A coupler from one web page to another A pointer to another web page The page may: PDE Page 7 Be on the same page Be on the same site Be at another web site Is there a difference in the ‘look’ of the links? Format uses the URL Hypertext The system of linked information

7. WEB111A: WWW Design Web11a_planning_01.ppt Intranets Small networks Internal to a single business organization Often connect to larger networks (Extranets) and/or the WWW Extranets Groups of Intranets Connect multiple business’ together Insurance Companies Airline Companies Travel Agencies Realtors Local Area Networks (LAN) Intranets Wide Area Networks (WAN) Extranets

8. WEB111A: WWW Design Web11a_planning_01.ppt Viewers People that access documents on the Internet Types Surfer Access pages for no particular purpose Users Interested in particular information The main goal of a Web presentation is to fulfill users’ information need and wants. To gain users 1. Fulfill users’ needs for information 2. Visually please the user a. Emotionally b. Cognitively

9. WEB111A: WWW Design Web11a_planning_01.ppt INCLASS LAB II: turn in Go to this web site http://dictionary.reference.com/ Is this a site for a surfer? Why? Is this a site for a user? Why? Good Web Site Attributes Understandable Interesting Valuable Information Consistent in appearance Skillful integration of Text Graphics Audio Video Navigation

10. WEB111A: WWW Design Web11a_planning_01.ppt Criteria of a good web site Effectiveness Presenting the intended message Organization Categories Appropriate graphics/pictures Complete Information Contacts Links Accurate Information Links Affectiveness Capture viewer attention Interesting Stimulating Enjoyable Emotional attribute

11. WEB111A: WWW Design Web11a_planning_01.ppt Criteria of a good web site Navigation Easy to: Find information Recognize links Traverse the site INCLASS LAB III: turn in Go to this web site: http://www.tvguide.com Your opinion of: Effectiveness Affectiveness Navigation

12. WEB111A: WWW Design Web11a_planning_01.ppt 1 st Generation Web Presentations Paper-based text presentations Duplications of newspaper type publications No graphics or pictures 2 nd Generation Web Presentations Graphics and visuals added Text removed to allow room for graphics Appearance becoming an issue 3 rd Generation Web Presentations Designed for presentation: Effect Affect Efficiency 4 th Generation Web Presentations Multi-media added Design purposes Informational purposes

13. WEB111A: WWW Design Web11a_planning_01.ppt Targeted Surfers Users All Surfers All People Understanding the business Information that is Approachable Comprehensible Applicable Useful

14. WEB111A: WWW Design Web11a_planning_01.ppt Purpose of the web: The presenter and the user reach a mutual understanding by means of an electronic connection Seven Seconds The visitor will make an emotional decision on whether to stay longer or leave WHY DESIGN IS SO IMPORTANT! What is the visitor looking for? Knowledge Merchandise Services

15. WEB111A: WWW Design Web11a_planning_01.ppt Purpose of Design Inform the visitor History sites Educational sites Entertainment Music download sites Games Exchange information Chat rooms Search Engines

16. WEB111A: WWW Design Web11a_planning_01.ppt Thread Links between web pages relative to a central idea or theme INCLASS LAB IV: Go to web site: http://www.amazon.com