How to Create a site for free

Create a Website from Scratch with HTML/CSS

Although you can create your website for free on your computer, you cannot start your website until you have a domainname and host. Yes, there are places to get free sites, but you don't own them and they are more difficult to get a place in Google. Never, never make the error of building a free website like I did years ago.

When you create a statically HTML Web site, you don't actually need any piece of code. With Notepad or TextEdit (Mac) you can create the page directly from your computer for free. For those not interested in creating websites manually, please jump here to find out more about WordPress and other website building features. Or, if you would like to take a course on how to create a course manually, click here.

Now open your text editors and add the following text. Simply copy the information below and paste it into your empty data base. and make sure you choose all files under "Save as Type" and store the filename with an HTML enhancement . so that it looks like index.html. Open this now with any web browsers and you should see a neat blank page stating that this is the main part of your site.

Whether you believe it or not, that's all you need to create a simple website. "This is the name that the browser will display when your site is on a list and sorted in Google, Bing, etc.". Cascading stylesheets is a very good way to ensure that you use uniform style on your website.

but I' ll give you the coding and you'll see how simple it is to optimize it. In order to create your style sheet, simply open another empty text and name it style.css. Make sure that you store it in the same place (folder) on your computer as your homepage data is.

A container is the area where your website is located.

But if you want the total width of your website to be 1000, you would want to switch from that to 1000. Simply think of changing the sizes of the remainder of the variables so that everything is aligned. Stylesheets define the width and other variable for each section. When you want to modify the backdrop colour of the object, you would switch #ffffff to another colour.

Please take some your own spare moment to optimize the format of your files. Now you can insert the following html to your files name. html (homepage) and This is the main part of your homepage with this.... Here is your full homepage source here..... Thereby the web browsers are instructed to look up the styles from your styles. bss-files.

Each section of your website uses the style provided in your style sheet. Customize cut width, height, color, etc. in your style sheet to get the look you want. When you don't append typefaces and size, the web browsers displays only the person's standard typefaces on their computer (usually Times New Roman).

Using the CSS, however, you can tell the web browsers what typeface type and what page format you want for each section of your site. If you want the text in your Contents area to be 14px and the typeface to be Alial, please insert the following text directly after the #content section into your Stylesheet.

This is how your #Content area should look like now..... Each time you append text to paragraphs (make sure you enclose your contents with and ), it will assume the styles you set in your CSS. In the standard version, the link is shown in turquoise, but you can use the same layout as above and modify the colour as you like.

So, if you want your hyperlinks in your contents area to appear highlighted in green, you would be adding this to your styles. bss files...... contentent you can use a {color: red;} or you can use the with-value and define it this way..... a stands for the colour of the left. If you now want to insert a hyperlink to the Contents pane with this source.....

Now that you know a little about how to create your own style sheet, you can start applying this Tutorial to any section of your website. This means if you want to resize the text of your headline, navigator, footer, etc. just use the example I used for the area.

As soon as your website has been built, you need a web hosting to post it on the web so that the outside can see it. You can then use FTP (Upload) to send your pages to your website. There are other options that don't involve you optimizing so much coding or uploading pages by hand if you're not interested in creating websites by hand.

Just optimize the pre-installed template and no programming is required. Dreamweaver was used to create this page. 3 ) WordPress is a dynamical blog or website creation tool with commentaries and other features. They come with a template so you don't have to create your own, and the plug-ins will help you do so many different things with so much lightness.