A Brief History of Web Design

A Brief History of Web Design

by Web Designer

The first website in the world was hosted on a NeXT computer at CERN in a lab in the Swiss Alps. It described what the World Wide Web Project was all about, how to access it, what to use, how to further develop it and so on. It was designed or rather programmed by Tim Berners-Lee, the inventor of the World Wide Web himself.

Building upon the idea of the internet as a whole, Berners-Lee came up with the concept of using a system of interlinked hypertext protocols to transfer a user from document to document and so navigate the internet. He and his team developed the original Hypertext Transfer Protocol (http) as well as a language in which documents could be written, called HTML. They also developed the first browser — a program capable of reading HTML and basically ‘browsing’ the various documents.

Without getting into a philosophical debate, web design evolved from chaos created by many minds. There was a certain design curve if you will. It began simple, with basic colors and layouts. Berners-Lee’s WWW site didn’t have more than text and a few links. Most other sites that followed kept it simple as well.

Web Design

But soon simplicity went overboard with images, music, silly effects and slow bandwidth. Things took momentarily a turn for the worse when Adobe Flash came along. Although it could make a visitor’s site interaction interesting, it weighed down heavily on bandwidth and a user’s time.

Google changed all of that when it banked on a heavy reliance on good old fashioned text to index sites. Suddenly it became vital for a site to have text and information as opposed to fancy intros and beeping menus in order to garner rank in search engines. New languages came along such as PHP, AJAX, jQuery and others to help keep up with the demand for databases and text-based sites.

Despite fast internet available worldwide and according to Google soon via balloon the established current style is minimalist. Information needs to be accessible quickly and easily without too much clutter. Images need to speak their proverbial thousand words, while the words or texts need to be concise and interesting. Adobe Flash is used sparingly. While a lot of links are good in a SEO context, it is interesting to note that more and more sites return to the basic one-page scheme that only requires scrolling. This may have to do with the fact that the web is increasingly used by tablets and phones: tapping on links can be frustrating while scrolling is done with a simple flick of the finger.

The future looks simple where web design is concerned. A designer needs to meet an ideal balance between design and information for a site to be user friendly. Text and articles still matter for indexing and ranking, but the more visual a site, the better. Videos and charts help show a visitor what they are looking for.

And that is the crucial point: in the end it comes down to what the visitor is looking for. So when designing a site, give them what they want.



View the working demo here: http://www.1stwebdesigner.com/tutorials/build-a-website-web-design-video-course/ 1stwebdesigner is a design blog dedicated to blo…

Click here for reuse options!
Copyright 2015 WallyDay.com

Click here for more information about 'A Brief History of Web Design'.

Tags: , , , , , ,
Previous Post
social20media201.jpg
Social Media

Measurement And Planning In Social Media Marketing

Next Post
person202.jpg
Social Media

Social Media Marketing Strategies Exposed

Comments

    • Ħüsŝâm Âdïl‎‏
    • February 12, 2015
    Reply

    I’m begin in the field of web design I want to share my friends the same
    attention ?

    View Comment
    • Kevin Lie
    • February 12, 2015
    Reply

    can anybody tell me why when i preview it i dont have column, it’s all row.
    i did exactly the same as what he typed in the intype hehehhe
    thank you :)

    View Comment
    • Upendra Sachinthaka Kumarasinghe
    • February 12, 2015
    Reply

    Bootstrap Customizer is not working. this msg is showing.
    Sorry, the Bootstrap v2.3.2 Customizer is no longer available.
    As of May 2014, we’ve discontinued operation of Bootstrap v2.3.2’s
    Customizer. It’s been nearly a year since Bootstrap v2.3.2 was
    released. Bootstrap v3 was released soon after, and is now mature. We
    continue to encourage new projects to use Bootstrap v3.
    what shoud i do..?

    View Comment
    • Ronnie Javien Jr.
    • February 12, 2015
    Reply

    Great Tutorial.

    You need to look for this in the new version of bootstrap 3+
    http://getbootstrap.com.

    1. col-xs, col-sm, col-md and col-lg == in the tutorial they use span
    2. jumbotron = in the tutorial hero-unit
    3. img-thumbnail = in the tutorial img-polaroid

    View Comment
    • kjemradio
    • February 12, 2015
    Reply

    Bootstrap has been updated to a new version since this video was made, and
    they have moved it to a new website getbootstrap.com. There are some items
    that no longer exist in the new version that were present in the version in
    this video (getbootstrap.com/customize/) which makes it a bit more
    difficult to know what is needed. Hopefully this video will be updated to
    reflect the changes now with Bootstrap.

    View Comment
    • SergioWW1WW2
    • February 12, 2015
    Reply

    Sir, I want to thank you for all your effort on these tutorials you have
    uploaded with the purpose of helping us in the process of learning web
    design and coding. I myself am a noob in this, I’m just starting to learn
    about this, but believe me, i’ve understood everything you have explained
    so far, cause you’re an awesome teacher, and your english is clear as
    water. Thank you for everything, and keep these awesome tuts coming.

    View Comment
    • ReallyIni
    • February 12, 2015
    Reply

    cool tutorial, it’s really great. I just finished with the html mark-up!

    View Comment
    • Shabi Shine
    • February 12, 2015
    Reply

    Very useful Website Design Videos
    http://bit.ly/1qCIEHJ

    View Comment
    • Brandon Haveman
    • February 12, 2015
    Reply

    What can we do now that bootstrap has updated and is no longer usable for
    this tutorial?

    View Comment
    • blackneocs
    • February 12, 2015
    Reply

    sad i did the 3 first tutorials and realise i cant continue with the new
    bootstrap version :(

    View Comment
    • Tushant Khatiwada
    • February 12, 2015
    Reply

    Suppose if we have to put input box on the middle of browser.png image file
    how can we do it . I tried a lot but i couldnot do it in responsive way .
    In my case instead of browser,png file i kept the image file of mobile and
    i wanted input box on the center of mobile image . but i couldnot so please
    help me on this .

    View Comment
    • Muhammad Uzair
    • February 12, 2015
    Reply

    Hey! Have you considered – TK Explosion Easy Website Builder (just google
    it)? Ive heard some amazing things about it and my auntie got cool money
    with it.

    View Comment
    • Olanrewaju Femi
    • February 12, 2015
    Reply

    At 50:29 was someone sleeping in the background? I heard heavy snoring!!!

    View Comment

Leave a Reply

Your email address will not be published. Required fields are marked *

%d bloggers like this: