Inserir taules
Molt importants en el disseny d'una pàgina. Ens serveixen per col · locar qualsevol element en un lloc concret del document. Se'ls pot posar vores o ocultar si no ens agrada que es vegin. Més tard amb estils, podrem fins i tot fer que les vores es vegin com un element més de decoració d'una taula. Podem posar color sòlid, o un fons. Però en definitiva amb elles, farem el disseny que desitgem ja que com veurem, ens permetran col · locar en un punt determinat qualsevol element.
Obrim un document nou i el guardem amb el nom taules. Recordar que el Dream afegeix la extensió que hàgim decidit (htm, o html) Ens ha de quedar així:
tablas.htm
Una altra cosa ... acostumeu a anar guardant cada vegada que insertéis alguna cosa. Per si de cas ok?
En Inspector de propietats apliquem un color de fons a la pàgina. I anem a inserir una Taula anem a Inserir / Taula:
Ens apareixerà un quadre de diàleg com aquest:
, (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. En ell, podem definir el nombre de Files, (Verticals) Columnes, (Horitzontals) l'ample en%, (També en píxels) La vora i gruix, el farciment de cel · les, que serà l'espai que quedarà entre el que inserim a la taula i la seva vora, l'espai entre les cel · les i les capçaleres, que ja tindran un predeterminat estil que s'aplicaran al contingut.
, 80% de ancho, grosor de borde 0 , si no ponemos nada en relleno y espacio, por defecto el Dreamweaver, pondrá dos píxeles. Posarem 4 files, 6 columnes, 80% d'ample, gruix de vora 0, si no posem res en reblert i espai, per defecte el Dreamweaver, posarà dos píxels. Perquè no posi res, hauríem posar 0. Sense encapçalats.
Tindrà aquest aspecte:
En l'inspector de Propietats podrem modificar totalment. Però ara anem a veure que ens diria d'aquesta taula que acabem d'inserir. Posem el cursor en una de les cel · les.
I apareixeran una sèrie de línies i nombres que defineixen la taula. Al centre, veiem una fletxeta, amb el botó primari del ratolí, feu clic en ella i ens apareixerà un submenú on podrem seleccionar-la.
Ara, segurs que tenim la taula seleccionada, vegem l'Inspector de Propietats:
: O on estem situats en l'espai de la taula, són les etiquetes html, que veiem just a sobre de Propietats:
| Etiquetes html a tenir en compte. |
| <body> (de body, cos) Fa referència a tot el document, que veiem al navegador. |
| <table> (de table, taula) a la taula sencera. |
| <tr> (de table row, fila de la taula) a la fila on està el cursor |
| <td> (de table data, o dades de la taula) a la cel · la. |
A més, observem que l'etiqueta <td> està marcada, això ens diu que és aquí, on hi ha el cursor i que si ara inserim algun element, serà aquí on quedés col · locat.
Anem a centrar la taula en el document, premem sobre l'etiqueta <table>:
y elegimos Centro en l'inspector de Propietats anem a Alinear i triem Centre
La taula es situarà en el centre del document:
Anem afegint valors com indica la captura (a la taula 
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. Posem color blanc (# FFFFFF) al fons de la taula. 3 píxels de vora amb el color # 000.066 per aquest vora. 5 píxels de separació entre les vores de les cel · les i el text, o imatge que inserim després en elles. I 2 píxels, de separació entre les cel · les.
y columnas : Aquests valors, els hi hem posat a la Taula Ara ho farem a les files i columnes:
El primer serà inserir un Text:
No us preocupeu si veiem que aquesta columna ara és més ampla, quan inserim text en les altres. tornarà a tenir l'aspecte d'abans
* Nota: En realitat, aniran eixamplant en funció del que inserim dins de les cel · les, observar com la columna del Dilluns, és més estreta que la de dimecres Podríem així mateix ... posar un valor fix a cada columna, com veiem en una captura més avall.
Més endavant, veurem més sobre l'ample de les taules i columnes
, sin tener que tocar la tabla o celdas con el cursor. Per desplaçar-nos entre les columnes, emprarem les fletxes direccionals del teclat, sense haver de tocar la taula o cel · les amb el cursor. Més ràpid i més segur que no modifiquem res en absolut dels valors que té aquesta taula. Seleccionem ara la primera columna:
En Inspector de Propietats: 
| mida de la Font: | 14 punts, color Blanc. |
| Alineació: | Centre. |
| Amplada fixa Columna: | 50 píxels |
| Color de fons Columna: | # CC3300 |
(Observar que a la part de dalt de la columna, va aparèixer el nombre de píxels que ara li hem assignat 50)
El resultat:
: Ara seleccionarem la primera Fila, posem el cursor a la primera cel · la:
fem clic a l'etiqueta html, <tr>
Es seleccionarà tota la fila superior:
En Inspector de Propietats:
i ens queda així:
En el proper Estatut, continuarem amb les taules i possiblement, si no es fa massa llarg, veurem alguna cosa de vincles.
Com que no hem inserit imatges noves, ni objectes que no siguin llenguatge htm, tan sols haurem de pujar de nou la pàgina index.htm, sobreescrivint la que ja tenim a dalt.
Veréisque tenim ara un document amb un altre nom que no és index.htm la ruta d'aquest nou document .. seria la següent, o no ho podríem veure de cap manera ... .. si no és amb un vincle, però aquí no hem arribat encara així que hem de posar tota la ruta completa 