The Client-side Technology

HTML or XHTML as well as the other technology mentioned above are all Client-side technology, which means they are executed or translated by your Web Browser such as Microsoft Internet Explorer, Mozilla Firefox, Opera, Safari, Chrome or Netscape Navigator, without the support or interference with a server or its resources.

Now that we have mentioned executed or translated above I think it would be nice to introduce you briefly to how computer programs are executed.
Computer programs are command or program written by programmer, that is you and I to instruct or tell the computer what to do, this is how all does cool software are written, developed or created such as you Microsoft Word, but for this to be possible you must have an Interpreter or Compiler installed or setup on your system or computer to help you translate it to what the computer can understand, this is because your computer understood only machine level language while your program or source code is written in a high level language, that is human readable language while you.
Likewise the role the compiler or interpreter is playing is similar to what your web browser software doing in translation your HTML tag, JavaScript client-script and CSS style into something meaningful, attractive and interesting web experience.

Let’s put this into practice
I believe your computer is running on Microsoft Windows operating system, if yes, then you got all it take to put the practice into test, because Microsoft include some cool software with their Windows operating system,  such as their own web browser Internet explorer and the notepad text editor which is all the recipe needed to run the sample below.


Note: this example is done using Microsoft Windows XP Operating Systems

Starting Notepad the text editor you use to create HTML webpage.
STEP 1. Click the “Start” button, from the task bar
STEP 2. Point to the “All Programs” to display its sub-menu
STEP 3. Then point to “Accessories” to display its sub-menu
STEP 4. Click “Notepad” from the list, after to Notepad as started, type the HTML tag below into the Notepad text editor.

<html>
<head>
<title> Website title here </title>
</head>
<body>
Website content here
</body>
</html>

When done with the typing, we are ready to save the web page


STEP 5. Click “File” from the menu bar
STEP 6. Click “Save” or “Save As..” from the drop down list.
STEP 7. The Save dialogue box will appear, Click “Desktop” from the left side (this means we want to save the webpage on the desktop. I prefer saving the page here for easy access)
STEP 8. Type in “welcome.htm” in the “File Name” box of Save dialogue box and click the “Save” button


See the screenshot below.

Note: without the “.htm” file extension the “welcome” file will not be recognize as an HTML webpage

Now close or minimize the Notepad program and any other open program to ensure you are seeing the Desktop environment.
Surely I am expecting you see the “Welcome” webpage on your desktop; now watch it, if the webpage Icon on your screen is different from mine, don’t worry, it’s because you have more another browser installed on your computer besides Microsoft internet explorer and you must have set it to your default browser, below is a screenshot of the webpage in Mozilla Firefox and Internet Explorer.

Now double click on the “welcome” webpage; the result on your browser screen should be similar to the one below.

That all for now, we will learn more about HTML later in this book.

As you can see you don’t need any complex stuff or internet to create an HTML webpage, as internet is just a channel to make you website available internationally.

So far we have focused our attention on HTML and its other client-side technology, but we will like you to know that the web also have another side called the server-side technology.
Without the server-side the web won’t be very interesting to browser and there will be no web-based software or applications. Can you imagine a yahoo mail where you cannot create an account, a Facebook that you cannot post or chat or a Google you cannot search; that what it will be like without the server-side life of the web.

Next »


Architecture of the web »

The internet and the web »

A closer look at the web »

The Client-side and Server-side of the web »

Client-Side Technology »

The Server-Side Technology »