PCdaZERO.it - Guida facile per usare il computer

Acquista o scarica gratis, i libri di "PC da Zero"

CREARE SITI WEB in HTML e CSS    >     La mia prima pagina web





Se l'installazione di HTML-Kit è andata a buon fine, hai ora davanti a te un foglio bianco con del codice HTML.

codice HTML    risultato pagina web   
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>
<body>

</body>
</html>

Quelle scritte poco comprensibili sono la base del documento web scritto in linguaggio HTML.
Tale documento se dovesse essere pubblicato, sarebbe una pagina bianca.
Completalo quindi con qualche scritta.
Tra i TAG (così vengono chiamati le parole in codice tra i segni di minore "<" e maggiore ">")
... dicevo, tra i TAG <body> digita Ciao mondo web!.

codice HTML    risultato pagina web   
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>
<body>
Ciao mondo web!
</body>
</html>
Ciao mondo web!

Per vedere subito una anteprima di come sarà la pagina pubblicata sul web,
- clicca sulla scheda "Preview" posta in basso (seconda scheda da sinistra).
01-preview (2K)
Per tornare a modificare il codice,
- Clicca sulla scheda "Editor".

Salva il file creato in una cartella (sul desktop):
1 - Dalla barra dei menu "File" clicca su "Save" (oppure usa i comandi rapidi da tastiera CTRL+S)
2 - dalla finestra di dialogo "Salva con nome" clicca sull'icona "Desktop"
3 - clicca su "Crea nuova cartella" (penultima icona in alto a destra)
02-crea-cartella (3K)
4 - nomina la cartella "siti-web" e fai doppio clic su di essa per aprirla.
5 - Crea una nuova cartella, nominala "primo-sito" e fai doppio clic su di essa per aprirla
6 - nella casella "Nome file" digita "index.html" e clicca sul pulsante "Salva"
7 - chiudi il programma HTML-Kit.

Le cartelle possono essere nominate con titoli a scelta.
La prima pagina deve essere rigorosamente nominata "index.html"; questo perché venga subito raggiunta da chi si collegherà al vostro futuro sito web.

Altra operazione fondamentale è quella di riunire tutte le risorse (file, immagini, e altro) in un'unica cartella; in questo caso nella cartella "primo-sito".
È altamente raccomandato di nominare tutte le cartelle e i file del sito con titoli senza spazi vuoti e senza caratteri speciali quali slash (\), punto (.), due punti (:), punto e virgola (;), asterisco (*).
Anzi, meglio usare solamente lettere minuscole, numeri e trattino (-).

VERIFICARE IL PROPRIO SITO DA LOCALE

Verificare il proprio sito da locale, significa navigare dal proprio computer sul sito web.

1 - Dal desktop apri la cartella "siti-web" e in seguito la cartella "primo-sito"
2 - fai doppio clic sull'unico file (appena creato) index.html (o index se l'estensione dei file è nascosta dal sistema).

Verrà aperto il browser predefinito e con esso la pagina web che hai appena creato.

3 - Mantieni pure aperto il browser su questa pagina; sarà utile per la prossima lezione.







Link sponsorizzati