ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

How to Build a Website: Introduction to the Basics.

Updated on November 4, 2011

Have you ever thought about creating your own website from scratch? Or at least wondered how it is done? Well, if so, you came to the right place.
Creating a basic website is not something from another world, actually it is quite easy. I will be creating this series of hubs explaining in a simple way how to do it yourself.

This is the first hub from the series where i'll be giving you a general idea of the whole process. After reading this you will have some understanding of what it is all about. The next group of hubs will hopefully be an insight to each one of the steps I'm going to mention here.

The first step you need to do when creating a website is to prepare (on paper) the structure of the website. (website architecture)
This consists of creating small charts that will give you (and whoever works with you on the website) a view of what the website will look like. Think about the number of pages and how they will be linked between each other ( will every page be linked to the homepage? ). Thinking about the audience is also something to considered at this stage, but I imagine this is not important for your first website.

Now you know what your website will look like and how it will be structured. It is time to think about the technology involved. You will need two main things, one is the domain name and the other is the web server.
The domain name is the address people will type in on the address bar to find your page. An example of a domain name is: "www.hubpages.com" or "www.mgsblogs.com".
The web server is the computer where your website will be stored. Think of a website as a group of files on a computer that can be accessed via a domain name. If that computer is switched off then the website won't be available, that is why it is a good idea to use a professional web server provider ( host ) instead of keeping it on your computer. ( security is another reason ).

You will be creating your website on your computer and at the end you will have to upload ( send ) your files to the web server. This can be done using an FTP program. Basically this will be a program that will show you the files in the server and the files on you computer, then you just need to drag and drop them from one to the other. Once they are on the server your website is up and running...live...online.

You must be thinking, "but I want to know how to create the pages". Well, I didn't forget, just wanted to give you the knowledge of what the whole process involves first. Let's think of creating the pages as a special step, the main one.

The most important thing to know regarding creating a website is that the main page needs to be called "index.html". There is a couple of variations but I won't go into that for now. The page called "index.html" is the one that the web server will show as your first page. So, when someone types in your domain name, that will be the page they will see.

To create a website file ( webpage ) you can use any text editing program you like, Notepad or Microsoft Word are two examples. However I recommend you use a specialised program like Adobe Dreamweaver. Do not forget that wherever you create your webpage you need to save your files as ".html" ( eg. index.html ). With time and experience you will probably start using other languages other than HTML and then the format of the files will be different. ( eg. "index.php )
On the HTML hub I will be giving you a step by step explanation how to create the code. Do not worry, it isn't hard.

I will be creating a hub for each one of these steps very soon. The second one is already waiting for you:

HTML Basics

This is my first "real" hub and so i will appreciate your comments with your thoughts and suggestions. Thanks for reading.


working

This website uses cookies

As a user in the EEA, your approval is needed on a few things. To provide a better website experience, hubpages.com uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at: https://corp.maven.io/privacy-policy

Show Details
Necessary
HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
LoginThis is necessary to sign in to the HubPages Service.
Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
AkismetThis is used to detect comment spam. (Privacy Policy)
HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the googleapis.com or gstatic.com domains, for performance and efficiency reasons. (Privacy Policy)
Features
Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
MavenThis supports the Maven widget and search functionality. (Privacy Policy)
Marketing
Google AdSenseThis is an ad network. (Privacy Policy)
Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
Index ExchangeThis is an ad network. (Privacy Policy)
SovrnThis is an ad network. (Privacy Policy)
Facebook AdsThis is an ad network. (Privacy Policy)
Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
AppNexusThis is an ad network. (Privacy Policy)
OpenxThis is an ad network. (Privacy Policy)
Rubicon ProjectThis is an ad network. (Privacy Policy)
TripleLiftThis is an ad network. (Privacy Policy)
Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
Statistics
Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)
ClickscoThis is a data management platform studying reader behavior (Privacy Policy)