• X

    Learn How To Make A Website Step By Step

    By in Design

    Bluehost hosting

    This is my first post on ShoutMeLoud that will teach the beginners or dummies that how to create their own website step by step. About 4 year ago I had zero knowledge about website designing and developing but I wanted to do it. I searched a lot on the internet about How to make a website but I never found any solid article that could tell me the proper steps of creating a website. Very hardly I learned the website creation by standing on my own feet. So now I decided to write an article for those dummies who are trying to search a lot on internet about website creation steps.

    Learn: How to Create a Website using WordPress

    The articles I am writing is only for the beginners who only have heard about website development but never created a website and have no idea about website making. In the post I am coming step by step from top to bottom and if you follow these steps properly as I written in the post, you will definitely learn How to make a website within one hour.

     Learn How To Make A Website Step By Step

    Even if you are not a coder, developer but I’m sure you always loved to do something new. People think creating Website is tough, but once you start learning about Website development, nothing could stop you. You will be learning many languages like HTML, PHP, CSS and many more and none of these coding languages will take ages to learn. Though, to motivate yourself, you can follow this basic guide which will let you have a Website right on your desktop in 60 minutes. So let’s ready to make your website??

    How to Make a Website?

    Any Website have two important part: Domain name and Webhosting.

    • Domain name: The name of your Website which will be used by DNS services to point to your server I.P. For example: ShoutMeLoud.com
    • Webhosting: Hosting space where all your files are stored and is accessed by everyone on the web. For Example, ShoutMeLoud.com is the  domain name here and Knownhost is the Webhosting where all files for ShoutMeLoud (Images, Pages) are stored.

    Since, this tutorial is to create a basic Website, we will be using software which will let us create web server on our computer.

    Step 1.  Setting Up A Local Web Server :

    Wamp Server Learn How To Make A Website Step By StepAs I think you all have heard about server. Web Server is a computer that has specific server software and used to process or run a website. There are two kinds of web servers. First is local web server and the second is remote web server. We will discuss the remote web server letter in the post. First We need to know about the local web server. To create a website on our local computer system, we have to make our own computer as a local web server that will run our website on our computer system exactly like all other websites run on the internet.

    To Do this We need to install the web server software in our computer. Apache is the most popular web server software used on today. We can directly download and install the apache web server software on our computer or I will prefer you to download Wamp Software in your computer because it is a bunch of some servers like apache server, php server, mysql server etc. You don’t have to fear about these other servers. We will not use them.

    Just install Wamp server on your computer. When you will have installed the wamp server software on your computer, you will see a directory “wamp” in your C drive. In this directory an another directory “www” is present. This directory is called our root folder and all our website files are put in this directory. So open this directory and you will find two or some files in it Just delete all the files in “www” folder.

    Learn: How to Install WordPress using Wamp

    Step 2. Make Your Website File :

    Now open your notepad. Write the following html code in your notepad.

    <html><head>

    <title>This is my website</title>

    </head><body>

    Hello, This is shoutmeloud

    </body></html>

    After putting this code in your notepad, save this file with the name “index.html” in your “www” folder. Then go to start menu->All programs->Wamp server->Start wampserver. Click on Start Wamp server to start the server. After  10 or 15 seconds you will see a green “W” tray icon in your task bar in bottom right. This green “w” symbol tells that the local server has started.

    Sometime, you might facing with Wamp not starting issue and it happens because of default port clash, you can learn about it at Wamp not starting in Windows? Solution!

    You can easily learn HTMl @w3schools at HTML.net

    Now just open your browser and type “localhost” in the browser, you will see the line “Hello, This is shoutmeloud”. Your website is ready and the name of your website is “localhost” just for your computer.

    How to go Public with your Website:

    If you want to run publicly on the internet you have to register a website domain name (this is your website name for e.g. www.examplesite.com) and buy a web hosting server that will provide you the root folder (public_html) just like your local web server. Example: Bluehost, Dreamhost.

    In our local server our root folder is “www” and on our web hosting server that we have bought, the root folder is named as “public_html”. We just have to put all our “www” folder data in public_html folder and our website will be live in a few minutes. This web hosting server is called remote server/ Online Webhosting as we were talking about. Just upload all your “www” folder files to the public_html folder on your hosting server as they guide you.

    That’s it and your Website will be up in no time. Though, I’m sure you would not like to create a Website with Just simple HTML, but this is a good way to start right at your desktop. Later on you can learn more about coding a Website, design, learn Photoshop and start making appealing websites.

    Go ahead, and create your first Website and let me know how was the experience and fun of seeing your created Website splashing on your browser? Don’t forget to share this article on your Facebook account & on Twitter, so that other can also learn something new today.

    Subscribe to Download WordPress Guide Worth $99

    Discover more awesome articles

    Article by

    has written 1 articles.

    If you like This post, you can follow ShoutMeLoud on Twitter. Subscribe to Blogging tips via RSS or EMAIL to receive instant updates.

    { 2 comments… read them below or add one }

    Raplus

    Your selection is Wamp. I have used both Xampp and Wamp. I think Xampp is better than Wamp.

    Reply

    Rabin

    WOW!! Great article for newbies. I am recommending this post for my friends, as they are looking up for building a Website.

    Reply

    Leave a Comment

    Previous post:

    Next post:

    `