Creare un sito web con Word 2000

Prerequisiti

• Conoscere collegamenti e segnalibri, come si inseriscono e quali tipi di collegamento esistono;
• Conoscere le modalità di formattazione di un testo in un documento;
• Conoscere le modalità di inserimento e formattazione di immagini in un documento;
• Conoscere e saper utilizzare le tabelle;
• Saper ridurre il tempo di caricamento di una pagina internet

Iniziamo

Per prima cosa è opportuno creare una cartella che poi contenga il sito che verrà creato: su un punto libero del desktop fare clic con il tasto destro del mouse, scegliere "Nuovo - Cartella" e dategli un nome appropriato (per esempio progettolingue, professoressarossi oppure webforzoni).

Aprire Word 2000 e selezionare dal menù Visualizza la voce Layout Web.

Preparare la struttura

Prima di iniziare a scrivere il sito web occorre fare un progetto scritto del sito, cercando di individuare in quali e quante parti (frame) è suddivisa una pagina, cioè qual è la struttura di base di ogni pagina del sito, sulla quale sarà costruita ogni singola pagina. Il frame funziona come una finestra di Word separata dalle altre: per apportarvi modifiche occorre prima selezionarlo. Generalmete nel frame di sinistra (o in quello in alto) vengono visualizzati i collegamenti che permettono di navigare fra le pagine che vengono visualizzate nel frame centrale.

Per suddividere in parti (frame) una pagina occorre spuntare dal menù "Visualizza - Barre degli strumenti" la voce "Frame". Apparirà così una nuova barra degli strumenti, frame appunto,

con la quale sarà possibile suddividere in varie parti la pagina. Cliccando per esempio sul tasto Nuovo frame a sinistra un nuovo frame verrà inserito alla sinistra del cursore: si deve stare ben attenti alla posizione del cursore prima della pressione del tasto di inserimento di un frame. Per eliminare un frame cliccarci sopra e poi selezionare il penultimo tasto della barra degli strumenti ("Elimina frame").

Ogni frame può essere modificato in larghezza o altezza, portandosi col mouse sulla sua estremità: quando il puntatore assume la forma di freccia bidirezionale trascinare tenendo premuto il tasto sinistro il frame e modificarne l'ampiezza.

I frame, come tutti gli oggetti, hanno delle proprietà: cliccando con il tasto destro del mouse su uno dei frame sarà possibile selezionare "Proprietà frame..." e modificarne le caratteristiche.

Selezionando "Nessun bordo" i bordi dei frame saranno invisibili sia in word che nel browser: è consigliato però mantenerli visibili fino al termine del lavoro e poi, eventualmente, renderli invisibili. Selezionando la casella di controllo "Frame ridimensionabile nel browser" viene reso possibile ridimensionare i frame durante la visualizzazione sul browser.

Salvataggio in un formato appropriato

Una volta creata la struttura della pagina è necessario salvarla: per salvare una pagina web composta da diversi frame è necessario seguire questa procedura:

• Salvare ogni singolo frame: il frame, essendo un vero e proprio file a sé la prima volta deve essere salvato con nome. Per fare questo portarsi con il mouse su un frame e cliccarci con il tasto destro e dal menù che appare selezionare

"Salva frame corrente con nome...". Nella finestra che appare selezionare dal menù a tendina "Salva in" la cartella creata all'inizio e in "Nome file" digitare il nome del frame che si sta salvando (è indifferente dare un titolo o meno al frame). Il nome di ciascun frame dovrebbe essere tale da permettere a prima vista il suo riconoscimento: per esempio se stiamo creando la prima pagina del nostro sito il frame di sinistra si potrà chiamare "homesinistra" oppure "indexsinistra" o "sommario". Tenere sempre presenti le regole di digitazione dei nomi dei file: non usare spazi, caratteri speciali (per esempio ?, !, ", $, -,ecc.), caratteri accentati o segni di punteggiatura. Ogni frame della pagina che si sta creando va salvato come descritto sopra.

• Una volta salvato ogni singolo frame dobbiamo passare a salvare la pagina intera, ossia l'insieme di tutti i frame: selezionando dal menù "File" la voce "Salva come pagina Web..." apparirà la finestra di salvataggio. Dal menù a tendina "Salva in" situato in alto alla finestra selezionare la cartella creata in precedenza e poi, in basso,

  

si deve:

-Cliccare su "Cambia titolo..." per cambiare il titolo della pagina che si andrà a creare (il titolo della pagina è diverso dal nome file, infatti il titolo della pagina sarà quello visualizzato in alto nella barra del titolo in blu del browser). Il titolo della pagina nella figura precedente è "Pagina web di prova";

-In "Nome file" digitare il nome del file che si sta per creare, tenendo ben presenti le regole di digitazione riportate sopra. Il nome del file nella figura precedente è "prova";

Cliccare su "Salva" per confermare e salvare. Ora che tutta la struttura della pagina web è stata salvata è possibile iniziare a modificarla: per i salvataggi successivi basta cliccare semplicemente sull'icona del dischetto

nella barra degli strumenti per registrare tutti i dati (di tutti i frame della pagina) sull'hard disk in un'unica volta.

Visualizzare l'anteprima

Lo sfondo

È possibile impostare un colore o un'immagine come sfondo ad una pagina (o ad un frame). Posizionarsi nella pagina alla quale si vuole applicare lo sfondo e dal menù "Formato" selezionare "Sfondo" dal quale ci sono diverse possibilità:

-Selezionare un colore a tinta unita da quelli disponibili, oppure selezionare "Effetti di riempimento...", dal quale sarà possibile eseguire le stesse operazioni già spiegate a proposito delle immagini.

N.B. non usare come sfondi dei colori o delle immagini troppo accese poiché risultano fastidiose per la vista.

Redigere il sito

A questo punto è possibile, seguendo la struttura prefissata, iniziare a redigere il nostro sito internet: per esempio, sul frame di sinistra possiamo mettere un indice dal quale è possibile accedere a tutte le informazioni presenti nel sito, che verranno visualizzate nel frame centrale. Come fare?

-Creare una tabella nel frame di sinistra, all'interno della quale inserire le voci che compongono l'indice desiderato

-Creare tutti i collegamenti ai file (i file dovranno già essere pronti, anche se vuoti): questa operazione deve essere fatta con attenzione. Se creiamo un normale collegamento ai file che desideriamo con la procedura di sempre rischiamo di non visualizzare la pagina nel frame centrale, ma in un'altra pagina a sé. Per procedere correttamente quindi:

Selezionare la parola sulla quale si vuole costruire il collegamento e cliccarci sopra con il tasto destro del mouse. Dal menù contestuale che appare selezionare la voce "Collegamento ipertestuale...". Nella finestra di creazione del collegamento, oltre che a selezionare il file al quale ci si vuole collegare è necessario specificare anche in quale frame si desidera che la nuova pagina venga visualizzata,

operando sulla casella combinata "Fare clic sul frame in cui si desidera visualizzare il documento:". Il frame selezionato (nel quale verrà aperta la pagina) viene evidenziato a fianco, in figura.

-Creare una tabella all'interno del frame centrale e riempirla con le informazioni opportune.

Un sito strutturato in questo modo è semplice da costruire, in quanto basta creare una home page composta da almeno 2 frame, con i collegamenti nel frame di sinistra e il testo nel frame centrale e tante pagine prive di frame (salvate però in formato HTML) che, attraverso i collegamenti presenti nel frame di sinistra, vengono aperte nel frame centrale.