HTML Il mio primo sito web : Card 3 Crea l'Home Page 1) Entra nella cartella my-first-website, copia (di nuovo!) il file about-me.html ma questa volta chiamalo index.html index.html sarà l'Home page del tuo sito. I file delle home page hanno spesso il nome index.html * Ricorda: per copiare un file, selezionalo, poi premi contemporaneamente i tasti CTRL e C . Quindi incollalo nella stessa cartella, premendo comtemporaneamente i tasti CTRL e V. Per ultimo premi il tasto F2 , per cambiare il nome in index.html Dopo che avrai incollato e rinominato il file, dovresti vedere questo — 2) Modifica index.html come nella videata sottostante (tranne che per il tuo nome che non è Lee Go :-) ) This work is licensed under the Creative Commons Attribution 3.0 Unported License. To view a copy of this license, visit http://creativecommons.org/licenses/by/3.0/ - Courtesy of Coderdojo Bray (www.coderdojobray.com) Pagina 1 HTML Il mio primo sito web : Card 3 La pagina index.html ha due link. Se clicchi su uno di essi sarai portato ad una delle pagine che hai creato in precedenza. Un link è composta da due parti: Fai molta attenzione quando digiti i link. Devi scriverli ripetendo esattamente il nome del file (attento anche la MAIUSCIOLE e le minuscole!). I link hanno sempre questa struttura: Cominciamo e finiscono con un tag <a href="filename">Link text</a> Attributo href — <a href="filename">Link text</a> Nome del file — <a href="filename">Link text</a> Testo del link — <a href="filename">Link text</a> Osserva che l'attributo href= necessita delle virgolette " " prima e dopo il nome del file e a sua volta è contenuto nel tag d'apertura <a>. La sfida … Crea altre tre pagine e aggiungi i link alla Home page. Ecco alcuni suggerimenti (ma le tue idee sono benvenute!) — Titolo Nome file La mia famiglia family.html I miei animali pets.html Le mie canzoni preferite songs.html Le mie squadre teams.html I miei hobby hobbies.html I miei eroi heroes.html This work is licensed under the Creative Commons Attribution 3.0 Unported License. To view a copy of this license, visit http://creativecommons.org/licenses/by/3.0/ - Courtesy of Coderdojo Bray (www.coderdojobray.com) Pagina 2