Ciao.
Parliamo del progetto finale che farai per questo corso.
L' ultima cosa che voglio che tu faccia è fondamentalmente prendere gli elementi, prendere i tag,
prendere la sintassi che hai imparato in
queste ultime settimane e metterli insieme per creare una pagina di esempio.
Ti verrà fornito uno screenshot come modello per quello che voglio che tu costruisca,
ma è sempre più facile se qualcuno può dirti a parole cosa va d'accordo con l'immagine.
Quando fai questa pagina,
la cosa più importante che voglio che tu capisca è che non ci sono trucchi.
Sto solo testando la precisione sintattica.
Quindi, diamo un'occhiata al sito che stai per creare.
Ecco il sito in questo momento.
A seconda della dimensione dello schermo che stai guardando,
può sembrare molto diverso.
Quindi, solo per divertimento, ho intenzione di ridimensionare il mio browser solo per dare alla gente
un'idea che non ho davvero in stile questo per fare qualcosa di particolare.
Quando lo faccio più piccolo, le cose si muovono.
Non mi interessa dove le cose sono disposte sul tuo schermo.
Sono più preoccupato per il fatto che ogni elemento sia lì.
Voglio anche sottolineare che, come puoi notare,
alcuni degli elementi sono in giallo e altri sono solo di colore normale.
Tutto ciò che è in giallo è qualcosa che dovresti cambiare specificamente per te.
Quindi, in questo caso, ho Colleen van Quaresima in giallo.
Dovresti davvero usare il tuo nome, invece.
Ho una lista dei miei cibi preferiti.
Voglio davvero che tu scelga i tuoi cibi preferiti.
Ho una cosetta lungo il fondo che dice progressi e obiettivi di vita.
Di nuovo, scegli il tuo valore.
Quindi, ogni posto che vedi giallo,
voglio che cambi i tuoi interessi particolari, nomi, valori.
Ok. L'altra cosa che voglio sottolineare è proprio qui,
dove vedi di più su di me,
questo è in realtà parte di un tag di dettagli.
Quando clicco su di esso,
puoi vedere che si apre e si chiude.
Questo e' un altro posto dove voglio mettere piu' informazioni su di te, non su di me.
Ora, se stavi guardando il mio sito su Firefox,
se stai sviluppando in Firefox,
voglio solo farti sapere che questo tag non funziona.
Invece si presenterebbe sempre come aperto.
Va bene se questo è il tipo di browser che hai testato su continuare a farlo.
Non volevo che ti preoccupassi quando sembrava che non si
aprisse e chiudesse come per tutti gli altri. Va bene.
Quindi, vai avanti.
Ti assicurerai di avere un'intestazione qui,
una barra di navigazione qui.
Questa è una sezione e un'altra sezione e di nuovo l'immagine può sembrare grande o piccola.
Non m'importa come sembra.
Quello che mi interessa è la tua capacità di scrivere codice HTML 5.
Quindi, buona fortuna mentre scrivi il tuo codice.
So che andrai alla grande,
ed e' importante fare piccoli passi e far lavorare ognuno individualmente.
Quando avrai finito, avrai qualcosa di cui potrai essere davvero orgoglioso.