Se siete arrivati fin qui, siete a buon punto....
Ora aggiungeremo una foto alla vostra prima pagina in HTML con il semplice comando <IMG SRC= "foto.jpg"> .
Per prima cosa dovrete procurarvi la foto da inserire, una foto che rappresenti la vostra attività
o i vostri hobby e che caratterizzi tutto il vostro sito.
Se avete confidenza con programmi di grafica, non vi sarà difficile fare una pagina grande
800 per 600 pixel e aggiungere alla foto anche scritte varie, altre foto più piccole,
insomma potete disegnare la vostra pagina web con un programma di grafica....
Si può fare GRATIS con tanti programmi, ma il
più semplice lo troverete già in tutti i computer con Windows, è il Paint della Microsoft (Mspaint.exe).
Il codice HTML per inserire la vostra foto come al solito è nel riquadro seguente,
vi basterà evidenziare e copiare con copia - incolla il codice nel riquadro giallo:
<html>
<head>
<title>LA MIA PRIMA PAGINA </title>
</head>
<body>
<CENTER>
<H1>IL MIO SITO WEB</H1>
<H2>VISITATE IL SITO WEB DI XXXXXX YYYYYY </H2>
<H3>Ecco la mia foto: </H3> <BR>
<IMG SRC="foto.jpg"> <BR>
<H4><i>Riga in corsivo</i> </H4> <BR>
<br>
</CENTER>
</body>
</html>
|
COMMENTO
All'inizio di ogni pagina HTML
Il title
Chiude testa
Apre corpo
Centra tutto quello che segue
Scritte grandi
Scritte medie
Scritte piccole
Inserire una foto
<BR> = a capo
Scritta più piccola in corsivo
Si chiude il center
Si chiude la pagina
|
Ora se avete creato la vostra foto, o meglio la vostra pagina con il programma di grafica,
vi basterà salvarla, come prima nella vostra cartella "miosito" e chiamarla "foto.jpg"
Per essere sicuri che si vedano bene tutti i dettagli e soprattutto le scritte, salvatela in .jpg con
una qualità del 95% (compressione minima) oppure salvatela in formato .png che occupa più spazio del .jpg
ma è più preciso, soprattutto per salvare delle scritte.
Se la vostra foto è in formato .jpg vi basterà cliccare su "index.htm" e vedrete la vostra pagina web
in tutto il suo splendore....
(Se avete salvato la foto come "foto.png" vi basterà correggere il codice con il solito Blocco note.
Ed ecco come dovrebbe venire la vostra pagina:
Nel prossimo capitolo vedremo di aggiungere il vostro indirizzo di e-mail e di metterla in rete
GRATIS
|