Creazione di un Curriculum Vitae come pagina web

1. CREAZIONE DI UN
CURRICULUM VITAE COME
PAGINA WEB
Diana Di Benedetto
3^E
A.S.2022/23

2. CREAZIONE
DOCUMENTO VUOTO
01 Nominarlo e cambiare
l’estenzione
.txt .html
02 Una volta creato il sito, aprire
nuovamente il documento
tramite Notepad++
APPORTARE MODIFICHE

3. TAG
• I tag sono gli elementi del linguaggio HTML che ci permettono di scriverne un
documento
• Ogni tag è sempre racchiuso tra il segno minore ( < ) e il segno maggiore ( > )
all’inizio ed è preceduto dalla barra obliqua ( / ) alla fine
< nome del tag >

4. PRIMA RIGA: indica la dichiarazione del tipo di documento
SECONDA RIGA: dichiara il linguaggio in HTML ( in questo
caso «it» italiano)
Un documento HTML è composto da due parti principali:
1. una parte superiore chiamata «head» ( testa )
l'area dedicata all'intestazione del documento HTML, e
comprende tutte quelle informazioni di controllo che
non sono visualizzate dal browser ma che consentono
la corretta visualizzazione della pagina
2. una parte inferiore chiamata «body» ( corpo )
INIZIO

5. BODY
La sezione BODY è molto importante nel linguaggio HTML poiché racchiude tutti i contenuti ipertestuali
(testo, link, immagini, tag HTML, ecc. ) che saranno visualizzati sul browser dell'utente
TESTI:
<h1> … </h1> viene utilizzato comunemente per definire il titolo della pagina
<h2> … </h2> viene utilizzato comunemente per definire il titolo secondari
<h3> … </h3> viene utilizzato comunemente per un'intestazione di livello
inferiore
A mano a mano che i numeri aumentano, la grandezza del testo diminuisce
<p> … </p> serve ad impostare un paragrafo testuale

6. BODY
TABELLE:
<div> … </div> viene utilizzato per dividere e separare i contenuti in HTML
<table> … </table> struttura della tabella
<caption> .. </caption> usato per inserire didascalie
<tr> … </tr> rappresenta le righe
<th> … </th> usato per aggiungere le intestazioni della tabella
<td> … </td> usato per creare celle di dati
Per creare una tabella, oltre a questi tag, è necessario creare delle cartelle dove andremo ad inserire il
nostro sito e un file CSS

7. COS’È
Il CSS è un linguaggio usato per definire
la formattazione di documenti HTML
Per poterlo usare correttamente bisogna
creare più sottocartelle
All’interno della cartella si troverà un
documento di testo in formato [.css] dove
verranno riportate le modifiche del sito
CSS
CARTELLA CSS

8. COME COLLEGARE
Collegando il file CSS al sito tramite il
seguente tag, è possibile apportare delle
modifiche alla tabella (colore, grandezza,
font, ecc)
CSS HTML CSS

9. Oltre a modificare la parti testuali del sito, è possibile inserire contenuti ipertestuali, come delle immagini
Per fare ciò:
• Creare un’altra cartella «IMG»
• Inserire la propria immagine già ridimensionata
• Inserire il seguente tag in «sito.html»
Src: indica il nome del file
Alt: spiega il contenuto dell’immagine
Title: il nome che vogliamo attribuire alla foto quando il cursore ci passa sopra
IMMAGINI

10. RISULTATO FINALE
Curriculum vitae Diana Di Benedetto:
file:///C:/Users/Diana.LAPTOP-
SAIDI2S6/OneDrive/Desktop/DiBenedettoDiana_modifiche_2/DiBened
ettoDiana_modifiche/DiBenedettoDiana/DiBenedettoDIana.html