Inserire tabelle
Molto importante nella progettazione di una pagina. Abbiamo usato per mettere qualsiasi oggetto in un posto particolare nel documento. Si possono mettere i bordi o nascondere, se non ci piace essere visto. Più tardi con gli stili, abbiamo anche fare i bordi sembrare un elemento decorativo, ma una tabella. Possiamo mettere colore a tinta unita, o di sfondo. Ma alla fine con loro, vogliamo fare il progetto perché, come vedremo, ci permetterà di mettere a un certo punto qualsiasi elemento.
Aprire un nuovo documento e salvarlo con le tabelle dei nomi. Ricordate il sogno aggiunge l'estensione abbiamo deciso (htm o html) Dobbiamo guardare come:
tablas.htm
Un'altra cosa ... tenendo abituare ad andare ogni volta che qualcosa insertéis. Solo nel caso ok?
Nella finestra di ispezione Proprietà applicare un colore di sfondo alla pagina. E noi andremo a inserire una tabella Insert / Table:
Si aprirà una finestra di dialogo come questo:
, (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 esso, possiamo definire il numero di righe, (verticale) Colonne, (Horizontal) width in% (anche in pixel) e spessore del bordo, imbottitura cellulare, che sarà lo spazio sarà tra ciò che si inserisce nella tabella ed il suo bordo, lo spazio tra le cellule e le intestazioni, che hanno uno stile predefinito applicato al contenuto.
, 80% de ancho, grosor de borde 0 , si no ponemos nada en relleno y espacio, por defecto el Dreamweaver, pondrá dos píxeles. Metteremo 4 righe, 6 colonne, larghezza 80% e lo spessore del bordo, 0, se non compilare nulla e nello spazio, per impostazione predefinita Dreamweaver metterà due pixel. Per non mettere niente, dovremmo mettere 0. Non ci sono notizie.
Assomiglia a questo:
Nella finestra di ispezione Proprietà può cambiare completamente. Ma ora vediamo cosa si dice in questa tabella abbiamo appena inserito. Posizionare il cursore in una cella.
E vedere una serie di linee e numeri che definiscono il tavolo. Nel centro, si vede una freccia con il tasto sinistro del mouse, fare clic su di esso e vedremo un sottomenu in cui è possibile selezionarlo.
Ora, siamo sicuri che la tabella selezionata, vedere la finestra di ispezione Proprietà:
: O dove ci si trova nello spazio della tavola sono i tag html, vediamo le proprietà appena sopra:
| Tag html da considerare. |
| <body> (del corpo, il corpo) si riferisce l'intero documento, che vediamo nel browser. |
| <table> (tabella de, tabella) per l'intera tabella. |
| <tr> (da riga di tabella, riga della tabella) alla riga in cui il cursore |
| <td> (dai dati di tabella o tabella dei dati) alla cella. |
Inoltre, notiamo che il <td> etichetta è selezionata, questo ci dice è là, dove il cursore e che se si inserisce un elemento, dove rimarrà posizionato.
Noi centro del tavolo nel documento, fare clic sul <table> etichetta:
y elegimos Centro nella finestra di ispezione Proprietà Allineamento e abbiamo scelto Centro
La tabella viene posta al centro del documento:
Noi aggiungiamo i valori come indicato dalla cattura (Tabella 
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. Noi bianco (# FFFFFF) al fondo della tabella. 3 pixel di bordo con il colore # 000066 per questo bordo. 5 pixel di separazione tra i bordi delle celle e testo, o immagini che li inserisce allora. E 2 pixel, la separazione tra le celle.
y columnas : Questi valori, abbiamo preso la tabella ora di fare le righe e le colonne:
Il primo inserire un testo:
Non preoccupatevi se vediamo che questa colonna è ora più ampio, quando si inserisce del testo nell'altra. sarà come prima
* Nota: In realtà, si allargherà in termini di ciò che si inserisce nelle cellule, viste come la colonna di Lunedi, è più stretta del Mercoledì Similmente si ... mettere un valore fisso per ciascuna colonna, come mostrato in una schermata di seguito.
Successivamente, più la larghezza delle tabelle e colonne
, sin tener que tocar la tabla o celdas con el cursor. Per spostarsi tra le colonne, usiamo i tasti freccia sulla tastiera, senza dover toccare la tabella o le celle con il cursore. Più veloce e più certo che noi non cambia nulla tutti i valori che hanno quel tavolo. Ora selezionare la prima colonna:
Finestra di ispezione Proprietà: 
| Dimensione carattere: | 14 punti, bianco. |
| Allineamento: | Centre. |
| Colonna larghezza fissa: | 50 pixels |
| Colonna colore di sfondo: | # CC3300 |
(Si noti che la parte superiore della colonna, ha mostrato il numero di pixel che ora abbiamo assegnato 50)
Il risultato:
: Ora selezionare la prima riga, posizionare il cursore nella prima cella:
fare clic sul tag html, <tr>
Intera riga è selezionata in precedenza:
Finestra di ispezione Proprietà:
e abbiamo così:
La prossima Istituto continuerà con le tabelle e possibilmente, se non troppo tempo fa, vedremo alcuni link.
Come non abbiamo inserito nuove immagini o altri oggetti di linguaggio htm, ci sarà solo risorgere pagina index.htm, sovrascrivendo quello che abbiamo sopra.
Veréisque ora abbiamo un documento con un altro nome che non è il percorso di questo nuovo documento index.htm .. grave il prossimo, o non abbiamo potuto vedere alcun modo ..... se non con un link, ma non siamo ancora arrivati così abbiamo messo tutto il percorso completo 