THe Evolution of Web Design

1,786 views

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,786
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
18
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Day 1
  • Guiding QuestionsHow has the Web transformed your life?how you learnhow you access informationhow you entertain yourself (alone and with others)how you shophow you collaborate and communicate with your friends and familyWhat new 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)?
  • Development of the WWWTim Berners-LeeComputer Specialistdeveloped the Web in 1989Web developed at CERN (European Organization for Nuclear Research)Web popularized the Internet
  • W3C (World Wide Consortium)Established in 1994 to develop standards and guidelines for the WebTim Berners-Lee has served as the directorBased at MIT (Massachusetts Institute of Technology)
  • BrowsersSoftware allowing users to view content on the Internet and the WebMosaic was one of the earliest cross-platform graphical browsersOther early browsers include WorldWideWeb, ViolaWWW, Midas, and SambaToday’s browsers include Internet Explorer, Firefox, Opera, Flock, Mozilla, Safari
  • Click to add notes
  • Click to add notes
  • First Generation Web DesignStatic pages with basic structuresNavigation achieved by clicking hyperlinksUse of guest booksForms sent via e-mailEarly exampleshttp://www.dejavu.org/1994win.htmhttp://www.slac.stanford.edu/history/earlyweb/firstpages.shtml
  • First Generation Web DesignNon-compliancy of standards by browsersPages not rendered properly in all browsersLimited by technologySmall monochrome monitorsDial-up connectivitySlow Internet connection
  • New Tools of Web 2.0Wiki allows users to modify online content using authoring toolsBlog is derived from Web log which is an online conversation, commentary, or journalPodcast is derived form iPod and broadcast which is a digital file consisting of music, audio, and video converted into an MP3 file or other format to be played on a computer or hand-held device
  • This is the last slide of the presentation.
  • THe Evolution of Web Design

    1. 1. The Evolution ofWeb DesignModule 1: The History andthe Future of the Web
    2. 2. 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
    3. 3. Guiding Questions1. How has the Web transformed your life?2. What technologies make using the Web more engaging and exciting on your computer or a hand-held device?3. Why do you think there is a need for the W3C (World Wide Web Consortium)?
    4. 4. Development of the WWW  Tim Berners-Lee  Web developed at CERN (European Organization for Nuclear Research)  Web popularized the Internet
    5. 5. W3C (World Wide WebConsortium) Established in 1994 Tim Berners-Lee has served as the director Based at MIT
    6. 6. 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
    7. 7. Browser Market Share12010080 1995 199760 199940 200120 2003 0 Netscape IE Other
    8. 8. Web Site Design Plan Analyze Design Test and Refine
    9. 9. The First Generation of WebDesign Static pages Navigation hyperlinks Guest books Forms sent via e-mail Early examples  http://www.dejavu.org/1994win.htm  http://www.slac.stanford.edu/history/early web/firstpages.shtml
    10. 10. The First Generation of WebDesign Non-compliance with standards by browsers Limited by technology Small monochrome monitors Dial-up connectivity Slow Internet connection
    11. 11. Second Generation of WebDesign Onlinepresence for businesses was essential  Interactivity of the Web  24-hour access  Global reach  Ability to present product information
    12. 12. Second Generation of WebDesign 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 …”
    13. 13. Third Generation of WebDesign Sites designed to target specific audience Focus on content Intuitive, user-friendly navigation systems Use of forms, splash page, CSS, and portals
    14. 14. Fourth Generation of WebDesign Web 2.0  Participatory, interactive, and personalized  Compliance with Web standards  Consistent design for professional look  Usability and accessibility issues  Careful selection of typography
    15. 15. Fourth Generation of WebDesign Dynamically-generated content by the user Content-authoring tools for editing Internet privacy Social networking, video sharing Rounded corners, subtle 3D effects Larger text
    16. 16. Fourth Generation of WebDesign Open Source File Sharing Freemium Business Model RSS Feeds Web Services
    17. 17. New Tools of Web 2.0 Wikis Blogs Podcast(derived from iPod and broadcast)
    18. 18. Practice Using http://www.dejavu.org/1994win.htm, a first-generation Web site, compare its characteristics to those of today’s sites. Using http://slac.stanford.edu/history/earlyweb/first pages.shtml, a first-generation Web site, compare its characteristics to those of today’s sites. How would you enhance their functionality?
    19. 19. 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 http://www.wakeuplater.com, select three sites and note how they have evolved.
    20. 20. 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

    ×