Web Design Intro

Hello There, I want to apologise for the silence over that past few days. I couldn’t eek out time to write a manuscript. I’ve just been very busy. I’m pretty sure that many of you are wondering “when do we get to see some hardcore material?”. Well, all I can say is stay tuned. :-). Ok with that being said, I personally have decided to take another approach. Instead of pre-typing a post (after careful thought of course), I’ve decided to just type the post straight away. More like freestyle on the M-I-C. Ya Feel me?

I will start to take this broad topic by breaking it into small easy-to-understand bits and then give you links to appropriate materials. This the first in a long series of posts on how to create websites. So… Let’s get started.

What is HTML?

Tim Breners Lee

To fully understand this, let’s go back to the beginning of the web. Once upon a time at an organisation called CERN (which actually stands for European Organization for Nuclear Research. weird huh), They had a challenge where lots of Physicists around the world had articles, data, information on vast numbers of topics all in different formats which required different software to view.

So it occurred to the a man named Tim Berners-Lee to come up with a way to standardize this information so that it can be easily retrieved by any computer that has the client software. So he set out to develop the engine of the world wide web. He designed everything. From transfer protocol (HTTP) to language (HTML), Web browser, Web Editor, Web Server, File Transfer Protocol (FTP).. Pretty much everything it took to get the web up and running. Ok, my geek sense just tingled. Let me break it down in a way that’s even easier to understand.

Let’s say I am in Lagos (At the moment, I am actually.. Laughing) and I wanted to send a message to my friend John in Benin. First of all, I would write a letter right? That letter (web page) would have to be written in English (HTML) in order for John to understand what I am saying right? And then I would take the letter to take the letter to a post office. Which essentially is a “protocol” or standard way to send letters right? Then I would write something on the envelope (HTTP Response Header) like “Gist of the Week” and the give it to the Post man who would send the information to John. In the case of the world-wide-web, I would be a Web-server and John would be a client/browser. Do you now get it?

So in web-design your job is simply to create Letters written in English for John (or any other sane person) to understand. But remember that people have different levels of perception. This means that the same letter may be interpreted differently by different people. However, the basic idea behind the letter will be the same.

Conclusion

So, HTML which stands for Hyper-Text Mark-up Language is simply a language in which web pages are written so that they can be understood by browsers.

Practice: Open any site of your choice, right-click anywhere on the page and click “View Source” (Actual phrase might differ from browser to browser) and then you can see the underlying HTML that generates that page.

Advertisements

About Ody

Web Developer/Programmer and Hardcore Gamer. Mainly interested in the Web and Web Technologies

2 thoughts on “Web Design Intro

  1. Ody, I remember back in ’04 when u introduced me and Emeka to web design, macromedia dreamweaver n html. Back then I would buy time at a cybercafe and edit html code adapted from other sites, go home and edit on paper, get back n type some more. Finally @ christmas, I had my own website on yahoo geocities. Of course I didn’t get too many hits but I felt good knowing I had a website. I still remeber your home page with the huge letters ‘Welcome to Ody’s world’ with a black background. It bites a little whenever I consider the fact that I didn’t continue on that path.

  2. Yeah, Those were good times :-). But its not too late to be early if you know what I mean. Infact, I think its the best time to start really. The web has been through some painful phases like quirky Javascript, Styling tags e.t.c and its just recently that things are beginning to ease out. So get your pens and paper ready cause we’ll soon take a dive into the “Hardcore” Stuff very soon.

Leave a Comment

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