Appunti di HTML_6 Appunti di HTML_6
Incontro    1  -  2  -  3  -  4  -  5  -  6  -  7  -  8  -  9  -  10  -   11  - 12   |
Gentili Colleghe e Colleghi,
mi è sembrato di percepire che il ns ultimo incontro vi ha lasciato un po' disorientati. Probabilmente sono stati sorvolati particolari importanti ... la fretta è cattiva consigliera, il tempo a disposizione è scarso, la stanchezza di noi tutti gioca il suo ruolo .... ... e il PC non collabora !!!
Cmq l'uso delle tabelle, a prima vista, può apparire difficoltoso ... diciamo che per tabelle molto complesse, quali possono essere quelle delle home pages dei portali + grandi (i webmasters professionisti impiegano programmi specifici tipo FrontPage e Dreamweaver, preferisco il secondo, ... si studia la struttura e poi si depurano i codici dai fronzoli ...) ma anche per noi estimatori dell'HTML puro nn dovrebbero rappresentare difficoltà insormontabili, visto l'uso amatoriale che intendiamo fare delle nostre conoscenze. Di seguito troverai una serie di esempi, in ordine crescente di complessità, che dovrebbero consentirti di orientarti meglio. Dimenticavo: usando in maniera creativa combinazioni di + tabelle separate si ottengono risultati simili a quelli dei migliori webmasters. Termino. Prima di fare i codici è buona norma disegnare la tabella su un foglio (carta e penna!, hai capito bene.) scrivere i TAGS e poi aprire il PC.
Buon lavoro!
Se nel leggere il codice di questa pagina troverai dei segni che nn conosci clika sull'immagine   ---  >>>
TABELLA
CLASSICA: una riga e una colonna:
si
applicano tutti gli attributi che troverai di seguito. Di solito si nidificano
altre tabelle. Può essere usata per contenere il logo del sito,
i banner pubblicitari ...
|
Una riga, due colonne | variando opportunamente percentuali o pixel si può costruire ad es. un menù di navigazione a sx e i testi e foto a dx |
Links, foto ... | Una riga, tre colonne: testo al centro menù sx e dx | Link, foto ... |
Menù >>>> | link | link | link | link | link | link | link |
due righe e tre colonne | ||
Due righe, tre colonne. Ho usato il <td colspan="3"> per espandere il <td>,dove sto scrivendo, a tre colonne | ||
due righe | Ho usato il <td rowspan="2"> per espanderlo a 2 righe | |
tre colonne |
Per complicarmi la vita:
Ho usato il <td colspan="3"> per espanderlo a 3colonne | ||
Ho usato il <td colspan="2"> per espanderlo a 2 colonne | ||
Ho usato il <td rowspan=2; per espanderlo a 2 righe | ||
Ho usato il <td colspan=2 per espanderlo a 2 colonne | ||
Ho usato il <td colspan="2"> per espanderlo a 3colonne |
Esempio di applicazione per masochisti: vai nel codice e prova a fare un portalino. Buon divertimento!
Ho usato il <td colspan="3"> per espanderlo a 3colonne | ||||
Ho usato il <td colspan="2"> per espanderlo a 2 colonne link link link link
|
||||
|
Ho usato il <td rowspan="2"> per espanderlo a 2 righe |
|
||
Immagine |
Immagine |
|||
Testo
|
Ho usato il <td colspan="2"> per espanderlo a 2 colonneTestoTestoTestoTestoTesto
|
|||
Ho usato il <td colspan="3"> per espanderlo a 3colonne |
Spero che questa "aggiunta" servirà a rendere l'argomento meno infame ... cmq verrà ripreso nel prox incontro.
Appunti di HTML_6 Appunti di HTML_6 |
||||||||||||||||||
|