Sunday, June 7, 2009

Coding: Where to Start?

Websites that you see in your browser,look good,attractive and informative but have you ever wondered what goes "behind the scenes" in your favorite browser? Have you ever bothered to check how the browser displays all these images,text,videos and lots of other stuff that you can see in your free website? Well i will explain all that here. 

Every Website has something called "the source", it is something which tells the browser how to display that particular website. There are many ways to code a website. You can do it using HTML and CSS or using PHP or ASP and many more. But let us start with the real basics. We will go through HTML first.

The first question you might have in your mind is What is HTML? It is a language devised for creating website which can be viewed by anyone else who has an internet connection.  HTML is relatively  easy to learn and can be done in a few days.

HTML stands for  HyperText Markup Language.

  1. Hypertext is the method you move around the web by clicking on a special text called Hyperlinks which takes you to a different page or a section in the same page. (it looks something like "this")
  2. Markup is what HTML tags do to the text inside them (italicised text, for example).
  3. HTML has syntaxes and codewords like any other language.

How does it work?

HTML contains a numerous short codestyped  into a text-file by the site author — these are the tags,  saved as a html file, and viewed through a browser, like Firefox or Chrome. This browser reads the file and translates the text into a visible form, rendering the page as the author had intended. 

The tags are what separate normal text from HTML code. These are the words between the . They add stuff like images and videos and stuff, just by telling your browser what to do whith the text on the page. Different tags will perform different functions. The tags WILL NOT  appear when you view your page through a browser, but their effects do. Some tags are used to format some text, like this:

<i>These words will be italic </i>,and these will not. 

In the example above, the <i> tags were wrapped around some text, and the contained text will be in "italics" when viewed through an ordinary web browser.

But, using HTML and designing good websites is not that easy, which is what I try to help you with rather than just teach what HTML is all about. Learning techniques and correct use of your tag knowledge will improve your work immensely, and the more you practice, the more you do better. But always bear in mind the audience of the websites.  The audience  are the people who visit your wesbsite and also bear in mind the BROWSER they use. These things can be researched and  i will be coming to it later.

Now that we know what to start with, let us see how to understand HTML Tags and how these are used in websites, this will be explained in my next post. Till then happy learning.


2 comments:

  1. you have done a good job for the beginner.. It will really help them.

    ReplyDelete
  2. oh ya.thts right.we are really aiming the beginners :)

    ReplyDelete