HTML


Creare e gestire le celle e le tabelle

Dall'introduzione delle tabelle in HTML ad oggi c'è stato un rilevante mutamento nel loro utilizzo.

Principalmente le tabelle venivano utilizzate per contenere i dati disposti ordinatamente su righe e colonne; nella maggior parte dei casi è ancora questo il loro utilizzo.
In seguito alcuni siti, volendo dare un ordine preciso ai loro siti (magari in modo che tutte le dimensioni siano in proporzione alla parte visualizzabile dallo schermo) utilizzavano le tabelle per creare dei semplici menu di navigazione.

Con lo sviluppo del CSS il ruolo delle tabelle cambiò radicalmente: al fine di migliorare la grafica dei propri siti, le tabelle venivano utilizzate come delle finestre;
il bordo delle tabelle veniva impostato a 0, ad ogni parte della tabella veniva assegnata una dimensione e un'immagine di sfondo. In questo modo tutto il testo sembrava di essere contenuto all'interno di un riquadro; il lato grafico della pagina veniva migliorato notevolmente, tant'è vero che si cominciava a parlare di table-based sites; le tabelle rappresentano un vero e proprio scheletro di queste pagine.


Qui analizzeremo la struttura di un tabella: come si crea e come si inseriscono i dati.

Read the whole post...

HTML

Imparare ad interpretare i colori in html

Creando delle pagine in html, ci si trova spesso di fronte ad un grande ostacolo: l'inserimento e la elaborazione dei colori. Se scriviamo:

è abbastanza facile intuire che ci troveremo davanti ad una scritta in rosso. Ma, nel caso di una scrittura come questa

in pochi capiranno che la scritta apparirà di color prossimo al verde turchese.


Vediamo allora di scoprire la formula per identificare un colore in html:

#7FD0BA

Il primo segno (il cancelletto) indica che si tratta di un colore (può essere omesso)

I prossimi 2 simboli (7F) indicano la quantità di rosso presente in quel colore, i successivi 2 (D0) la quantità di verde e gli ultimi 2 (BA) la quantità di blu.

Il colore nel sistema informatico è dato dalle quantità di rosso, verde e blu combinate tra di loro. Il valore massimo di ognuna di queste quantità è di 255 ( mentre quella minima è 0, cioè l'assenza totale). Se vogliamo creare un color giallo dovremo avere una quantità alta di rosso e di verde e una quantità bassa o nulla di blu (questo esempio ci fa capire che la combinazione dei colori non è quella che si ottiene mescolando gli acquerelli nella vita reale).

Tanto per peggiorare le cose il, colore in html è scritto nel sistema numerico esadecimale, cioè le cifre utilizzabili per contare vanno da '0' a 'f' nel seguente ordine: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f ( le lettere possono comparire anche in maiuscolo). Vediamo che significato hanno.

Read the whole post...

HTML

Proteggere l'immagine dalla copia attraverso l'uso di stili

Fate una ricerca di immagini di google; trascinate l'immagine desiderata sul vostro desktop e siete già in possesso di quella immagine. Facile no ? Ma, supponiamo di essere degli artisti e che si volesse creare un sito che solamente mostrasse le immagini, non consentendo il download degli stessi. Non si può risolvere questo problema in maniera definitiva, in quanto un'immagine per essere visualizzata dovrà in ogni caso contenere un collegamento nella sorgente della pagina che specifichi la sua posizione. Tuttavia si potrebbe nascondere l'immagine agli utenti meno esperti.

Read the whole post...