We just start typing in the empty space of the document by pressing

Enter to jump online.

To go seeing and understanding a little more htm language is appropriate for now, at first, we use the option to view both the source code and design. Pressing the top button, center, will divide the workspace:

But warning eh? aseguraos well to always keep the cursor in the area of ​​Design. At least until you do not know either one or the other moved away To format the text, we have the Property Inspector:

We recall that the direction of the arrow, hides or displays, but if not even see the arrow with the name:

Let Window / Properties:

And will

To edit text, first select it with the mouse cursor:

Select the sentence, we apply Heading 1, we center. Do not change the font type or size, for Heading 1 and he does it alone, (is language htm and choose color:

…. * Note: It is important to understand that now we are just formatting to text, a text that is inserted into a table .... later, the alignment will give to the table, and the cell that are the continents of the text, images, etc .... and text, image, etc ... take the alignment with styles, own, not like now created automatically if not in a sheet with the. css, we will see later.

Check labels such as htm, and I sure some sound eh?

h1 = Heading 1
align = "center" = centered
class = "Style1" = color

We will modify the second sentence now worth? Select it and:

Focus, change the font type, font size, bold and put another color:

Dremweaver created now Style2

Style2 = font, color, bold.

This removes many labels in the source code, more code cleanups, less weight, lighter loading a page

* Note: Of course you notice that the question style, is amazing, while the most complicated, not difficult eh? but you can create a whole page with design and without a single table, with styles! One pass!

Now let's put a background color to the page, Property Inspector, click on Properties page and opens a dialog box:

In Appearance category, choose a color for the background. Clicking on the arrow, appear the color chart by clicking on the we want, be applied automatically. Source code or design, we see this:

To view the full page effect, press F12 (sometimes may not work) or Preview before also going to File / Preview. Or we go to the folder mi_primer_sitio and clicking on the index.htm document load it by double clicking on it. This opens the default browser rengáis, if you want one in particular pinchais the right mouse button and choose Open With ... Well ... if one fails there is always another way ... no?