The Evolution of Web Design Module 1: The History and the Future of the Web LESSON 1

Module 1: The History and the Future of the Web LESSON 1 Lesson Overview In this lesson, we will:  Discuss the history and impact of the Web  Understand and discuss the evolution of Web design  Discuss the history and impact of Web technologies  Use Web technologies to increase productivity and enjoyment

Module 1: The History and the Future of the Web LESSON 1 Guiding Questions  How has the Web transformed your life?  What technologies make using the Web more engaging and exciting on your computer or a hand-held device?  Why do you think there is a need for the W3C (World Wide Web Consortium)?

Module 1: The History and the Future of the Web LESSON 1 Development of the WWW  Tim Berners-Lee  Web developed at CERN (European Organization for Nuclear Research)  Web popularized the Internet

Module 1: The History and the Future of the Web LESSON 1 W3C (World Wide Web Consortium)  Established in 1994  Tim Berners-Lee has served as the director  Based at MIT

Module 1: The History and the Future of the Web LESSON 1 Browsers  Allow users to view content on the Web  Mosaic early cross-platform graphical browsers  Other early browsers include WorldWideWeb, ViolaWWW, Midas, and Samba  Today’s browsers include Internet Explorer, Firefox, Opera, Flock, Mozilla, and Safari

Module 1: The History and the Future of the Web LESSON 1 Browser Wars Market Share Percentage Netscape IE Other Based on figures from OnStat.com

Module 1: The History and the Future of the Web LESSON 1 Web Site Design  Plan  Analyze  Design  Test and Refine

Module 1: The History and the Future of the Web LESSON 1 The First Generation of Web Design  Static pages  Navigation hyperlinks  Guest books  Forms sent via  Early examples

Module 1: The History and the Future of the Web LESSON 1 The First Generation of Web Design  Non-compliance with standards by browsers  Limited by technology  Small monochrome monitors  Dial-up connectivity  Slow Internet connection

Module 1: The History and the Future of the Web LESSON 1 Second Generation of Web Design  Online presence for businesses was essential  Interactivity of the Web  24-hour access  Global reach  Ability to present product information

Module 1: The History and the Future of the Web LESSON 1 Second Generation of Web Design  Intuitive, user-friendly navigation system  Use of forms  Focus on content  Banners, frames, and tables  Blinking text, hit counters, marquees  “This site is best viewed in …”

Module 1: The History and the Future of the Web LESSON 1 Third Generation of Web Design  Sites designed to target specific audience  Focus on content  Intuitive, user-friendly navigation systems  Use of forms, splash page, CSS, and portals

Module 1: The History and the Future of the Web LESSON 1 Fourth Generation of Web Design – Web 2.0  Participatory, interactive, and personalized  Compliance with Web standards  Consistent design for professional look  Usability and accessibility issues  Careful selection of typography

Module 1: The History and the Future of the Web LESSON 1 Fourth Generation of Web Design  Dynamically-generated content by the user  Content-authoring tools for editing  Internet privacy  Social networking, video sharing  Rounded corners, subtle 3D effects  Larger text

Module 1: The History and the Future of the Web LESSON 1 Fourth Generation of Web Design  Open Source  File Sharing  Freemium Business Model  RSS Feeds  Web Services

Module 1: The History and the Future of the Web LESSON 1 New Tools of Web 2.0  Wikis  Blogs  Podcast (derived from iPod and broadcast)

Module 1: The History and the Future of the Web LESSON 1 Practice  Using a first-generation Web site, compare its characteristics to those of today’s sites.  Using a first-generation Web site, compare its characteristics to those of today’s sites.  How would you enhance their functionality?

Module 1: The History and the Future of the Web LESSON 1 Practice  Usability and Accessibility Scavenger Hunt  Refines search techniques  Reinforces classroom instruction about the Web design process  Evolution of Well-known Corporate Web Sites  Using select three sites and note how they have evolved.

Module 1: The History and the Future of the Web LESSON 1 Lesson Review During this lesson, you learned:  The History and Impact of the Web  The Evolution of Web Design  The History and Impact of Web Technologies