Formazione efficace per chi non ha tempo da perdere

a cura di Domenico Corcione

 

FrontPage a colpo d’occhio

 

Questo è manuale di sopravvivenza, in esso troverai solo alcune tra le tante funzioni di FrontPage sono quelle fondamentali, tanto per iniziare.

Leggi con attenzione le procedure e soprattutto osserva le figure; noterai che esse sono delle vere e proprie guide per immagini.

Scoprirai che ogni immagine è commentata dai passi che dovrai fare per realizzare con successo la procedura indicata.

Buon lavoro, e ricorda che un’immagine vale più di mille parole.

 

 

Come iniziare

 

Quando si lavora ad un progetto ipertestuale sicuramente ci saranno dei file di testo, magari con immagini già collegate. Disporre di questi file è fondamentale; da essi partiremo per la costruzione del nostro primo sito Web.

 

1. Salvare i file di Word in formato Html

 

Il primo passo sarà di salvare i file di Word che costituiscono il progetto in formato HTML.

Per eseguire questa operazione procedi così:

 

 

Dal menu File della barra standard di Word scegli l'opzione Salva come HTML.

 

 

 

Si apre una finestra di dialogo che visualizza la cartella nella quale saranno salvati i file HTML.

Dai il nome al documento e fai clic il pulsante Salva.

Ripeti questa operazione per tutti i file di Word che faranno parte del sito.

 

2. Creare un nuovo sito Web Con FrontPage Explorer

 

 

Fai clic sulla voce Nuovo del menu File e scegli l'opzione Web di FrontPage....

 

 

La finestra di dialogo Nuovo Web di FrontPage mostra i due passi che dovrai percorrere per creare un nuovo sito Web. Scegli la voce Importa Web esistente.

Nella campo Digitare il nuovo titolo del Web di FrontPage, digita il titolo che vuoi dare al sito e fai clic sul pulsante OK.

Man mano che digiti il nome del sito vedrai comparire il suo indirizzo http [nell'esempio: il server si chiama albert, il nuovo web si chiama Delta del Po e i file che lo compongono verranno allocati nella cartella deltadelpo].

 

 

 

Premi Ok, compare la seguente finestra. FrontPage sta organizzando il Web! Subito dopo lo schermo si presenta così:

 

 

Nella finestra di dialogo Creazione guidata Importa Web - Impostazione origine, devi specificare il percorso che FrontPage deve seguire per trovare tutti i file necessari (eventualmente fai uso del pulsante Sfoglia). Qualora l'origine contenga delle sottocartelle, seleziona l'opzione Includi sottocartelle. Fai clic sul pulsante Avanti.

 

 

FrontPage mostra tutti i file che includerà nel nuovo Web. Per continuare, premi sul pulsante Avanti.

 

 

Quando FrontPage ha completato l'importazione fai clic sul pulsante Fine.

 

3. Creare la Home Page del nuovo sito Web

 

La porta di ingresso di un sito è la sua Home Page. In questa fase imparerai a crearne una.

Per creare una Home Page, procedi come segue:

 

 

Sul lato sinistro di FrontPage Explorer sono presenti diverse icone, fai clic sull'icona Struttura della barra Visualizzazioni.

 

 

Fai poi clic sul pulsante Nuova pagina della barra degli strumenti standard di FrontPage.

 

 

Al centro dello schermo nell'area Struttura - Delta del Po compare l'immagine della Home Page.

Dai il titolo alla Home Page e fai clic sull'opzione Salva. Puoi anche utilizzare la combinazione dei tasti MAIUSC+F12. Normalmente la Home Page viene salvata col nome default.htm

 

4. Collegare alla Home Page i file del Web

 

Quando si progetta la struttura di un sito, di solito si parte "dall'alto" cioè dalla Home Page, successivamente si creano le pagine dei livelli inferiori.

Le informazioni più importanti vengono collocate a livelli gerarchici più alti per renderne agevole il reperimento. Le informazioni di supporto vengono poste in pagine di livello inferiore.

FrontPage ha un sistema assistito per creare queste gerarchie: ogni livello viene chiamato con un nome diverso, così potremo avere:

1. pagine "madri", ovvero delle pagine che hanno "sotto" altre pagine

2. pagine "figlie", ovvero quelle pagine che stanno "sotto" ad altre pagine (ad un livello inferiore)

3. delle pagine "sorelle", ovvero quelle pagine che hanno in comune una pagina "madre".

Nel nostro caso la HomePage sarà la pagina "nonna". Da essa potremo partire per creare la gerarchia cioè "l'albero genealogico" del sito.

Nel sito "Il Delta del Po" una pagina "figlia" della Home Page "nonna" sarà la pagina degli "Ambienti del Delta".

Per collegarla alla Home Page opera così:

 

 

1. in visualizzazione Struttura, seleziona il file ambienti.html;

2. trascina l'icona del file, tenendo premuto il pulsante sinistro del mouse, sotto la Home Page. Vedrai tendersi automaticamente un "filo di cotone virtuale" che lega la Home Page alla pagina ambienti.html;

3. al termine del trascinamento rilascia il pulsante del mouse.

Il file ambienti.html è ora collegato alla Home Page.

 

 

Con l'opzione trascinamento è un gioco da ragazzi sistemare tutte le pagine del tuo primo sito.

Collega tra loro tutti i file del tuo sito e osserva come si presenta la struttura.

Qui accanto è mostrata, solo a titolo di esempio, la struttura del sito "Il Delta del Po"

Come puoi vedere, FrontPage indica i legami tra le pagine con una linea (i fili di cotone colorato del tema Nodi, fogli e cotone colorato: progettare un Ipertesto). In tal modo avrai una rappresentazione visiva chiara della gerarchia del sito.

Noterai che alcune pagine recano il simbolo (-), facendo clic su di esso il sito si comprime. Nel nostro caso, facendo clic sul simbolo (-) della pagina "Ambienti del Delta", scompaiono le pagine "figlie": "Leccio", "Airone Cenerino" e "Donnola". Ora la pagina reca il segno (+) , se vuoi rendere di nuovo visibili le pagine "figlie",  fai clic su  di esso e il sito si espande.

La possibilità di comprimere ed espandere la struttura del sito, torna molto utile quando si ha a che fare con un sito di notevoli dimensioni e strutturato su molti livelli.

 

Come è stata modificata la Home Page iniziale? Per scoprirlo fai un doppio clic sulla Home Page. Lo schermo si presenta come nella figura a sinistra.

Noterai che automaticamente FrontPage provvede ad inserire nella parte sinistra della stessa Home Page i collegamenti (le hotword) ai file collegati (le pagine "figlie"). Possiamo abbellire la nostra Home Page (la pagina "nonna") cambiando il colore del titolo ed inserendo delle informazioni riguardanti il sito.

 

 

Verifichiamo ora come si presenta la pagina degli "Ambienti del Delta" che abbiamo collegato alla Home Page. Fai un clic sulla pagina Ambienti del Delta e troverai una situazione simile a quella rappresentata nella figura a sinistra.

In alto, appena sotto il titolo "Il parco del Delta", in blu sottolineato compaiono tutti i collegamenti alle pagine "sorelle" mentre sulla sinistra sono visibili tutti i collegamenti alle pagine "figlie".

 

5. Migliorare esteticamente un sito: applicare un tema

 

Quante volte hai visitato un sito web? Tante volte forse. Quante volte hai trovato delle soluzioni grafiche interessanti? Forse poche volte.

Quante volte hai desiderato assemblare un sito ma lo sconforto di non essere un designer grafico professionista ti ha fatto recedere dal proposito?

Nessun problema!

FrontPage può venirti incontro, perché con Temi e la Visualizzazione Temi può fare questo e anche di più.

Per migliorare esteticamente il tuo sito, utilizza la seguente procedura:

 

 

1. Dal menu Visualizza seleziona la voce Temi oppure fai clic sull'icona Temi presente nella barra delle Visualizzazioni.

2. Ti compare la finestra (vedi figura a sinistra)

3. Scorri l'elenco dei temi nella finestra Usa il tema selezionato (Natura) e osserva nella finestra a destra l'anteprima del tuo sito. Una volta trovato il tema adatto fai clic sul pulsante Applica.

 

 

 

Ecco come si presenterà la pagina degli "Ambienti del Delta" subito dopo avere applicato il Tema. Niente male, no? Prova a confrontare tale immagine con quella precedente. La differenza è enorme. I pulsanti sono animati, la scelta dei caratteri è adeguata, i colori sono tenui e si adattano al Tema "Il delta del Po".

6. Cambiare il colore al testo

Sporadici cambiamenti di colore nel testo possono migliorare la qualità grafica e attirare l'attenzione, ma è bene sottolineare l'aggettivo "sporadici". Un eccesso di colori diversi può rendere pesante una pagina. Il colore va usato con molta discrezione.

Per cambiare il colore al testo:

 

 

1. Seleziona il testo di cui vuoi cambiare il colore

2. Fai clic sull'icona Colore del testo

3. Scegli il colore da applicare (puoi anche personalizzare il colore con Definisci colori personalizzati)

4. Fai clic sul pulsante OK.

7. Cambiare la dimensione del testo

 

Per modificare la dimensione del testo:

 

 

1. Seleziona il testo

2. Fai clic su uno dei pulsanti Aumenta dimensione testo (A grande) o Riduci dimensione testo (A più piccola) della barra degli strumenti.

8. Creare un collegamento ipertestuale

I collegamenti, più noti come collegamenti ipertestuali o hyperlink, costituiscono delle connessioni da un punto ad un altro. I visitatori di un sito possono fare clic su un collegamento e saltare a qualsiasi punto il collegamento è diretto: questa locazione in HTML è chiamata URL. Si possono stabilire collegamenti da e verso testi, immagini, altri file o segnalibro.

Per creare un collegamento ipertestuale:

 

 

1. Seleziona il testo che dovrà diventare una Hotword (nell'esempio Comacchio)

2. Dal menu Modifica scegli il l'opzione Collegamento ipertestuale. Oppure fai clic sul pulsante Crea/modifica collegamento ipertestuale presente nella barra standard.

 

3. Viene visualizzata la finestra di dialogo Crea collegamento

4. Seleziona il file a cui deve essere collegata la parola evidenziata (nell'esempio commacc.html)

5. Fai clic sul pulsante OK.

 

 

Verifica la correttezza del legame con Explorer. Passando sulla parola "Comacchio" il mouse si trasforma in una piccola mano. Facendo clic sulla stessa parola sarai letteralmente catapultato al file "commacc.html".

Ricorda che con l'opzione Collegamento ipertestuale si possono creare collegamenti ipertestuali di vario genere: a una pagina in Explorer, verso un URL del World Wide Web qualsiasi, a un file sul computer, a un indirizzo di posta elettronica.

9. Inserire un contatore delle visite

Un contatore delle visite è una tecnica alquanto diffusa per "vedere" materialmente quanti sono stati i visitatori del sito. In genere tali contatori sono presenti nella Home Page, solitamente in fondo.

Per inserire un Contatore delle visite:

1. Dal menu Inserisci seleziona Elementi attivi

2. Dall sottomenu che compare seleziona la voce Contatore visite. Si apre una finestra di dialogo nella quale puoi scegliere tra cinque diversi stili per il contatore.

3. Seleziona il contatore desiderato e fai clic sul pulsante OK.

 

 

Dopo avere inserito il contatore la tua Home Page si presenterà in questo modo.

Per renderti conto del lavoro svolto puoi visualizzare tutti i documenti iniziali in formato DOC e i corrispondenti documenti HTML che compongono il sito.

Potrai anche aggiungere elementi attivi al Web creando:

1. Pulsanti attivi al passaggio del mouse;

2. Striscioni pubblicitari;

3. Testi scorrevoli;

4. Sequenze video;

Potrai soprattutto progettare il sito della tua scuola e collegarlo ad altri siti, ad altre scuole, ad altre realtà culturali creando di fatto una rete di saperi che molto spesso va ben oltre le pareti della tua aula.