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...