Evolution of web design

EVOLUTION OF WEB DESIGN Hello World! TEXT-BASED ERA Features Single column. Websites looked like a text document. 1990 BASICS OF WEB DESIGN The creator of the basics and the first web designer is Sir Tim Berners-Lee, a British computer scientist of CERN (The European Organization for Nuclear Research, Genova) www HTML World Wide Web - a system of The first markup language interlinked hypertext documents that are accessed via the Internet 1991 FIRST WEBSITE EVER World Wide Veb It happened on 6 August. Sir Tim Berners-Lee published the instructions for CERN employees how to setup a server and create a webpage. Tie Wor dWideWetb W3)isa wide-aren hypemeda ufometon retreval nae mng to gve uuvenal Kcssto a large uavert of cooaneits E:eything there is ordine abour W3 is lincel directly n irdiatly m rhis devme iaring an exeu SA of dhe prcjese. Maikag lia. Zalia. Novzabed's Wacea. Lesquaty AakdQsctiana FIRST ONLINE IMAGE 1992 (es Forribes Cernates The photo of "Les Horribles Cernettes", a parody pop group founded by CERN employees. Posted by . Sir Tim Berners-Lee TABLE-BASED ERA Features Multiple column. It allowed to create better content organisation & navigation. Background images were slided up and inserted into table 1992) TABLE-BASED DESIGN Table-based design was introduced for the first time 1993 www BECAME FREE CERN announced that the World Wide Web (WWW) would be free to anyone, with no fees due. Mosaic-the first most popular web browser and the father of modern browsers. It was the first browser that displayed images in line with text instead of displaying images in a separate window. -O YAHOO! 623 The number of websites in December 1993 W3C W3C 1994 The World Wide Web Consortium (W3C) is founded by Sir Tim Berners-Lee, which maintains full-time staff for the purpose of working together in the development of standards for the World Wide Web FLASH ERA Features Gif images, dancing text Flash based navigations 1995) JAVASCRIPT Brendan Eich is an American technologist and creator of the JavaScript scripting language for Netscape Navigator browser. 1996 FLASH Macromedia purchased Future Wave Šoftware and the product now known as Flash MADE WITH MACROMEDIA CSS was introduced by the World Wide Web Consortium. It became popular only in few years. {CSS} Frame pages became popular as they allowed users to display two or more webpages within the same browser window. PHP 3 1998 php PHP 3 was realised, allowing people to create dynamic websites CSS ERA Features Separated control of website's design and content 2000) INTERNET EXPLORER 5 Microsoft Internet Explorer 5 became the most popular browser in the world (50% of the market). it was the first browser to offer 99% support of CSS. JAVASCRIPT ERA Features Drop down navigation Interactive forms 2002 RISE OF JAVASCRIPT All browsers support JavaScript that allows designers to create interactive parts of a website like drop down menu end etc. SEMANTIC ERA Features Meta data, well-organized hyperlinks 2003) WEB 2.0 Web 2.0 begin the age of user-based information. Social networks became 222myspace popular around the world. MySpace became one of the biggest. 2005) AJAX Ajax is short for asynchronous JavaScript + XML. The technique allows to load content without reloading a webpage. JAX 2006) JQUERY jQuery is a cross-platform JavaScript library designed to simplify the :CjQuery: client-side scripting of HTML. It is the most popular JavaScript library in use. MOBILE ERA Features Minimal navigation n The rise of smart phones (2008 POPULARITY OF MOBILE WEB The mobile web took over and more users access the Internet via mobile phones than a desktop computer. 2010) HTML5 HTML HTML5 introduces an improved language with support for the latest multimedia. 2012) THE YEAR OF RESPONSIVE WEBDESIGN The technique of adapting a site's layout to a device's display was first written about by Cameron Adams in 2004, but this idea became reality with mobile web growing as a cost-effective alternative to mobile applications. IN THE NEAR FUTURE {li) Improved CSS O Website builders Domination of vectors 3D modelling (WebGI) graphics Resources • wikipedia.org/wiki/Web_design www.1stwebdesigner.com/design/web-design-history-from-the-beginning • blog.kissmetrics.com/evolution-of-web-design/ • www.designjuices.co.uk/2011/09/web-design-evolution blueclaw ......*