Creare la prima pagina HTML - Istituto "San Giovanni Bosco"
Transcript
Creare la prima pagina HTML - Istituto "San Giovanni Bosco"
Guida pratica alla creazione di una pagina web (documento HTML) Prima di iniziare: Creare una cartella in cui salvare il proprio lavoro, potrebbe essere utile creare all'interno di questa cartella principale un'altra cartella “immagini” e una “archivio”. Primo passo: aprire “blocco note” Per creare la nostra prima pagina ci occorre un semplice editor di testo come “blocco note”, quindi aprite questa applicazione. Di solito il percorso è “start”, “programmi”, “accessori”, “blocco note”. Secondo passo: scrivere il codice Scrivete il codice base che verrà letto dal computer dell'utente che visiterà il vostro sito. Ogni comando deve essere preceduto dal segno < (marcatore aperto) e deve essere concluso con il segno > (marcatore chiuso). Di norma, ogni comando che date rimarrà valido fino a che non lo chiudete. Per chiudere un comando si ripete facendolo precedere dal segno / (slash). Non vi preoccupate se la cosa al momento non vi sembra chiara, è più facile a farsi che a dirsi. Scrivete solo i comandi e il testo, non il commento tra parentesi. <html> (questo comando “apre” la pagina) <head> (questo comando “apre” l'intestazione, poi vedremo a che serve...) <title> La mia prima pagina </title> (in questa stringa abbiamo definito il titolo) </head> (questo comando “chiude” l'intestazione) (tutto quello che avete scritto fin qui non verrà visualizzato, diciamo che serve al computer per capire quello che deve fare) <body> (questo comando “apre” il corpo centrale della pagina, ciò che sarà visualizzato) Ecco la mia pagina! </body> </html> (questi due comandi “chiudono” la nostra pagina) Il codice che avete scritto fin qui genererà una pagina bianca con una semplice scritta “Ecco la mia pagina!” Terzo passo: salvare il file come pagina HTML Molto importante. A questo punto dobbiamo salvare il nostro file, ma NON come un file di testo. Dobbiamo far sapere al computer che questa è una pagina html. Si fa così: Menù file, “salva con nome” Scegliete la certella che avevate creato all'inizio e COSA IMPORTANTE, nel menù “Salva come” scegliete “Tutti i file” Dopo aver scelto “Tutti i file” scrivete il nome del file completo di estensione home.html e cliccate su Salva. Ecco fatto, la pagina è stata creata. Chiudete Blocco note, aprite la cartella in cui avete salvato il file e cliccate su home. Non è necessario usare caratteri maiuscoli per i comandi racchiusi tra i due tag < > (il computer legge indifferentemente i caratteri maiuscoli o minuscoli). All'inizio può essere utile scrivere i comandi con le maiuscole per avere più chiara la struttura del documento (tenete però conto che i linguaggi più evoluti come XML usano lettere minuscole, quindi una volta diventati più esperti è bene scrivere il codice in minuscolo). Al posto di "La mia prima pagina" all'interno del comando <title> </title>è possibile digitare il nome del file o anche un'intestazione più lunga, possibilmente inerente al contenuto. Questo titolo infatti non verrà visualizzato nella pagina, ma aiuterà i motori di ricerca a identificare il contenuto delle vostre pagine Una volta aperto il file con Internet Explorer è possibile visualizzare il codice html grazie al comando “visualizza” “html”. Questo comando apre una finestra in cui è visualizzato il codice html del documento. E’ possibile a questo punto modificare il codice html per apportare aggiunte o modifiche alla pagina. Una volta completate le modifiche scegliere “file” “salva” dal menù della nuova finestra, chiudere la finestra e impartire il comando “aggiorna” (o “reload”) ad Internet Explorer. In questo modo sarà possibile visualizzare l’effetto delle modifiche apportate alla pagina.