Insert tables
Very important in the design of a page. We used to put any item in a particular place in the document. They can put edges or hide them if we do not like to be seen. Later with styles, we even make the edges look like a decorative element but a table. We can put solid color, or background. But ultimately with them, we want to do the design because, as we shall see, will allow us to place at a certain point any element.
Open a new document and save it with the name tables. Remember the Dream adds the extension we have decided (htm or html) We must look like:
tablas.htm
Another thing ... keeping accustom to go whenever insertéis something. Just in case ok?
In the Property inspector apply a background color to the page. And we're going to insert a table Insert / Table:
It will bring up a dialog box like this:
, (Horizontales) el ancho en % , (También en píxeles) El borde y grosor , el relleno de celdas , que sera el espacio que va a quedar entre lo que insertemos en la tabla y su borde, el espacio entre las celdas y los encabezados, que ya tendrán un predeterminado estilo que aplicarán al contenido. In it, we can define the number of rows, (Vertical) Columns, (Horizontal) width in% (also in pixels) and edge thickness, cell padding, which will be the space will be between what we insert in the table and its edge, the space between cells and headers, which have a default style applied to content.
, 80% de ancho, grosor de borde 0 , si no ponemos nada en relleno y espacio, por defecto el Dreamweaver, pondrá dos píxeles. We will put 4 rows, 6 columns, 80% width, border thickness, 0, if we do not fill anything in and space, by default Dreamweaver will put two pixels. To not put anything, we should put 0. No headlines.
Looks like this:
In the Property Inspector can change it completely. But now let's see what we say in this table we have just inserted. Put the cursor in a cell.
And see a series of lines and numbers defining the table. In the center, we see an arrow with the left mouse button, click on it and we will see a submenu where you can select it.
Now, we are sure that the selected table, see the Property Inspector:
: Or where we are located in the space of the table are the html tags, we see just above properties:
| Html tags to consider. |
| <body> (of body, body) refers to the whole document, we see in the browser. |
| <table> (de table, table) to the entire table. |
| <tr> (from table row, row of the table) to the row where the cursor |
| <td> (from table data, or data table) to the cell. |
Furthermore, we note that the label <td> is checked, this tells us is there, where the cursor and that if you insert an item, will stay where placed.
We will center the table in the document, click on the label <table>:
y elegimos Centro in the Property Inspector Aligning and we chose Centre
The table is placed in the center of the document:
We add values as indicated by the catch (Table 
píxeles de borde con el color #000066 para éste borde. 5 pixeles de separación entre los bordes de las celdas y el texto, o imagen que insertemos luego en ellas. We white (# FFFFFF) to the bottom of the table. 3 edge pixels with the color # 000066 for this edge. 5 pixels of separation between the cell borders and text, or images that we insert them then. And 2 pixels, separation between cells.
y columnas : These values, we have taken the Table Now to make the rows and columns:
The first will insert a text:
Do not worry if we see that this column is wider now, when we insert text in the other. will look like before
* Note: Actually, it will widen in terms of what we insert into the cells, seen as the column of Monday, is narrower than the Wednesday Likewise could ... put a fixed value to each column, as shown in a screenshot below.
Later, more about the width of the tables and columns
, sin tener que tocar la tabla o celdas con el cursor. To move between the columns, we use the arrow keys on the keyboard, without having to touch the table or cells with the cursor. Faster and more certain that we do not change anything at all of the values that have that table. Now select the first column:
Property Inspector: 
| Font size: | 14 points, White. |
| Alignment: | Centre. |
| Column fixed width: | 50 pixels |
| Column background color: | # CC3300 |
(Note that the top of the column, showed the number of pixels that now we have assigned 50)
The result:
: Now select the first row, put the cursor in the first cell:
click on the html tag, <tr>
Entire row is selected above:
Property Inspector:
and we have thus:
The next Institute will continue with the tables and possibly, if not too long ago, we will see some links.
As we have not inserted new images or objects other than htm language, we will only rise again index.htm page, overwriting the one we have above.
Veréisque we now have a document with another name that is not the path index.htm this new document .. serious the next, or we could not see any way ..... except with a link, but we're not there yet so we put all the full path 