Come creare una presentazione

Oggi diremo come creare una presentazione .
Primo passo . Le domande con le risposte :

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 )
    Secondo passo :
   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 :)
   
   

    Potete modificare anche le presentazioni che io metto.
   Terzo e ultimo passo .
   
   

   Ecco una struttura semplice che ho preparato per voi.

   <p style='background-repeat: no-repeat;width: 500px;  background-color: #000; background-position:center;border: 3px dashed#FF1493; text-align:center;'><span style='color: #FF1493; font-family:Cheri; '>font-size: 70px;'><span style='text-shadow:0px 0px 9px #fff;'>me<span style='color: #fff;text-shadow:0px 0px 6px #fff;'><span style='font-family: georgia;'><span style='font-size: 16px;'><br><br>text text text<br>text text text<br>text text text<br>text text text<br>text text text<br>text text text<br>text text text<br>text text text<br>text text text<br>text text text<br>text text text </span></p>

   P.S:Ho segnato con  rosso gli elementi che dovete modificare 

   (guardate la seconda lezione )

   
   

   ►Titolo presentazione.

   Modificando #FF1493  cambierete il colore del  vostro titolo

   Modificando 70px; cambierete la dimensione del titolo (70px è normale)

   Modificando 0px 0px 9px #fff;'> cambierete la sfumatura del font

   
   

   
   

   ►Il font della pagina

   Modificando #fff; cambierete il colore del testo

   Modificando 0px 0px 6px #fff;' cambierete la sfumatura del testo

   Modificando  16px;' cambierete la dimensione del testo (16px è piccolo)

   
   

    <br>  ---> crea una nuova riga 

   ( esempio :frase 1 <br> frase 2 )

   Così potremmo modificare meglio le sfumature.