Lezione N 5

568
-1

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
568
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Lezione N 5

  1. 1. “ Come CREARE E GESTIRE UN BLOG” a cura di Anna Guarracino La competenza digitale nella Scuola, nell’era del WEB 2.0 Corso di Formazione -Anno scolastico 2009/10- LEZIONE 5 . Semplice approccio all’html per decodificare le caratteristiche delle immagini attraverso la lettura dei tag più significativi nei codici applicativi.  
  2. 2. La competenza digitale nella Scuola, nell’era del WEB 2.0 Corso di Formazione -Anno scolastico 2009/10- Trasformazione di un’immagine in codice html mediante i Servizio di hosting come TinyPic I Servizi hosting servono per caricare sul web immagini, musica e/o video nel blog o sito web. Per alcuni servizi si richiede la sola registrazione e poi si può accedere alle diverse funzioni, per altri si richiede l’acquisto del software (versioni a pagamento),mentre altri ancora sono del tutto gratuiti e senza limiti. Per capire come funzionano è consigliabile iniziare a usare TinyPic per la sua italianità e per la sua semplicità. Il suo Sito web è: http://tinypic.com/
  3. 3. Corso di Formazione -Anno scolastico 2009/10- La competenza digitale nella Scuola, nell’era del WEB 2.0 Come funzionano i servizi hosting… I Servizi hosting caricano le immagini e le convertono in link, in codice html o in tag che copiati permettono di trasferirle nel proprio blog o sito nel formato che si desidera. In home page è presente la barra di upload; cliccare su "sfoglia" per caricare il file dal proprio pc. Quindi decidere di che tipo è il file caricato e selezionare la dimensione fra quelle disponibili: 100x75, 160x120, 320x240, 640x480, 800x600 e 1024x768. E' possibile anche inviare il file hostato tramite mail; basta selezionare la casellina e inserire i vari indirizzi e-mail separati da uno spazio. Per terminare l'operazione di hosting cliccare sul pulsante "carica ora". TinyPic fornisce il codice html per incorporare il file su un sito, il link diretto al file e il codice per i forum. Come funziona TinyPic
  4. 4. Corso di Formazione -Anno scolastico 2009/10- Esempio di Tag html utili nella gestione dell’immagine in un post Per inserire un’immagine <img src=&quot; Qui metti l'indirizzo dell'immagine &quot; /> Per allineare un’immagine a sinistra del post <div  align=left >    <img  src=&quot; Qui metti l'indirizzo dell'immagine &quot;  /></div>   Per rendere operante il codice occorre immettere il link diretto dell’immagine caricata con servizio hosting al posto della scritta in nero tra le due virgolette, poi si pubblica il tutto e appare nel post la foto scelta con l’effetto programmato. La competenza digitale nella Scuola, nell’era del WEB 2.0
  5. 5. La competenza digitale nella Scuola, nell’era del WEB 2.0 Corso di Formazione -Anno scolastico 2009/10- Per inserire un’immagine sfocata <DIV align=center><IMG style=&quot;FILTER: alpha(Opacity=80, FinishOpacity=20, Style=3)&quot; src=&quot; LINK DIRETTO DELL'IMMAGINE &quot;> </DIV></TD></TR></TBODY></TABLE> Per modificare la dimensione di un’immagine <img  src=&quot; Qui metti l'indirizzo dell'immagine&quot;  width=200 height=300  />   (n.b.width=larghezza-height=lunghezza)
  6. 6. Corso di Formazione -Anno scolastico 2009/10- La competenza digitale nella Scuola, nell’era del WEB 2.0 Per inserire uno sfondo in un intervento <table  height=&quot;100%&quot; background=&quot; indirizzo immagine.jpg o gif &quot; border=&quot;2&quot;     bordercolor=&quot;#cccc00&quot; cellpadding=&quot;20&quot; cellspacing=&quot;0&quot; width=&quot;100%&quot; >    <tbody  align=&quot;center&quot; >    <tr>    <td  style=&quot;text-align: center;&quot; >    <font  align=&quot;center&quot; color=&quot;#ff0000&quot; >    Inserisci il testo o inserisci ulteriori codici HTML    </font>    </td>    </tr>    </tbody>    </table>   
  7. 7. Corso di Formazione -Anno scolastico 2009/10- La competenza digitale nella Scuola, nell’era del WEB 2.0 Per inserire un collegamento ad un sito <a href=&quot; url del sito da collegare &quot; target=&quot;_blank&quot;> TITOLO DEL SITO </a>   Se si vuole inserire al posto del titolo del sito un’ immagine: <a  href=&quot; url del sitolo da collegare &quot; target=&quot;_blank&quot; >    <img  src=&quot; Indirizzo dell'immagine &quot; >    </a>    Esempio di un tag html utile per un collegamento on line ad un altro sito
  8. 8. Buon lavoro! Corso di Formazione -Anno scolastico 2009/10-

×