Modificare un template
•Download as PPT, PDF•
0 likes•313 views
modificare un template
Recommended
More Related Content
Viewers also liked
Viewers also liked (17)
Similar to Modificare un template
Similar to Modificare un template (20)
More from Scuola Media Galileo Galilei Mira
More from Scuola Media Galileo Galilei Mira (20)
Recently uploaded
Recently uploaded (20)
Modificare un template
- 1. Personalizzare un templatePersonalizzare un template Con i propri contenuti
- 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
- 7. Risoluzione e formatoRisoluzione e formato Finestre di Photoshop usate per modificare il formato e la risoluzione
- 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