Setup a HTML document

Hi everyone!
So in this tutorial you will learn how to properly setup your html document, in order to be valid, and to be more optimized for the search engines!

So lets start by opening Dreamweaver. Create a new HTML document.
Open up the page properties (modify > page properties).
Now be sure to fill everything, with your preferences.

In Apearence you will configure the document look, text font, font size and color, and the margins of the page.

Here is my config.

When you are ready for next step, go to links, and fill up everything again.
You can writte something in the document to see some differences.

Here is my config:

Here is some explanations.
So the font family is the type of font you want to use; I let it as the default font, and in the size field I let it blank, so it will stay with the default size too.

The link color is the color of you link (pretty easy eh?). The rollover link is the color you will get when you mouse hover a link, it would be good if you chose a different color, so we can easily know wich words are links. The active link is the link color before its clicked. And the visited link is the color the link takes after is has been visited 

Now next step Headings

The headings are styles predefined by you, they can be used as ?quick setups?, e.g. ?if you want something in your text to difer from the other words, instead of configuring another style only for that word you can use predefined Headings  its quicker 

Here is what I have chosen:

In the next step ?Title/Encoding?, you will configure the page code type and the title of it.
So name your html file.

To tell the truth I don?t usually use this, and just put the name of the document, so I let the other thing with default values.

Here is mine:

Same here for ?Tracing images?, I don?t know what it does, so I wont tell a thing about it.

Now our page is configured, but there is something more to add in order to have our page more or less optimizes for search engines.

So in order to do that you need to setup some meta tags between your HEAD tags  its easy

So here are the tags that I have already setup:

So you just need to copy the code and fill it. Some of the tags are self explanatory, like Description, it will ask for a small desciption of your website. And in keywords, you will have to write keywords about your website, separated by a coma “,” 

With that in the HEAD tags of your html file, you will have more probalilities of apearing in search engines! (but only after submiting you site to them) 

I think that is all, if I’ve made some mistakes please report it to me. Thanks.

Please come again