Click me
Transcribed

Evolution in Website Design

THE EVOLUTION OF WEB DESIGN THE EARLY TEXT-BASED 1990s SITES THE FIRST WEBSITES PROMINENT OF THE EARLY 1990s WERE SINGLE COLUMN. DESIGN TEXT-BASED PAGES DONE IN HTML. MEMORABLE DESIGN WEBSITES LOOKED ELEMENTS LIKE A SERIES OF TEXT DOCUMENTS STRUNG DYNAMIC ELEMENTS TOGETHER BY INLINE WEREN'T YETA LINKS. THOUGHT. W3C" SIGNIFICANT ADVANCEMENTS THE VERY FIRST WEBSITE THE WORLD WIDE WEB WAS PUBLISHED IN 1991 CONSORTIUM (w3C) BY TIM BERNERS-LEE FORMED IN 1994. worldWideWeb World Wide Everything there is online abo What's out there? Pointers to the world's onli Help on the browser you are usi Software Products A list of W3 project comp HOW THE The WorldWideWeb (W3) is a WEB LOOKED Everything there is online about What's out there? Pointers to the world's Technical Details of notocols. f Help on the browser Dodu THE MID TABLE-BASED SITES & 1990s ONLINE PAGE BUILDERS TABLES MADE IT POSSIBLE TO CREATE MULTIPLE COLUMN PROMINENT WEBSITES. THIS EXPANDED THE TEXT-BASED DESIGN DESIGN MODEL. ALLOWING FOR BETTER CONTENT AND NAVIGATION LAYOUT. NEW! MEMORABLE DESIGN FRAME PAGES BECAME A BACKGROUND IMAGES GOOD DESIGN PRINCIPLES POPULAR WAY TO CLEARLY ELEMENTS WERE OFTEN SLICED DISTINGUISH THE BODY OF OFTEN TOOK A BACKSEAT UP AND INSERTED TO WHATEVER LOOKED THE WEBSITE FROM INTO TABLES. THE MOST ADVANCED. THE SIDE-BAR NAVIGATION #63921 ANIMATED TEXT, VISUAL HIT COUNTERS SCROLLING TEXT, AND GIF STARTED APPEARING IMAGES STARTED DANCING AT THE BOTTOM OF ACROSS WEBSITES WEBSITES. EVERYWHERE. GeoCities FREE PAGE BUILDERS SUCH AS ANGELFIRE, SIGNIFICANT GEOCITIES, AND EXPAGES ALLOWED ADVANCEMENTS ANYONE WITH AN INTERNET CONNECTION FLASH WAS TO BUILD THEIR OWN WEBSITE. INTRODUCED BY MACROMEDIA IN 1996. Angelfire ELCOMES You HOW THE rain Tainment Rescurces, Inc A usces tsterset Private Placement ClIck Here fer Information CA ke WEB LOOKED New New Update 10 1096*New SKI Angelfire Table of Contents iWBIRD, SOLİTUDF THE LATE THE RISE OF 1990s FLASH FLASH BEGAN TO CATCH ON WITH DESIGNERS IN THE LATE PROMINENT 1990s. MANY WEBSITES BECAME A COMBINATION DESIGN OF TABLE-BASED DESIGN AND FLASH ELEMENTS FOR SPICE. MEMORABLE DESIGN FLASH ANIMATION SPLASH FLASH BASED NAVIGATION PAGES FEATURING COMPANY ELEMENTS LOGOS BOUNCING AROUND THAT EXPANDED AND CHANGED COLOR WHEN A USER CLICKED ON IT. AND GLEAMING BEFORE THEIR HOMEPAGE. php SIGNIFICANT ADVANCEMENTS DYNAMIC DESIGN LANGUAGE PHP GAINED POPULARITY WITH ITS PHP3 RELEASE IN 1998. WoULD Y IT EG HOW THE A DAY EVANGEL CATHEDRAL WOULDN'T IT E EMPOWERING WEB LOOKED VIEWER's EXPERIEI GURIOSITY ABO UT http LOADIN6 40 0 k THE YEAR CSS HITS 2000 THE WEB USING CS. THE DESIGN CASCADING STYLE THIS DEVELOPMENT SHEETS (CSS) ELEMENTS OF A PAGE, MADE IT EASIER TO PROMINENT SUCH AS BACKGROUND ALLOWED DESIGNERS CONTROL THE UNIFORM COLOR, TEXT SIZE, ETC TO SEPARATE LOOK AND FEEL OF A COULD BE DEFINED IN DESIGN WEBSITE APART FROM WEBSITE CONTENT STYLE SHEET RATHER THE CONTENT EACH FROM WEB THAN IN THE HTML OF THE PAGE ITSELF. PAGE WOULD DESIGN. CONTAIN CSS MEMORABLE DESIGN WHILE CSS HAD BEEN AROUND SINCE THE ELEMENTS LATE 1990s, 2000 WAS THE YEAR THE WEB BEGAN TO SEE ITS POTENTIAL SIGNIFICANT IN THE YEAR 2000, MICROSOFT ADVANCEMENTS INTERNET EXPLORER 5 BECAME THE FIRST WEB BROWSER TO ACHIEVE BETTER THAN 99% SUPPORT FOR Cssi THE EARLY TO MID THE RISE OF 2000s JAVASCRIPT JAVASCRIPT WAS ONE OF THE FIRST SUCCESSFUL ATTEMPTS WEB DESIGNERS BEGAN TO ADD INTEGLLIGENCE TO THE WEB. USING IT, PROMINENT DITCHING TABLES AND DESIGN USING JAVASCRIPT FOR DESIGNERS COULD ANIMATE PAGE LAYOUTS. MENUS WITHOUT FLASH, COMPUTE DATA. AND MORE. MEMORABLE HELLO DESIGN ELEMENTS DROP DOWN MENUS FORMS BEGAN MAKING AN NAVIGATION BARS BEGAN MOVING TO THE TOP OF BECAME A POPULAR APPEARANCE. THE PAGE. NAVIGATION CHOICE. SIGNIFICANT USER-CREATED CONTENT COMES IN 2000, THE w3C ADVANCEMENTS RECOMMENDED THE SECOND ONTO THE SCENE, ALLOWING USERS TO CREATE AND RELEASE OF JAVASCRIPT. CUSTOMIZE ONLINE PROFILES, AND BY 2002, NEARLY JOURNALS, AND PHOTO ALL BROWSERS COLLECTIONS. SUPPORTED IT. A AOLAnywhere Main My AOL Ma Prople HOW THE myspace a place for friends AOL Members Sign On Screename Enter paword WEB LOOKED se | Search Invite | Rank Sign In above to get your S Mail Portfolie THE MID THE 2000s SEMANTIC WEB THE W3C ENVISIONS ARCHITECTS OF THE SEMANTIC WEB AS A THE SEMANTIC WEB SEEK SEMANTIC WEB IS A WAY FOR MACHINES TO TO ACCOMPLISH THIS GOAL BY WEB DESIGN MOVEMENT INSERTING MACHINE READABLE PROMINENT UNDERSTAND HUMAN AIMED AT ALLOWING META DATA ABOUT PAGES AND THEIR RELATION TO ONE REQUESTS, AND PERFORM THE DESIGN MACHINES TO UNDERSTAND TEDIOUS. TIME CONSUMING WEB PAGES AS WELL AS FUNCTIONS NECESSARY TO ANOTHER INTO HYPERLINKS. HUMAN VIEWERS DO. SATISFY THEM, WITH ALLOWING COMPUTERS TO MINIMAL EFFORT FROM BETTER UNDERSTAND THE USER. THE WEB. WHILE SEMANTIC WEB STILL DOES NOT EXIST AS ITS DESIGNER SIGNIFICANT XML ENVISIONED IT, MANY TECHNOLOGIES HAVE ADVANCEMENTS BEEN DEVELOPED TO RESOURCE ADVANCE ITS DESCRIPTION DEVELOPMENT. FRAMEWORK THESE INCLUDE: (RDF) N3 N-TRIPLES TURTLE WEB ONTOLOGY LANGUAGE (OWL) THE LATE 2000s WEB 2.0 DEEMED WEB 2.0. DESIGNERS MAKE HEAVY IN THE LATE 2000s, WEB USE OF ASYNCHRONOUS PROMINENT DESIGN BEGAN TO TAKE A JAVASCRIPT AND TURN TOWARD INTERAC- XML (AJAX) FOR SMOOTH DESIGN TIVE CONTENT AND WEB CONTENT TRANSITION APPLICATIONS. AND APPLICATION DEVELOPMENT. MEMORABLE DESIGN DESIGN FOCUS HAS BECOME POWERFUL APPLICATIONS HAVE MORE ABOUT PUBLISHING ELEMENTS INTERACTIVE CONTENT FLOODED THE INTERNET FOR CONTENT (ARTICLES, THAT CHANGES WITHOUT PROCESSING VIDEO, GRAPHICS, ETC) THAN HAVING TO REFRESH PHOTOS, CONTENT, JUST SELLING THE PAGE. AND MORE. PRODUCTS. HTML SIGNIFICANT HTML5 GAINS MAINSTREAM ADVANCEMENTS EXPOSURE AS AN EFFICIENT SOCIALLY-GEARED WEBSITES ALTERNATIVE TO FLASH OR ATTEMPT TO ENGAGE THE ADVANCED GRAPHICS, VIDEO USER AND ALLOW HIM AND APPLICATION OR HER TO SHARE DEVELOPMENT. CONTENT. deliciousY twitter The best way to discover w HOW THE All your stuff in one place. Getto your bookmaka tom any computer, LovatolsOurSunshine Stanley Kubri WEB LOOKED See who's here Search the biggest collection of bookmarks nooular bookmad THE МOBILE WEB MOBILE SITES IN 2008, MOBILE SINCE THEN, MORE CONTAIN BARE ESSENTIALS ACCESS TO THE AND MORE WEBSITES OF THE REGULAR WEBSITE. PROMINENT INTERNET EXCEEDED HAVE BEEN DESIGNING DELIVERING VIEWERS DESIGN DESKTOP ACCESS ALTERNATIVE "MOBILE" FLAGSHIP CONTENT AND FOR THE FIRST TIME IN HISTORY. VERSIONS FOR SURFERS MOBILE FEATURES ON THE GO. FORMATTED FOR DISPLAY ON THEIR DEVICE. CURRENT DESIGN MOBILE SITES OFTEN NAVIGATION IS MINIMAL COMMUNICATE WITH THE WEBSITES ARE AND REDUCED TO THE ELEMENTS DEVICE'S HARDWARE TO FORMATTED TALL AND MOST IMPORTANT AREAS OF THE SITE DETERMINE LOCATION. SKINNY RATHER THAN MOVEMENT, AND SHORT AND WIDE. MORE. 2/3 THIS DATA IS USED BY SIGNIFICANT THE SITE TO OFFER USEFUL SERVICES ON THE GO, SUCH ADVANCEMENTS THE RISE OF SMART PHONES TWO THIRDS OF CELL AS LOCAL RESTAURANT AND TABLET COMPUTERS PHONE USERS SAY THEY REVIEWS AND SHOPPING ARE DRIVING THE ACCESS THE WEB/EMAIL COUPONS. POPULARITY OF THE FROM THEIR DEVICE. MOBILE WEB. igg - All News, Videos, http://m.digg.com/ ckr digg Expl Welcome HOW THE Topics History Explore / Interesting 4th December, 2008 Recent 24hr 7days 30 365 WEB LOOKED Did Asteroid Cause Ancient Tsunami? Ecuadorean Dwarfs May ancer, Diabetes Clue SOURCES: http://sixrevisions.com/web_design/the-evolution-of-web-design/ http://www.ezgenerator.com/documents/177.html http://www.javascriptworkshop.com/wp-content/uploads/pdf/HistoryofJavaScript.pdf http://www.apple.com/html5/ http://www.pewinternet.org/Reports/2011/Local-mobile-news/Part-1/Introduction.aspx AKISSmetrics 00 O. **………... ..... ..... .....

Evolution in Website Design

shared by pixelcrayons on Mar 08
22 views
0 shares
0 comments
Exclusively text-based, the first website was the beginning of what we called: Digital Revolution. In this article, I’m sharing an informative infographic, which explains the evolution of web design...

Source

Unknown. Add a source

Category

Technology
Did you work on this visual? Claim credit!

Get a Quote

Embed Code

For hosted site:

Click the code to copy

For wordpress.com:

Click the code to copy
Customize size