come fare una presentazione a sfondo colorato

Tutorial Presentazioni  
L'Introduzione
                                                 per i miei studenti

Se avete qualche amichetta ,potete invitarla a leggere il tutorial.

Può servire a molti :)

1. Cos'è un  Html?A cosa servono?
   Un codice html  è  un file di testo che indica il colore delle scritte, sulla posizione delle immagini all'interno della pagina, su come far scorrere il testo, e altre cose di questo genere.Infatti è un linguaggio informatico che viene usato nei blog ,siti , gadget,etc.
   _________________________________________
2. Cos'è un browser? E cosa centra con  i documenti Html?
   Il browser è il programma che usate quando navigate nel web.
   Oltre ad Internet Explorer che è il browser più diffuso( ma non utile per creare le presentazioni,perchè non hanno sfumature e si cancellano)
   c'è
   Mozilla Firefox e Google Chrome che vi consiglio usarli per creare presentazioni
   _______________________________________
3. I siti web che non si scaricano e che vi saranno utili per 
   questa avventura sono:
   
   
   http://htmledit.squarefree.com/
   (qui vedrete le vostre presentazioni in anteprima)
   http://web.njit.edu/~kevin/rgb.txt.html 
   ( userete questo sito per cercare i vostri colori )
   _________________________________________
   
   Ecco una struttura di presentazione ,gia' creata .
   Ogni codice deve essere aperto con ''<p'' e poi chiuso con ''</p>''
   Altrimenti non vi funziona!
   
   <p style='background-repeat: no-repeat;background-color: green; background-position:center; border: 3px dotted #FFA500; text-align:center;'><span style='color: orange; font-family: Heavy Heap; font-size: 80px;'><span style='text-shadow: 1px 1px 3px white;'>TEXT HERE<br> here</span></span></p>
   
   

   background-color: green --->  E' il colore dello sfondo della presentazione ,al posto di ''green'' inserite il vostro colore che desiderate ,in inglese!Usate soltanto i colori inglesi es: red ,yellow etc.

   
   

   border: 3px dotted red; --->  E' il bordo della vostra presentazione .Dove 3px è la larghezza del bordo
    dotted il tipo di (bordo)  e  red è il colore del bordo .
   Tipi di bordi :
   dotted :
   ridge : 
   solid:

   dashed:

   inset:

   
   

   font-family: Heavy Heap; ---->Dove Heavy Heap è il nome del vostro font .es:arial ,century gothic
   font-size: 80px;----> è la grandezza del vostro font .  es:100px molto grande ,13px -molto piccola
   text-shadow: 1px 0px 3px white---->  La sfumatura del vostro testo( 1px-spostamento a destra della sfumatura ; 0px -se volete spostarla giù modificatela in 4px oppure 6px , 3px -è la ''pesantezza della sfumatura''  per esempio 22 è molto leggera ,invece di  2 px che calca la scritta)
   TEXT HERE---> modificate ''text here'' e scrivete il vostro testo
   <br> here--->  crea un'altra riga
   
   

   Avete capito ,che ruolo ha ogni elemento?
   Ora  incollate questo codice in questo sito : http://htmledit.squarefree.com/ 

   
   <p style='background-repeat: no-repeat;background-color: green; background-position:center; border: 3px dotted #FFA500; text-align:center;'><span style='color: orange; font-family: Heavy Heap; font-size: 80px;'><span style='text-shadow: 1px 1px 3px white;'>TEXT HERE<br> here</span></span></p>

   
   

   Modificate la presentazione e divertitevi :)
   La prossima volta vi spiegherò meglio le sfumature ,se non sono stata chiara.

   Importante non usate explorer non sono visibile le sfumature !