mariaangela.altervista.orgmariaangela.altervista.org/files/CREARE-UN-SITO-WEB-4... · Web viewDispense curate dall’insegnante: prof.ssa Maria Angela Guglielmo 68 TERZO ESERCIZIO

TERZO ESERCIZIO

Rifacciamo le operazioni preliminari prima di iniziare a creare un nuovo sito.1. All’interno della cartella con il proprio nome creare una nuova cartella: Organizza > Nuova cartella con nome terzo_esercizio 2. Apri quest’ultima cartella e crearne un’altra (Organizza > Nuova cartella) con nome immagini.

SALVARE ALCUNE IMMAGINI DA INTERNET1. Apri Internet Explorer2. Fai clic su Immagini. Cerca alcune immagini delle maschere di carnevale3. Digita sulla barra di Google arlecchino4. Fai clic su Immagine a dimensione intera (quindi non copiare l’anteprima)5. Fai clic con il tasto destro del mouse sull’immagine.

6. Fai clic con il sinistro del mouse su Salva immagine con nome 7. Salva su questo percorso Alunni > Corsi d’Informatica > proprio nome >

terzo_esercizio > immagini (doppio clic con il sn. per aprire ogni cartella).8. Digita il nome file minuscolo (se il nome del file è composto da 2 parole non

bisogna lasciare gli spazi al posto dello spazio mettere _)9. Con lo stesso procedimento salva qualche altra immagine.

Dispense curate dall’insegnante: prof.ssa Maria Angela Guglielmo 49

SEPARATORI WEBI separatori sono delle linee orizzontali che suddividono una pagina web.

1. Digita su Google nel Web: separatori web. Ci sono molti siti che contengono dei separatori gratuiti.

2. Clicca sul sito

Non è obbligatorio: ce ne sono anche altri, ma ci sono anche siti trappola, che rimandano ad altri siti che rimandano ancora ad altri e così via.

3. Scegli un separatore tra quelli animati4. Fai clic con il tasto destro sull’immagine

5. Clicca su Salva immagine con nome6. Salva nel solito percorso Alunni > Corsi d’Informatica > proprio nome >

terzo_esercizio > immagini.7. Puoi salvarne anche altri in modo tale da poter scegliere


PRIMA PAGINA (index)1. Apri il programma NVU: fai doppio clic sull’icona sul desktop.

2. Chiudi il suggerimento che appare all’apertura e Ingrandisci la finestra.

3. Fai clic su Modifica siti

4. Digita il nome del sito: terzo sito


5. Fai clic su Seleziona cartella

6. Fai clic su Computer > Alunni > Corsi d’Informatica > proprio nome > terzo_esercizio7. Fai clic su OK8. Fai clic sul secondo OK

9. Fai clic su File > Salva con nome


10. Inserisci un titolo per la pagina corrente. Digita: Le maschere di Carnevale a cura di Nome Cognome

11. OK12. Si aprirà automaticamente la finestra del Salva con nome13. Salva nel percorso Alunni > Corsi d’Informatica > proprio nome > terzo_esercizio14. Nella casella Nome file: cancella Le maschere di Carnevale a cura di … e digita index

15. fai clic su Salva.


IMPOSTARE UNO SFONDO ALLA PAGINA

1. Fai clic su Formato > Sfondo e colori pagina

2. Clicca su Utilizza colori personalizzati

3. Clicca su Sfondo (rettangolo a destra)4. Scegli un colore

5. Fai clic su OK6. Fai clic sul secondo OK.


CREARE UNA TABELLA PER IL TITOLO1. Fai clic su Inserisci > Tabella

2. Resta nella scheda Velocemente

3. Seleziona 1 colonna e 3 righe 4. Fai clic sull’ultimo rettagolino selezionato


5. Fai clic all’interno della seconda cella6. Fai clic su Titolo 1

7. Fai clic su Allinea al centro.

8. Clicca su Formato > Carattere e scegli un carattere.

9. Scegli un Colore


10. Digita il titolo della pagina

11. Se fai doppio clic sul bordo della tabella entri rapidamente in Proprietà tabella12. Fai clic sulla scheda Tabella e digita 0 Larghezza bordo

13. Fai clic sulla scheda Celle14. Digita una Larghezza di 100, non pixel ma % della tabella

CREARE UNA TABELLA PER IL CONTENUTO Dispense curate dall’insegnante: prof.ssa Maria Angela Guglielmo 57

1. Metti il cursore sotto la tabella del titolo. Fai clic su Inserisci > Tabella

2. Resta nella scheda Velocemente3. Seleziona 3 righe e 3 colonne4. Fai clic sull’ultimo rettagolino selezionato

5. Fai doppio clic sul bordo della tabella ed entri rapidamente in Proprietà tabella6. Fai clic sulla scheda Tabella e digita 0 Larghezza bordo


7. Fai clic sulla scheda Celle8. Digita una Larghezza di 20, non pixel ma % della tabella.

9. Clicca su Successiva10.Digita una Larghezza di 60, non pixel ma % della tabella.11.Clicca su Successiva12.Digita una Larghezza di 20, non pixel ma % della tabella13.Fai clic all’interno della cella prima cella a sinistra14.Fai clic su Inserisci > Tabella15.Resta nella scheda Velocemente16.Seleziona 6 righe e 1 colonna17.Fai clic sull’ultimo rettagolino selezionato


18. Digita all’interno di quest’ultime celle il menu delle pagine che si collegheranno.

19. Fai doppio clic nella cella dove hai digitato HOME20. Modifica il Colore di sfondo della cella


21. Clicca su Successiva modifica il Colore di sfondo della cella22.Clicca su Successiva e così via fino all’ultima cella


AGGIUNGERE IL SEPARATORE ANIMATO1. Fai clic nella prima cella: quella prima del titolo2. Fai clic su Inserisci > Immagine

3. Fai clic su Seleziona file

4. Doppio clic nella cartella immagini5. Clic sul file separatore6. Clic su Apri7. Fare clic su Non usare testo alternativo 8. Fai clic su OK

9. Ridimensiona l’immagine.


INSERIRE UN TESTO

1. Cerca un testo su Internet inerente l’argomento 2. Seleziona il testo3. Fai clic con il tasto destro

4. Fai clic su Copia5. Su NVU, fai clic nella cella centrale

6. Fai clic su Tabella > Proprietà tabella7. Su Allineamento contenuto > Verticale scegli In alto, 8. Fai clic su Precedente9. Su Allineamento contenuto > Verticale scegli In alto, OK10.Fai clic nella cella centrale e con il tasto destro scegli Incolla


CREARE ALTRE PAGINE WEB1. Fai clic su Crea nuova pagina

2. Fai clic su File > Salva con nome3. Inserisci il titolo Gianduja 4. Si aprirà la finestra del Salva con nome: salva all’interno della cartella

terzo_esercizio. Il nome del file deve essere in minuscolo e senza spazi.5. Fai clic su Salva


COPIA LA PAGINA INDEX NELLA SECONDA PAGINA1. Vai nella pagina index seleziona la prima tabella, quella dell’intestazione2. Fai clic su Modifica > Seleziona tutto3. Fai clic con il tasto destro sulla selezione 4. Fai clic con il tasto sinistro su Copia

5. Vai nella seconda pagina, Gianduja

6. Fai clic su Modifica > IncollaCon questa operazione abbiamo conservato la formattazione delle tabelle, il menu di sinistra, il titolo eventualmente da modificare. È utile fare il Copia e Incolla perché in tal modo lo stile impostato nella pagina iniziale si conserva anche in quelle successive.Completare anche questa seconda pagina con un testo copiato da Internet e un’immagine già salvata nella cartella immagini.Allo stesso modo se si desidera creare altre pagine.


COLLEGARE LE PAGINE FRA LORO1. Nella prima pagina seleziona la parola GIANDUJA2. Fai clic con il tasto destro sulla selezione3. Scegli Crea collegamento

4. Clic su Seleziona file

5. Scegli il file gianduja


6. Fai clic su Apri e poi su OK7. Posizionati nella pagina Gianduja 8. Seleziona HOME9. Fai clic con il tasto destro10. Scegli con il tasto sinistro Crea collegamento

11.Fai clic su Seleziona file12.Clicca su index

13.Fai clic su Apri14. Fai clic su OK


PUBBLICAZIONE DEL SITO SU INTERNET1. Apri FileZilla2. Digita Host, Nome utente e Password che ti sono state fornite nella mail3. Fai clic su Connessione rapida

4. Nella parte sinistra (PC locale) cerca il percorso dove è stato salvato il sito5. Trascina tutti i file nella parte destra.


6. Chiudi FileZilla e vai a verificare su Internet


Documents

mariaangela.altervista.orgmariaangela.altervista.org/files/CREARE-UN-SITO-WEB-4... · Web viewDispense curate dall’insegnante: prof.ssa Maria Angela Guglielmo 68 TERZO ESERCIZIO