How to design Free Website for Business Owner, Professionals, Students
Here I want you learn how to create a website on your own, you don't need to look for any tools or seeking any help to create a webpage. You can create a responsive webpage without depending on any one.
This article is for small and medium size business owner, professionals and students, who wants to create free online website but has following doubts / hesitation about how to do!
To answer above all these uncertainty and doubt, and finally how to build a successful website, I am writing this article!
First understand why you want to create a website, you defiantly have some goal in mind, you may not have 100% clarity on your thought, but that will come eventually.
Write down all your thought on a paper, what you want your viewer to see on your website, Yes write on plain paper this way.
After doing this above task, you will have enough idea about your website, right !
Now let's understand the webpage structure, slightly technical, but don’t worry, you will be able to do that.
Create a page in plain notepad (if you don't have any html editor), save the page with .html extension
Now if you look at the above structure, there are Head and Body.
Head - Contain information like page title and meta description etc. this information will not appear on browser, these are purely for search engine to find the page
Body – Contain information about what everyone see on browser, notice how to write image tag for showing picture on your webpage, then Html Tags like H1, Div etc. In above picture you can see how inline CSS Style can be written on web pageHere is code you need in your webpage header
<head> <title>This is your page title</title> <meta name="description" content="this is a short description about your webpage, so search engine can find your page" /> </head>
Now let's look at the body code.
Note: Here we have added inline CSS code, though this is not best practice, but this will be the best way for you to learn CSS quicker
<body> Top Navigation Start <div style="padding:15px;background-color:#0094ff;font-size:28px;text-align:center;"> This is your page title for Viewer, this will remain common for all pages </div> Top Navigation End, Left Navigation Start <div style="min-height:500px;float:left;width:18%;"> <div>Home</div> <div>About Us</div> <div>Services</div> <div>Contact Us</div> </div> Left Navigation End, Page Main Container Start <div style="min-height:500px;float:left;width:80%;"> <h1>Page header </h1> <div style="margin:10px;padding:10px;font-size:15px;"> Write a short description about your website with some nice picture </div> <img src="imagefolder/image-name.jpg" alt="image title" /> </div> Page Main Container End <div style="clear:both;"></div> </body>
Now here is the code for your HTML page
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> Place the Head code here Place the Body code here </html>
Remember to save the file with .html extension
So this is how you can create free website for your business, keep changing any number of times, don't have to depend on anybody, All you need a simple Notepad or download Notepad++ and some patience, and this way one day you may become professional web designer, Learn HTML and CSS Style for Free