On-line Corsi d’Informatica sul web
Corso base di FrontPage
Università degli Studi della Repubblica di San Marino
Capitolo1
C REARE UN NUOVO SITO INTERN ET
Aprire Microsoft FrontPage facendo clic su Start/Avvio in basso a sinistra nella barra delle
Applicazioni come indicato in Figura 1; posizionarsi su Programmi e nel menù che si apre selezionare
Microsoft FrontPage .
Figura 1. Apertura Microsoft FrontPage
1.1 APRIRE UN WEB VUOTO
Per aprire un nuovo web, dal menù File selezionare Nuovo e successivamente selezionare Web. (Se la
voce Nuovo non è presente nel menù a tendina, fare clic sulla doppia freccia
che compare in fondo
al menù appena aperto).
CORSO DI FRONTPAGE
2
- Università degli Studi della Repubblica di San Marino -
Figura 2. Nuovo web
Nella finestra che si apre, vedi Figura 3, vengono proposti diversi modelli di web.
Nel nostro caso, poiché si vuole realizzare un sito completamente nuovo, fare clic su Web vuoto. Prima
di fare clic su OK, nella finestra di dialogo Specificare la posizione del nuovo Web, occorre digitare la
posizione in cui verrà archiviato il nuovo web. Il percorso predefinito è C:\Documenti\Web a cui deve
essere aggiunto il nome del nostro nuovo sito: “Corso FrontPage”. Controllare quindi che il percorso sia
C:\Documenti\Web\CorsoFrontPage e fare clic su OK. Il nuovo sito di nome Corso Frontpage è stato
memorizzato nella cartella Documenti all’interno della cartella Web. Se si hanno esigenze diverse
digitare il percorso che si preferisce.
Figura 3. Nuova_pagina_1
CORSO DI FRONTPAGE
3
- Università degli Studi della Repubblica di San Marino -
Si apre la seguente finestra:
Figura 4. Nuova_pagina_1
Nella parte sinistra, alla voce Elenco cartelle , viene rappresentata la struttura del sito internet espressa
in cartelle e file.
Le cartelle _private e images sono predefinite, vengono cioè create ogni volta che si crea un nuovo
web. La cartella _private non può essere accessibile ai visitatori del sito e in genere è utilizzata per
contenere informazioni riservate come quelle inviate nei moduli. La cartella images, è generalmente
utilizzata per contenere le immagini del sito.
E’ buona norma creare una cartella per ogni argomento, in modo da organizzare le informazioni in
maniera più chiara.
Nella parte centrale viene visualizzata una pagina vuota, il cui nome, indic ato in alto come esplicitato in
Figura 4, risulta per default Nuova_pagina_1.htm.
1.2 SALVARE UNA PAGINA
Un metodo per cambiare il titolo alla nuova pagina è quello di salvarla con nome. Dal menù File si
selezioni Salva con nome .
CORSO DI FRONTPAGE
4
- Università degli Studi della Repubblica di San Marino -
Figura 5. Salva con nome
Alla voce Salva in, occorre selezionare, se non lo è già, Corso FrontPage tramite il percorso scelto
precedentemente C:\Documenti\Web\CorsoFrontpage.
In corrispondenza di Nome file scegliere un nome evitando di utilizzare spazi e caratteri speciali.
E’ preferibile utilizzare nomi semplici costituiti in genere da un’unica parola e scritti sempre con caratteri
minuscoli. L’estensione .htm, tipica dei file di linguaggio HTML, viene inserita automaticamente con
FrontPage 2000.
Nel nostro progetto di sito web, si vuole salvare questa pagina come Home Page del sito, quindi in Nome
file si digiti “index” o “default” a seconda della richiesta del server (in genere index); questi nomi sono
identificativi della home page.
Ogni pagina deve inoltre possedere un titolo che descriva in modo più caratteristico il suo contenuto; in
Titolo pagina facendo clic sul pulsante Cambia, digitare un titolo significativo, nel nostro caso “Home
Page”. Per questo titolo non ci sono restrizioni di sorta.
Figura 6. Imposta titolo di pagina
Successivamente fare clic su OK, quindi clic su Salva per chiudere la finestra.
CORSO DI FRONTPAGE
5
- Università degli Studi della Repubblica di San Marino -
Si osservi che il nuovo Nome file, nel nostro caso index.htm, compare ora sulla barra grigia al posto del
precedente Nuova_pagina_1.htm, vedi Figura 7.
All’interno di questa pagina si digiti “Home Page del nostro nuovo sito” e a capo “Corso FrontPage” e
successivamente “Lezione1, Lezione2, Lezione3” come in Figura 7 (per scrivere Lezione 2 in una nuova
riga senza spazio, premere contemporaneamente i tasti Maiusc+Invio analogamente per Lezione 3);
successivamente cliccare su
Si ottiene la seguente videata:
per salvare le modifiche.
Il file Index.htm si
trova allo stesso
livello delle cartelle
_private e images
Figura 7. Index
Si osservi che, in corrispondenza di Elenco cartelle , compare ora il file index.htm, esso si trova al primo
livello al pari delle cartelle _private e images.
1.2 APRIRE E CHIUDERE UNA PAGINA
Per aprire una pagina è sufficiente fare doppio clic su di essa nella finestra Elenco cartelle .
Per chiudere la pagina fare clic su in corrispondenza del nome del file, come indicato in Figura 7.
Si proceda a chiudere la nuova Home Page; se non si era provveduto prima al salvataggio della pagina,
verrà visualizzato un messaggio in cui si chiede se devono essere salvate le modifiche: fare clic su Sì.
Riaprire la pagina index.htm, facendo doppio clic sul file index.htm nella sezione Elenco cartelle .
CORSO DI FRONTPAGE
6
- Università degli Studi della Repubblica di San Marino -
1.3 CREARE UNA NUOVA CARTELLA
Si crei ora una nuova cartella, dal menù File selezionare Nuovo e successivamente Cartella; se la voce
Cartella non è attiva occorre, prima di accedere al menù File , cliccare su una parte qualsiasi della
videata, successivamente cliccare col mouse sulla cartella principale del nostro nuovo sito
C:\Documenti\Web\CorsoFrontPage e ripetere il procedimento (dal menù File selezionare Nuovo e
successivamente Cartella).
I nomi non devono
contenere spazi: in
alternativa utilizzare
il simbolo _.
Figura 8. Nuova cartella
Come si vede dalla Figura 8, nella sezione Elenco cartelle è presente ora una nuova cartella il cui nome
evidenziato in blu può essere cambiato: si digiti Lezione1 (senza spazi) e successivamente fare clic in un
punto qualsiasi dello schermo per far memorizzare il nuovo nome. In alternativa per rinominare una
cartella è sufficiente cliccare col tasto destro del mouse sopra la cartella in cui occorre cambiare il nome,
selezionare dal menù che si apre Rinomina e procedere col digitare il nuovo nome.
Come si è già precedentemente sottolineato, i nomi attribuiti a file e cartelle devono essere costituiti da
una parola sola o comunque non devono contenere spazi; se si ha necessità di inserire due parole è
consigliabile digitare il carattere _ in sostituzione dello spazio (si veda ad esempio Nuova_cartella).
1.4 INSERIRE UNA NUOVA PAGINA
Si vuole ora inserire una pagina vuota all’interno della cartella Lezione1.
CORSO DI FRONTPAGE
7
- Università degli Studi della Repubblica di San Marino -
Dal menù File selezionare Nuovo e successivamente Pagina.
Figura 9. Nuova pagina
FrontPage mette a disposizione diversi prototipi di modelli di pagine. Se si desidera realizzare una
pagina che abbia una struttura già definita è possibile sceglierla cliccando una volta su ognuno dei
modelli proposti: verrà visualizzata un’anteprima e una descrizione sommaria. Nel nostro caso si vuole
aprire una pagina vuota, selezionare quindi la prima in alto e fare clic su OK.
In alternativa è possibile inserire una nuova pagina vuota facendo clic sull’icona
, nella Barra degli
Strumenti Standard.
Si vuole ora salvare la pagina come pagina principale della cartella Lezione1; si scelga quindi dal menù
File la voce Salva con nome .
Nella finestra che si apre, occorre salvare la pagina all’interno della cartella Lezione1; alla voce Salva in
è necessario fare due clic sulla cartella Lezione1 la quale verrà aperta. In corrispondenza di Nome file si
digiti index, in Titolo pagina fare clic su Cambia, digitare “Home della cartella Lezione1” come indicato
in Figura 10, successivamente fare su OK.
CORSO DI FRONTPAGE
8
- Università degli Studi della Repubblica di San Marino -
Figura 10. Salva nuova pagina
Si deve aver ottenuto la seguente videata:
Figura 11. Salva in Lezione1
CORSO DI FRONTPAGE
9
- Università degli Studi della Repubblica di San Marino -
Cliccare su Salva per chiudere la finestra.
In Elenco cartelle si clicchi sul segno + a fianco della cartella Lezione1 per aprirla, come indicato in
Figura 12.
Figura 12. Cartella chiusa
Nella seguente figura si osserva che la cartella Lezione1 è stata aperta (o espansa) mostrando il suo
contenuto (in questo caso costituito solo dal file index).
Figura 13. Cartella aperta
Il segno - a fianco della cartella Lezione1 (vedi Figura 13) indica infatti che si è voluto esplicitare il
contenuto della cartella, la quale, infatti, risulta aperta. Si noti inoltre che, per tutti i file o sottocartelle
appartenenti alla cartella Lezione1, il livello rappresentato dalla riga tratteggiata è spostato più a destra
rispetto agli altri (vedi Figura 13). Il file index, infatti, appartiene al secondo livello.
Facendo clic sul segno - , la cartella Lezione1 si chiude e il file index.htm scompare; viene cioè inglobato
all’interno della cartella Lezione1 e potrà essere nuovamente esplicitato facendo clic sul segno + a fianco
della cartella Lezione1.
Il nostro sito, in sintesi, può essere rappresentato da una cartella contenente file e sottocartelle.
In questo caso C:\Documenti\Web\CorsoFrontPage è la cartella principale e al suo interno attualmente ci
sono tre cartelle _private, images, Lezione1 e il file index.htm, HomePage del sito. Ciascuna cartella
(tranne quelle predefinite _private e images) ad es. Lezione1, deve contenere un file il cui Nome file è
index.htm il quale rappresenta la pagina principale di quella cartella e può essere considerato come una
sorta di Home page della cartella a cui appartiene.
Questo significa che, qualora in internet si digitasse l’indirizzo www.corsofrontpage.sm/lezione1 verrebbe
visualizzata, in modo automatico, la pagina di Nome file index.htm, posizionata all’interno della cartella
Lezione1 senza aver digitato anche il suo Nome file index.htm. In altre parole, per aprire la pagina di
Nome file index.htm, posizionata all’interno della cartella Lezione1, è sufficiente digitare
www.corsofrontpage.sm/lezione1 invece che digitare www.corsofrontpage.sm/lezione1/index.htm .
Per tutte le altre pagine della stessa cartella, occorre digitare anche il Nome file.
CORSO DI FRONTPAGE
10
- Università degli Studi della Repubblica di San Marino -
1.5 COPIARE, SPOSTARE ED ELIMINARE UNA PAGINA
Per copiare una pagina, occorre cliccare col tasto destro del mouse sulla pagina da copiare, scegliere
Copia dal menù a scelta rapida, scegliere successivamente la cartella in cui si desidera copiare il file,
fare clic col pulsante destro del mouse su di essa e dal menù a scelta rapida che si apre, scegliere
Incolla. Per esercizio si copi la Home page del sito di nome file index.htm all’interno della cartella
images.
Per spostare una pagina in un’altra cartella, è sufficiente, in Elenco cartelle, cliccare sulla pagina da
spostare e tenendo premuto il tasto del mouse, trascinarla sopra la cartella che dovrà contenerla. Si apra
la cartella images e si sposti il file index.htm nella cartella _private.
Per eliminare una pagina è sufficiente cliccare su di essa col tasto destro e scegliere Elimina e nel
messaggio di conferma di eliminazione, cliccare su Sì.
Si proceda eliminando il file index.htm della cartella _private, in modo da ripristinare la situazione
iniziale.
CORSO DI FRONTPAGE
11
- Università degli Studi della Repubblica di San Marino -