Why Technical English

Web Design Technologies | April 10, 2009

Presented by Pavel Macenauer

Introduction

Web design is a process of creating the visual side of a web-based presentation, but it isn’t only the look that matters. There are lots of other factors such as search engine optimisation, usability or ensuring the same web site look in each possible browser.

Short overview of the www history

The first website was published by Tim Berners-Lee in August 1990. It was written in a language called HTML (hypertext markup language). It didn’t always look like sites most of you have already seen. This pre-HTML as we may call it only contained the simplest pieces of information, such as what a paragraph of a header is. It might have been comparable to the development of Windows and MS DOS. Since then it has evolved into the form you may see nowadays.

Technologies / Coding languages

HTML (Hypertext Markup Language)

HTML stands for Hypertext Markup Language, which can be translated as a language, which marks ‘what is what’ in the code. It’s an essential part of every web site, doesn’t matter if it’s a flash presentation or a website only containing one picture. You must always state, what you want to put onto the web and this is the tool to do so.

CSS (Cascading Style Sheets) (“+HTML”)

CSS is a language, which was invented to help web designers easily manage the look of their website. It allows saving all the information, such as how the headers will look like or that quoted text should be written in gray colour or that all the images, appearing on the right side of the web site, should have a black border, into one file. Then this information is applied to the whole web site. So if you want to change the look of all the main headers you’ll simply change it in this single file. Of course the layout of the web site must be written in HTML.

In the beginning not many browsers supported this technology and so it hadn’t been used much. Later on with the Internet Explorer becoming dominant and supporting CSS, it started to be seen or even to spread in such a way that today it’s almost impossible to imagine a professional website without the use of CSS.

Web standards

Today CSS combined with HTML (XHTML – advanced HTML) is considered to be the official web design standard. Yet, it still faces many difficulties. Every browser has its own way of interpreting the code. The interpretation of most modern browsers (FireFox, Opera, Safari) is based on what we may call W3C standards. W3C (the World Wide Web Consortium) is an organization, which develops guidelines mainly for web design, in order to gain the web full potential (enabling the use of the most up-to-date technologies) and making the web designer’s life easier. The Internet Explorer tried always to act as a Consortium by itself making up its own standards. Today it’s getting a lot better, so websites look the same in divers browsers.

Flash

Flash is another of the newer technologies. Originally it was used only as a more advanced method of animation. Later on these animations advanced so much that whole websites were made just by making an interactive animation. Even though these websites may look very attractively, they have quite a few disadvantages compared to the more frequently used HTML+CSS.

First of all, just like with Java, you must have Flash installed on your computer. 2% of Internet users don’t have it, so they can’t access these sites. Also, Flash presentations tend to be large and thus it takes longer to load them, which can be quite painful for people with slower connections. Other disadvantages might be the fact, they are hard to be found via search engines or they are not able to use the history buttons in your browser.

Search engines operate like a person reading a book. When a book contains a clear structure of paragraphs or headers, then it will only help to rank this book better. On the other hand you may imagine a flash website only like a line of text telling you the location of the whole presentation, thus saying nothing at all to the reader himself.

Types of web-based languages

In the end, to clear things up a little bit let’s consider two types of www languages, which take care of two major website areas. The first area is the visual part, also called Web Design. Languages taking part in displaying the website belong to the ones mentioned above.

The second area languages take care of communication with databases or solution of different mathematical equations. These server-based languages are PHP, ASP, Python, etc. Such languages are similar to C, C++ or Java in their function.

You may imagine this as a theater play. Web design languages are the actors on the podium, whereas the server based languages take care of all the stuff behind the scenes, such as preparing costumes etc.

There are of course a lot of other languages available (mostly used for more specialized purposes), but these are the simplest ones. So that should give you an idea about what is hidden behind the site you look at.

Advertisements

9 Comments »

  1. This is good information. I’m glad I found it. Thank you for providing this. One question however, could you email me more information?

    Comment by Kirk Brown — April 11, 2009 @ 4:35 am

    • Hello Kirk, what kind of information would you have in mind? Webdesign is a very diverse topic.

      Comment by Pavel Macenauer — April 23, 2009 @ 8:13 am

  2. Hello, Kirk,
    I am not sure, if my student Pavel Macenauer has sent you more information about the topic. I will ask him.
    All the best
    G. Vitkova

    Comment by Galina Vitkova — April 19, 2009 @ 8:12 am

  3. In my opinion based on my open experience, new technologies are great, but before using them it is necessary to take into consideration interests and requirements of end users, i.e. the website owner and website visitors.
    The website owner should plan carefully what is needed in the website, i.e. define the purpose, consider the audience or target market, content (described by keywords). Moreover, the owner should be able to explain all these matters to the web designer, who will use modern website technologies for realization of the owner’s plan.
    The website visitors will highly appreciate the simplicity and clearance of navigation through the website. Furthermore, they will be grateful for proper key words and sentences, which help them to reach the website.
    The web designer should be aware of all these issues and should manage to cope with them.

    Comment by Galina Vitkova — April 19, 2009 @ 8:14 am

  4. Hi Paul,
    I myself dealt with the creation of web pages. I know it is not easy when you want the website to function properly in all aspects. Technologies for the production of its own site is definitely more. Eg. protocol on which PHP is also writing a good tool for simplifying some complex operations in the development of Web sites. It is interesting that you can create a site different ways and that the old technologies still work and are used. Websites can be created using a protocol such as HTML and CSS. No programming, just a static presentation. That is the beauty of a web site. I enjoy itself more form their own graphics. Thank you for the reminder of history and an overview of basic technologies. I wish you much success in creating web pages.

    Comment by Jakub Rous — April 29, 2009 @ 8:26 pm

  5. Hello to all!

    Thanks for usefull informations..

    I´m interested in webdesign / creating webpages .. Look at our team sites acclil.tym.cz (i am in creative and admin team 🙂

    Mrs. Galina, your comment is very interesting, bcse cooperating (communication) between webdesigner and webowner is the base for good pages and for satisfied webvisitors. And there are also other factors like a corporate identity and main idea/principle of pages, serviceability … so creating websites is partly psychology and partly style of art!

    Peter

    Comment by Petr Nepras — May 10, 2009 @ 1:49 pm

  6. Web Design Technologies are really interesting topic so i want thank you to the author of the text below.

    I have some adds. This review is for me really simple(there is no new information for me, but it is really useful for newbies!), because webdesign is part of my favorite job :-).
    Last time i like CMS(Content Managment System) which consist mostly all of this technologies and it is based on CSS templates(which i preffered).

    Last thing, validation of W3C is unfair job. For more details check validity of some page in validator.w3.org(official validator of W3C) and validator.w3.cz(czech validator). I think, that these standards are not so transparent but when you are using validator, you can discover some typing mistakes ;-).

    Comment by Václav Blahout — May 15, 2009 @ 10:04 am

  7. -hello!
    I like this presentation, it provides me more information about this topic. E.g. I didn´t know what Flash is..I thought we are talking about flash(in the meaning of memory). Now I know that this is something like changing pictures or video sequence or internet presentation.
    So thanks!

    Comment by Martin K — May 19, 2009 @ 11:22 am

  8. […] Web Design Technologies […]

    Pingback by Changing the theme of this blog « Why Technical English — August 27, 2010 @ 6:39 am


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

    April 2009
    M T W T F S S
    « Mar   May »
     12345
    6789101112
    13141516171819
    20212223242526
    27282930  

    Blog Stats

    • 202,981 hits

    Subscribe with BlogLines

    Translatorsbase

    Dynamic blog-up

    technorati

    Join the discussion about

    Seomoz

    I <3 SEO moz
%d bloggers like this: