A SBAFO! Manuali o tutorials gratis

Manuale scritto da Gianni Crestani - email:

La diffusione in qualunque forma delle Lezioni / Tutorial del sito www.pcdazero.it è consentita.
Tuttavia si richiede che la riproduzione sia completa del nome, e-mail e pagina web dell'Autore.

INTRODUZIONE AL LINGUAGGIO HTML

Creare la prima pagina web con il linguaggio HTML

Apri il programma Blocco note (Start -> Programmi -> Accessori -> Blocco note)

Scrivi il seguente codice

<html>
<head>
<title>Qui scrivo il titolo della pagina</title>
</head>
<body>
Qui scrivo il testo della pagina
</body>
</html>

(oppure più semplicemente usa i comandi Copia ed Incolla)

Salva la pagina con il nome index.html,
chiudi la finestra del programma,
apri la pagina index dalla cartella in cui l'hai creata.

(Probabilmente vedrai scritto solamente "index" perché l'estensione "html" è nascosta)

Il file si aprirà con il browser predefinito (Internet Explorer, FireFox, Mozzilla, Opera o similari).

Nella barra del titolo vedrai scritto Qui scrivo il titolo della pagina, nel corpo della pagina vedrai scritto Qui scrivo il testo della pagina.

Nascono spontanee tre domande:

a cosa servono tutte quelle scritte racchiuse tra due parentesi angolari ( < > ) ?
perché il file, che hai creato con il programma Blocco note, viene aperto con il programma Internet Explorer ?
Perché il file che hai nominato index.html si è trasformato in index ?

Partiamo dall'ultimo quesito.

Come vedere le estensioni dei file

In realtà il file index.html non si è trasformato in index, ma semplicemente viene visualizzata solamente la prima parte del file, mentre la seconda parte viene nascosta...

Per poter visualizzare la parte nascosta del file (l'estensione)

apri la cartella Documenti,
dalla barra dei menu clicca su Strumenti -> Opzioni Cartella...

clicca sulla scheda Visualizzazione...

con un clic, TOGLI la spunta dalla casella di controllo "Nascondi le estensioni per i tipi di file conosciuti"...

clicca sul comando OK

D'ora in poi vedrai sempre le estensione dei file. Per nascondere nuovamente le estensioni, segui i punti 1) 2) 3) precedenti e

con un clic, METTI la spunta nella casella di controllo "Nascondi le estensioni per i tipi di file conosciuti"...

Cosa sono le estensioni dei file

Partiamo subito con un esempio.

Apri un nuovo documento di Word e salvalo con il nome "prova". Il documento verrà salvato con il nome "prova.doc"

".doc" è l'estensione del file che viene, in questo caso, aggiunta automaticamente al nome che tu hai dato al documento Word.

L'estensione ".doc" identifica che il file è un documento Word. L'estensione ".doc" serve per far capire al Sistema Operativo che quel file dovrà essere aperto con il programma Word.

Infatti se cancelli l'estensione, rinominando il file "prova.doc" con "prova", e lo apri, il Sistema Operativo non capirà con quale programma aprire il file. Quindi conoscendo l'estensione di un file si capisce a quale programma è associato tale file.

Inoltre se siamo in un Sistema Operativo ad interfaccia grafica (come nella maggior parte dei casi), ad ogni estensione del file viene associata una determinata icona caratteristica del programma.

Qui di seguito espongo una tabella di alcuni tipi di file con relative estensioni ed icone associate.

Estensione	Tipo di file	Icona associata
HTML	documento HTML
XLS	Foglio di lavoro Excel
TXT	Documento di testo
PPT	Presentazione
BMP	Immagine bitmap
MDB	Database
JPG	Immagine JPEG
GIF	Immagine GIF
DOC	Documento Word

Browser predefinito !

Il browser è un programma che serve per aprire e quindi leggere le pagine web. Internet Explorer è un browser, ma non è l'unico browser.

FireFox, Mozzilla, Opera sono un esempio di browser alternativo. Io personalmente prediligo FireFox. Nello stesso computer puoi istallare più browser.

Il browser predefinito è il programma che verrà aperto quando, ad esempio fai un doppio clic sul file index.html.

In conclusione, i file con estensione ".htm" o ".html" verranno aperti con il browser predefinito.

Usare il Blocco Note come editor HTML

Programmi come Word, Excel, Powerpoint, permettono di leggere, creare e modificare il contenuto dei file con estensione, rispettivamente ".doc", ".xls", ".ppt".

Un programma come Internet Explorer permette solamente di leggere il contenuto di un file con estensione ".htm" o ".html".

Per creare e modificare una pagina HTML è necessario un programma diverso, generalmente chiamato "editor HTML".

L'editor HTML più semplice è il Blocco note di Windows che ad inizio lezione hai già usato.

In seguito si potrà passare ad un "editor HTML" molto più completo ed evoluto come HTML-Kit (scaricabile dal sito http://www.chami.com/html-kit/).

Il Blocco note non è nato come "editor HTML", ma come un semplicissimo elaboratore di testi. Ed è per questo che per usarlo come "editor HTML" quando salvi il file devi aggiungere l'estensione ".html".

Non aggiungendo l'estensione il programma Blocco note aggiungerà lui stesso automaticamente l'estensione ".txt".

Facendo doppio clic sul file con estensione ".txt", il file verrà aperto con il programma Blocco note (e non quindi con il browser predefinito).

E fino a qui, due domande sono state esaudite (almeno spero). Rimane in sospeso, ancora la prima domanda...

a cosa servono tutte quelle scritte racchiuse tra due parentesi angolari ( < > ) ?

... e questo sarà l'argomento della prossima lezione.