2. Il templateIl template
Un template contiene:
1. Il file index.html e/o altre pagine web
2. Una cartellina con le immagini “images”
3. Una cartellina con i fogli di stile “CSS”
4. Una cartellina con i programmi javascript “js”
3. Nascondere le parti inutiliNascondere le parti inutili
Non tutto il template ci sarà utile. Alcune parti possono non
piacerci o non servirci. In questo caso non le cancelleremo
per paura di compromettere la pagina. Ci limiteremo a
nascondere il codice tra due tags commento.
<!--
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas pellentesque justo ac
velit facilisis convallis vel id nisi. Morbi hendrerit ac tellus eu luctus. Vestibulum
ullamcorper elit eu eleifend posuere. Proin imperdiet nisl eu est vulputate, vel tincidunt
lacus pretium.</p>
-->
Tag di apertura
Tag di chiusura
4. Posso modificare i testi del file html sostituendo quelli preesistenti
con quelli miei. (L’operazione può essere fatta con un semplice editor di testo come il
blocco note di windows o un altro editor html)
Importante! Fate attenzione a non cancellare i tags!
Esempio:
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas pellentesque justo ac velit
facilisis convallis vel id nisi. Morbi hendrerit ac tellus eu luctus. Vestibulum ullamcorper elit eu
eleifend posuere. Proin imperdiet nisl eu est vulputate, vel tincidunt lacus pretium.</p>
<p>Il nostro hotel si trova a pochi passi dal centro storico circondato dai monumenti più famosi
della città.</p>
Modificare i testiModificare i testi
Testo preesistente
Testo modificato
tag
tag
tag
tag
5. Sostituire le immagini
Nella cartellina “images” sono contenute le immagini del
template. Suggeriamo di sostituirle con le proprie
osservando scrupolosamente queste condizioni:
1. Non cambiare il nome e l’estensione dell’immagine (di
norma jpg)
2. Inserire la nuova immagine rispettando il formato
(larghezza X altezza) e la risoluzione.
6. Salvare le immagini
Le immagini scattate con la vostra macchina fotografica e/o
telefonino dovranno essere salvate nel formato jpg. Inoltre
dovranno essere aperte con un programma che vi permetta di
modificare la risoluzione e il formato come quelli delle
immagini del template che sostituite
Formato: = dimensioni larghezza X altezza
Risoluzione = numero di pixel per pollice
8. • Se non avete esperienza
nel modificare i fogli di
stile vi consigliamo di
limitare le modifiche ai
colori e agli sfondi.
• Cambiare posizioni e
dimensioni degli
elementi potrebbe
compromettere la
grafica del template
Modificare il foglio di stileModificare il foglio di stile
modifica
modifica
pericoloso
9. I programmi javascriptI programmi javascript
Sono contenuti nella cartellina “images” e il loro codice
non va toccato.
Uno script javascript è un piccolo programma con una
o più funzioni che vengono richiamate dal file html
attraverso una dichiarazione contenuta nei metatag e
una chiamata a funzione contenuta nel codice del body
10. Le chiamate javascript
Esecuzione della funzione
apri all’interno del <body>
Funzione javascript
scritta nell’head del
file html
Chiamata della funzione
apri contenuta nella
cartellina “js” nei metatag