Welcome to the ďMake Your Own Website SeriesĒ by Tebza

This part here is your MAIN MENU for this ENTIRE Series.

This entire series is made up of about 10 Topics, numbered from  01  until  07.

This is Topic Number 01, it talks about Web Site, Web Server, Web Hosting, Web Page, etc

NEXT TOPIC - Click Here to go to the NEXT topic in this series

Go to START of this SERIES - Click Here to go back to The BEGINNING of this Series

Go to HOME Page of Tebza.com - Click Here to Go back to the Home Page of Tebza.com

 

 

01 - Web Site, Web Server, Web Hosting, Web Page, etc

 

 

What is a web page ?

A webpage is an HTML file when it is displayed inside a Web Browser window. When the web page is getting loaded into the Web Browser window all its associated pictures/image files are loaded in the background together with it and these image/picture files will assist to add the graphic beauty on the page so that the web page is NOT just paragraphs of Text. The web page is NOT forced to have image/picture files associated with it at all, but these days it is RARE to see a web page on the Internet which does Not have pictures or images or which is just lots of pure plain text. Below you see TWO separate web pages.

 

                         Web_Page1                                                          Web_Page2

  

 

What is a web site ?

A website is a group of related HTML files together with all their associated Image/Picture files for ALL the HTML files. These HTML and Image files normally can sit in just One Folder on the webserver (a computer/PC on the Internet). They can also sit in different folders, eg: if you prefer to keep HTML files in one folder and Image files in another folder. To me, a website is really a simple concept, read this paragraph again if you did Not quite get this simple idea. A website is actually a group of HTML files and Image/picture files. Anything more than this would complicate it ! Below you see TWO separate web sites. As you can see, each web site is a GROUP or COLLECTION of related web pages.

 

                           Web_Site1                                                                            Web_Site2

 

 

But what are HTML files ?

Well, HTML files are Plain Text files just like .txt files that are created with Notepad. HTML files normally have these extensions:

.htm    .html    .asp    .jsp    .aspx    .php    .cgi    .pl    (and perhaps a few others)

In fact, Notepad can be used to Edit/Create/Open/Read HTML files without any need for other special software whatsoever. This is what an HTML file looks like on its inside.

But when it is displayed inside a web browser, it looks like the Web Page shown earlier above, and in fact when an HTML file is displayed in a web browser, **it becomes** a web page, so it looks like this :

 

What are Image/Picture files ?

Well, Image files contain standstill pictures/images. They normally have these extensions:

.jpg    .gif    .jpeg    .bmp    .png   (and others)

Here are TWO image files below :

 

                      Image_File_A.png                                                       Image_File_B.png

 

 

 

What is a web browser ?

A web browser is a computer program or software that you use to browse the Internet and view websites (from the Internet). Popular examples of a web browser are : Microsoft Internet Explorer (IE) , Mozilla Firefox , Google Chrome , Opera , Apple Safari.

 

HTML files and Image/Picture files are very popular kinds of files for websites, because they are always automatically displayed in your web browser window. If a webpage (remember, a webpage itself is actually just an HTML file) uses some Image files, when you open a web page from the Internet , your web browser (Internet Explorer, Firefox, Opera, etc) will automatically display [within itself] all the TEXT/HTML and the Images that the page uses. Your web browser will NOT ask you whether you want to download and save the HTML file or the Image files that were used to create the webpage. Your web browser is able to recognize HTML and Image files and to display their contents right there in front of you on the main part of your web browser's window every time when you arrive on a webpage (any webpage on the internet). So as you can see, the HTML files and Image files are very special kinds of files because many web browsers automatically know how to display the contents of these files. Below you see 3 people browsing the internet on their web browsers :

   

 

 

What about Flash Animations, Videos, etc ?

Well, to me Flash Files and Video files work very much like Image/Picture files. I normally just treat them as special kinds of Image files, and I haven't had problems with this way of thinking about them. In fact, these files normally contain Pictures *and Sound* in them. They normally have these extensions:

.swf    .avi    .mpg    .mpeg    .mp4    .flv    .mov   (and others)

Flash Animations and Video files on a website might force you to install a special program called a Browser-Plug-in or just a Plug-in for your web browser. A plug-in normally makes the animation / video file to appear inside your web browser and to start playing/animating automatically when you have arrived on that webpage that uses flash or video on it. A plugin adds more power to your web browser. It makes your web browser to recognize more special kinds of files and to display them right there within your web browser window. If your web browser does NOT have the required plug-in, it will NOT recognize these types of files. In that case your web browser will normally ask you whether you would like to download the file to your computer. But with HTML files and Image/Picture files, your web browser will ALWAYS know how to display them on your screen.

 

 

What about other kinds of files?

Well, a website can actaully have Other kinds of files sitting together with the HTML and Image files. Other kinds of files will Not damage a website in any manner.

.doc    .xls    .wri    .txt    .exe    .zip    .rar    .ppt    (and many others)

Normally when you click on a link to one of these files, your web browser (Internet Explorer, Firefox, Opera, etc) will ask you whether you want to download and save the file, because these files can NOT be automatically displayed inside your web browser window. Many web browsers do Not recognize these files automatically, unless you have installed a plugin inside your web browser for some of them. When a web browser cannot recognize a certain type of file, the web browser will normally ask you whether you would like to download the file to your computer. But with HTML files and Image/Picture files, your web browser will ALWAYS know how to display them on your screen.

 

 

And what about a Web Server?

A Webserver is just a computer on the internet. In fact, you can put your own PC on the Internet and it would actually be a Webserver. Any computer on the Internet that shares files is a Webserver, regardless of how small/old/big/new it is. That's true. In actual fact, a computer/PC does Not even need to be on the Internet in order to be a Webserver. As long as the computer has a group of HTML files and Image files and those files are sitting in a folder that's shared, then other people who are sitting close-by on their own separate computers can see the shared folder on your computer and they will actually be able to Open your shared HTML files with their web browsers and it would appear like they are browsing the Internet.  In fact, to browse the Internet is exactly just that! It is to open HTML/Image files that are sitting in shared folders on **other people's** computers (Webservers)! To emphasize again for the last time, we should rather say that any computer that has a group of HTML files and Image files and those files are sitting in a shared folder is a Webserver! There's Nothing complicated about a Webserver really! That's why it's possible to design a Complete Working website on a PC at home without any connection to the internet.  All you then do once you've completed designing and creating the website is to **Publish it** onto the internet. When you publish it, you would normally be copying ALL your HTML/Images from your Home PC (normally your Home PC might Not be permanently on the Internet) to someone else's computer (which is more permanently on the Internet ... and YES that someone else's computer would be the Webserver!) and the whole world would then suddenly see your website! They would see it on the webserver.  But even if you Don't publish that website, it can still be used by anyone that can see the HTML files that are on the shared folder, such as people using other PC's in your house, or just yourself on the same PC/Webserver itself!

 

To say it in another manner, if there's other people in your Home that can see the shared folder which has the HTML/Images files on your PC, then they actually Don't even need to go on the Internet in order to see/browse your website. They really Don't need to go Far away to browse your website. They can browse it right there on your Home PC through your home/in-house network, because they can see your Home PC and they can arrive at the shared folder and that's got the website files (HTML/Image files), and that's it really ... nothing more than that. For the rest of the world, they will probably see your website ONLY if ALL its HTML/Image files are uploaded/copied to another computer that's permanently on the Internet (which is the webserver). As you know, there's plenty of webservers all over the internet (some are free with a crap service! others are paid with a premium service). They are all ready to Host/carry your HTML/Image files. Most of them also offer  email hosting, etc.

 

 

What about Web Hosting

To Host a website is actually to offer other people your computer and disk space on it ...while you assure them that you will keep your computer permanently connected to the internet at all times 24/7 day and night. Your computer which you are offering would then in this case be a "WebServer". You would then be called a "hosting provider" or a "hosting company" or simply a "web host". Many companies/people are running their own Web Hosting business. They have computers that are permanently on the Internet and they have lots of disk space for their customers to use/rent. The customer would normally be someone that needs to host his/her website (remember: a website is just a group of HTML/Image files). Web Hosting companies normally charge a monthly fee for hosting your website. You can run your own Web Hosting business. All you need is to have a computer/PC/Server and put it permanently on the Internet and let other people use your computer to save/put their websites on your computer and that's all.  Those who rent your online computer it is their job to publish/create their websites and put the websites (upload) onto your hosting PC/Server. Your job is to ensure that the hosting PC/Server is always on the Internet and is always up and running. Each of your customers would normally be given a Folder/Directory for putting ALL his website files. He can create subfolders in that folder and he can delete things in that folder and do anything in that folder and the subfolders of that folder, but he should Not be allowed to see/go into other customerís folders. You can even run an Email server on the same PC/Server! They then pay you a monthly fee for keeping the computer online day and night and for your disk space, etc.

 

Examples of VERY GOOD web hosting providers that I have used for more than 10 years are :

www.WebHostingPad.com

www.HostGator.com

www.BlueHost.com

www.DreamHost.com

 

 

How Do I Buy a Web Hosting Account ?

There are some videos included together with this tutorial. These videos show you how to buy a hosting account from HostGator. Remember that HostGator is one of the many hosting providers or web hosting companies that sell web hosting services. Please watch the videos. I suggest that you watch the videos that I have downloaded, which I have supplied to you together with this guide, but if you Cannot see the videos in here, then you can also find the SAME videos on YouTube because I downloaded them from YouTube. On YouTube, these same videos you can find them at the following links :

 

1. How to purchase web hosting and domain name with HostGator

https://www.youtube.com/watch?v=o2DDnwZj9xs

 

2. How to Buy a Web Hosting Account

https://www.youtube.com/watch?v=gq87IodK68M

 

3. How to Signup for Hosting and Setup Domain - Hostgator Tutorial

https://www.youtube.com/watch?v=kOp4fmxTlgU

 

 

Above we see a lady browsing the internet through her Web Browser. The web browser is the program showing on her screen. On her web browser there is some Text and Images/Pictures showing. The place where those text and pictures are sitting is actually the Web Page. But the web page that she is viewing on her screen right now has been DOWNLOADED from the Web Server. Both the text (HTML file) and its associated images/pictures have been downloaded from the Web Server (by her Web Browser) and then they were put together into a single page that is displayed on her screen now.

 

 

This picture above shows us the difference between Web Browser, Web Server, Web Site, Web Page and Web Hosting. We can see that the Web Browser is normally on a personís PC/Laptop/Tablet/MobilePhone. The Web Browser CONNECTS to the Internet. The Web Server is ON THE INTERNET, the web server is normally sitting at the building of a Web Hosting company. The Web Site is INSIDE THE WEB SERVER ! The Web Site is always carried by the Web Server (the website is sitting inside the Web Server!). You may click on this picture above to view it in its Full Big Size.

 

On this picture above we see a person with a web browser on his computer. We now also see how the web page that is showing on his screen came from the web server, and that on the web server thatís where the web site is sitting, and the web site is made up of web pages, each web page is an HTML file together with its related image/picture files. The web page and its image files travel [from the web server] over the internet (they get downloaded!) into the web browser screen on the personís computer. A quick question : So . . . what is the DIFFERENCE between Web Server and Web Hosting ??  Well, the web server belongs to a Web Hosting company or a Web Hosting Provider. The web server is a computer, it is a server, and it is owned by a company which provides/sells web hosting services. So the web server is just a computer that is sitting in the building of a web hosting provider. Many different websites can sit on the SAME web server (shared hosting) and these websites normally belong to different companies and businesses, but a website can also belong to just a simple person like you and me . . in that case itís a personal website. And as we said, the web site itself is really just a group of HTML files together with their associated picture/image files.


 

On the picture above we see web servers packed nicely into racks in the data center (computer room) of a Big Web Hosting company. These web servers must be connected to the internet 24/7 day and night, because they carry the websites of many companies/clients and people out there on the internet can visit any of the websites at ANYTIME day or night.

 

On the picture above we see managers in the Data Center of a big Web Hosting company. They are examining one of their web servers after it was reported to be overloaded and that it crashes many times (breaks!) and goes offline many times during the week. The managers are planning to replace this troublesome Web Server with a New one.

 

 

On this picture above we see a stack of about 9 DELL blade web servers mounted onto an upright rack

 

 

 

On this picture above we see my home based web server under my desk at home. I try to keep my web server connected to the internet 24/7 day and night, but sometimes due to it being at home, electricity switches off or the internet connection at home is cut off, this leads to ALL the websites on my server becoming UNAVAILABLE when people out there try to open my websites which are on this server. I never put my important websites on this server, I have purchased a web hosting account from a Hosting Provider company (www.WebHostingPad.com) in order to put my important websites on their enterprise web servers which are online ALL THE TIME and are much more reliable than my home-based web server. I pay for my Web Hosting Account once every 2 years. I donít pay monthly. Some of my clients, friends and business partners I have put their websites under my hosting account at WebHostingPad.com

 

 

What you see above is the website of WebHostingPad.com which is the Web Hosting Provider Company where I bought my Web Hosting Account/Plan/Package so that I put my important websites onto their Reliable-Always-Online Web Servers, rather than trying to host those websites on my home-based web server at home.

 

 

What you see above is another web hosting provider company (BlueHost) where you can again buy a Web Hosting Account (also called a Hosting Plan or Hosting Package). When you have a web hosting account, you can put all your websites onto their web servers under your ONE hosting plan that youíve bought from your web hosting provider company

 

What you see above is another very popular web hosting provider company (HostGator) where you can again buy a Web Hosting Account (also called a Hosting Plan or Hosting Package). When you have a web hosting account, you can put all your websites onto their web servers under your ONE hosting plan that youíve bought from your web hosting provider company

 

 

What you see above is yet another Web Hosting Provider Ė this one above is DreamHost

 

If you would like to view ALL the illustrations and pictures for the things covered in Topic 01 and Topic 02 , please Click Here

 

This is Topic Number 01, it talks about Web Site, Web Server, Web Hosting, Web Page, etc

NEXT TOPIC - Click Here to go to the NEXT topic in this series

Go to START of this SERIES - Click Here to go back to The BEGINNING of this Series

Go to HOME Page of Tebza.com - Click Here to Go back to the Home Page of Tebza.com

 

 

Compiled By : Tebogo Motlhale (Mr.)  a.k.a.  Tebza  |  Innovation Consulting Architect ( I C A )  |  The Innovation Center of Excellence - City of Johannesburg , Gauteng , South Africa  |  Original Date : 14 June 2006

E-mail : Tebza {at} Tebza {dot} com  |  Skype : TebogoMotlhale  |  Website : www.Tebza.com  |  LinkedIn : Tebza.co.za/LinkedIn  |  FaceBook : Tebza.co.za/FaceBook  |  Twitter : Tebza.co.za/Twitter  |  MySpace : Tebza.co.za/MySpace