1.- Intanto,prima di cominciare vi consiglio di provare tutte le modifiche su questo sito,che vi riporta quello che avrete nella vostra presentazione,...ogni riduzione e ingrandimento di font o ombre,vi verrà fatto vedere in tempo reale..
Il sito è REAL-TIME HTML EDITOR
2.- Passiamo al codice HTML vero e proprio; prima di cominciare a fare cose complesse (tabelle,font con ombre ecc...) vi comincio con il spiegare,in questa prima parte del tutorial,cosa significano i vari codici..
Il codice per una scritta semplice semplice è questo:
<p
style='background color: #FFFFFF; font-size: 50px; text-align: center'><span
style='color: #000000; font-family: Comic Sans MS;'>Vostro testo qui</span></p>
Vi elenco qui cosa significano le parti colorate,che sono quelle che si cambiano a proprio piacimento,le altre invece,non sono da modificare!
#FFFFFF: Indica,nella scala RGB (Red,Green,Blue) il colore di sfondo di una scritta (ricordate di lasciare sempre "#")
50px: Indica la dimensione della scritta (24px;45px;ecc...)
center: Indica l'allineamento del testo in lingua inglese (left: sinistra; right: destra; center: centro)
#000000: Indica il colore del testo,sempre in scala RGB (Red,Green,Blue) e ricordate di lasciare sempre "#"
Comic Sans MS: Indica il carattere della scritta (Arial,Verdana,Comic Sans MS ecc..)
Vostro testo qui: Questo invece è uno spazio da modificare a vostro piacimento,inserendo il testo che volete!
Se non siete bravi con la codifica RGB,andate QUA,troverete diversi colori con i rispettivi codici -^^-
Riccapitolando: Le parti da modificare del codice sopra sono quelle colorate e trovate anche le diverse spiegazioni ma impariamo a usare il sito elencato all'inizio: L'Editor in Real Time di HTML!
Questo è un sito utile sia per i bravi sia per quelli meno bravi, infatti vi propone come si presenterà l'HTML in versione RTF,cioè la versione che vediamo adesso: infatti,anche se non ci fate caso,tutto il post è in HTML;ilgrassetto,corsivo,sottolineato,barrato ecc..
Facciamo una prova:
Copiamo il codice elencato prima nel primo riquadro; nel secondo vi comparirà la versione di come vi comparirà la scritta!
50px: Indica la dimensione della scritta (24px;45px;ecc...)
center: Indica l'allineamento del testo in lingua inglese (left: sinistra; right: destra; center: centro)
#000000: Indica il colore del testo,sempre in scala RGB (Red,Green,Blue) e ricordate di lasciare sempre "#"
Comic Sans MS: Indica il carattere della scritta (Arial,Verdana,Comic Sans MS ecc..)
Vostro testo qui: Questo invece è uno spazio da modificare a vostro piacimento,inserendo il testo che volete!
Se non siete bravi con la codifica RGB,andate QUA,troverete diversi colori con i rispettivi codici -^^-
Riccapitolando: Le parti da modificare del codice sopra sono quelle colorate e trovate anche le diverse spiegazioni ma impariamo a usare il sito elencato all'inizio: L'Editor in Real Time di HTML!
Questo è un sito utile sia per i bravi sia per quelli meno bravi, infatti vi propone come si presenterà l'HTML in versione RTF,cioè la versione che vediamo adesso: infatti,anche se non ci fate caso,tutto il post è in HTML;ilgrassetto,corsivo,sottolineato,
Facciamo una prova:
Copiamo il codice elencato prima nel primo riquadro; nel secondo vi comparirà la versione di come vi comparirà la scritta!
Avete capito? Semplice,no?
Ma passiamo all'altro sito,il sito per la codifica RGB,che non è altro che una serie di 6 caratteri e numeri mischiati che formano un certo colore..vediamo -^^-
Se vogliamo avere un verde chiaro intermedio,vi basta chercare nella tabella in basso (vedi immagine n° 1) il colore che vi serve e poi,copiare il codice sotto al colore (vedi immagine n° 2)
Nessun commento:
Posta un commento