Il primo link - Istituto "San Giovanni Bosco"

Transcript

Il primo link - Istituto "San Giovanni Bosco"
Guida pratica alla creazione di pagine web
Una delle principali funzionalità delle pagine internet è sicuramente
quella di offrire dei “link” con cui è possibile navigare all'interno e
tra i siti. Per navigare tra le pagine html è necessario averne almeno
due, quindi la prima cosa da fare è creare una seconda pagina.
Creiamo un'altra pagina.
Per creare una nuova pagina è possibile ripetere tutta la procedura della prima lezione,
avendo cura naturalmente di salvare il file con un nome diverso. Per risparmiare tempo
però è possibile procedere in questo modo:
apriamo la nostra prima pagina con Internet explorer, visualizziamo il codice e apportiamo
le seguenti modifiche:
Le modifiche sono evidenziate in rosso, abbiamo cambiato il codice del colore all'interno
del tag body <body bgcolor=”#000000”>, abbiamo modificato il colore del testo <font
size=”7” color=”#ffffff”> e abbiamo naturalmente modificato la scritta e il titolo.
A questo punto salviamo la pagina come se fosse la prima volta. FATE ATTENZIONE non
cliccate su “salva”, ma su “salva con nome”
Scegliamo “tutti i file” e diamo il nome “seconda.html” Naturalmente salveremo il file nella
stessa cartella dell'altro.
Nella nostra cartella abbiamo ora due file, “home” e “seconda”
E ora il nostro primo link.
Bene! Ora chiudiamo Internet explorer e tutte le pagine aperte, poi apriamo nuovamente
la nostra home page, visualizziamo il codice e apportiamo le seguenti modifiche.
Abbiamo aggiunto il comando <p> che, oltre ad andare a capo salta un rigo e poi la cosa
più importante, il comando <a href=”seconda.html”>. Questo comando significa: tutto
quello che viene dopo sarà un link per aprire la pagina “seconda.html”, il comando </a>
come sempre chiude il comando: qui finisce il link.
Salviamo, chiudiamo blocco note e ricarichiamo la pagina. Se ci spostiamo con il mouse
sulla scritta Clicca qui ... il cursore percepirà il link trasformandosi in una manina,
clicchiamo e guardiamo che succede....
Adesso non ci resta che creare un link sulla seconda pagina per tornare alla home page.
Dovreste essere in grado di farlo da soli.