La presentazione è in caricamento. Aspetta per favore

La presentazione è in caricamento. Aspetta per favore

Prof. Marina Grisoni Costruire pagine per il WEB.

Presentazioni simili


Presentazione sul tema: "Prof. Marina Grisoni Costruire pagine per il WEB."— Transcript della presentazione:

1 Prof. Marina Grisoni Costruire pagine per il WEB

2 Prof. Marina Grisoni La struttura di un sito HOME PAGE HOME PAGE PAGINA 1 PAGINA 2 PAGINA 3 PAGINA 4 PAGINA 6 PAGINA 5 LINK ESTERNI

3 Prof. Marina Grisoni Elementi della Home Page Menu di naviga zione Banner Notizie principali Indirizzo

4 Prof. Marina Grisoni e delle pagine tematiche Menu di naviga zione Titolo pagina Immagine Testo Indirizzo Banner

5 Prof. Marina Grisoni Struttura della Home Page La vostra Home Page dovrà contenere: –il banner –il menu di navigazione tra le pagine –una immagine che ne richiami il contenuto –un indirizzo di riferimento fisico o di posta elettronica BANNER Menù di navigazione immaginePresentazione contenuto del sito Indirizzo e web master

6 Prof. Marina Grisoni Esercitiamoci creando un sito con pagine dedicate al vostro film preferito! Cercate immagini e informazioni sul web così da poter copiare contenuti e immagini Il banner invece lo disegnerete voi utilizzando Microsoft Paint e facendo attenzione alle dimensioni i pixel! Il mio film preferito!

7 Prof. Marina Grisoni Disegnare una pagina Costruire una tabella contenitore specificandone la larghezza Nel nostro esempio 700 pixel Il pixel è lunità di misura 700 pixel di larghezza

8 Prof. Marina Grisoni Da evitare… Che le pagine non vengano visualizzate completamente sul monitor in larghezza… È molto fastidioso doversi spostare con la barra di scorrimento per leggere il contenuto di una pagina troppo larga

9 Prof. Marina Grisoni Dentro il contenitore Inserire nella prima tabella una seconda tabella di 4 righe e 2 colonne Unire le colonne dello spazio banner, del menu di navigazione e dellultima riga Banner Menu di navigazione Indirizzo

10 Prof. Marina Grisoni Dentro il contenitore Utilizzeremo la prima colonna per inserire una immagine La seconda per il testo e lultima riga per indirizzo o il nome del web master Immagine Banner Menu di navigazione Testo Indirizzo è molto importante poter effettuare un contatto via mail o telefonico

11 Prof. Marina Grisoni Menu di navigazione Inserire una tabella allinterno della cella menu di navigazione di una riga e tante colonne quante sono le pagine sulle quali è strutturato il sito Ogni colonna corrisponde a uno dei tasti del menu Immagine Banner Testo Indirizzo

12 Prof. Marina Grisoni HOME PAGE TRAMA CRITICA CAST SCENE CURIOSITA CANZONI Menù di navigazione HOME PAGE HOME PAGE TRAMA CRITICA CAST SCENE LA CANZONE CURIOSITA hometramacriticacastscenecuriositàcanzoni Mettere sempre in evidenza nel banner la pagina in cui ci si trova Lasciare sempre la possibilità di tornare alla home page

13 Prof. Marina Grisoni Inserire testi Per inserire un testo digitare oppure copiare e incollare da un file Scegliete un carattere comune (tipo arial) per consentire a tutte le macchine di visualizzare correttamente il testo Formattare a piacere Immagine Banner Testo Indirizzo

14 Prof. Marina Grisoni ed immagini Per inserire una immagine: –inserisci –immagine –da file Immagine Banner Testo Indirizzo ATTENZIONE ALLA DIMENSIONE DELLIMMAGINE!

15 Prof. Marina Grisoni Le immagini digitali pixel (contrazione della locuzione inglese picture element) indica ciascuno degli elementi puntiformi che compongono la rappresentazione di una immagine nella memoria di un computer.

16 Prof. Marina Grisoni Il numero di pixel in un'immagine è detto risoluzione che viene espressa tramite un numero. Le immagini che vengono utilizzate in un sito vano ridimensionate La dimensione deve coincidere con lo spazio progettato Immagini troppo grandi rallentano la visualizzazione perché il pc impiega più tempo per caricarle Dimensionare una immagine

17 Prof. Marina Grisoni Trama Per costruire le pagine tematiche fate una copia della home page rinominatela e modificate le tabelle contenute in quella principale seguendo le indicazioni che seguono Banner Testo Indirizzo image

18 Prof. Marina Grisoni Critica Per la pagina critica Sarà sufficiente unire le due colonne Inserire il testo Collegare al link esterno –inserisci –collegamento ipertestuale –indirizzo –frame di destinazione –stessa finestra Banner Testo Indirizzo IMPORTANTE VISUALIZZARE LINK ESTERNI NELLA STESSA FINESTRA

19 Prof. Marina Grisoni Cast Mantenere la struttura iniziale inserire nello spazio testo una tabella di 1 colonna e 14 righe Banner Inserire tabella di 14 righe Indirizzo image

20 Prof. Marina Grisoni Scene utilizzando copia e incolla selezionare le celle immagine e testo e duplicarle Banner Testo Indirizzo Image TestoImage TestoImage

21 Prof. Marina Grisoni Curiosità La struttura della pagina non cambia inserire il testo come elenco puntato: –formato –elenchi puntati e numerati Banner Testo Indirizzo image

22 Prof. Marina Grisoni Canzoni Inserire nella cella testo una tabella di 1 riga e 2 colonne Inserire il testo Inserire la gif. con la nota Inserire collegamento ipertestuale con un file musicale Banner Testo Indirizzo imageTesto

23 Prof. Marina Grisoni Collegamenti tra le pagine Per collegare le pagine al menù: –selezionare il testo corrispondente alla cella –inserisci –collegamento ipertestuale –selezionare la pagina di destinazione hometramacriticacastscenecuriositàcanzoni

24 Prof. Marina Grisoni Pubblicare il sito La pubblicazione può avvenire anche tramite dei software estremamente pratici Come AceFTP o WSFTP Allavvio del programma, installato sul proprio computer, bisogna inserire nella finestra di dialogo i dati del server cui collegarsi e i dati di riconoscimento precedentemente definiti con il server ospitante

25 Prof. Marina Grisoni La maschera

26 Prof. Marina Grisoni Trasferire i file Per trasferire i file in FTP è sufficiente: posizionarsi allinterno della cartella che contiene i file da pubblicare (a sinistra) indicare, selezionandoli, i file da pubblicare selezionare il comando posto tra le due finestre oppure trascinare i file nella finestra di destra

27 Prof. Marina Grisoni Trasferire i file Finestra che mostra le Directory e i file del computer Sposta Finestra che mostra le Directory e i file pubblicati sul server

28 Prof. Marina Grisoni On line! compare la finestra che visualizza il trasferimento dei file

29 Prof. Marina Grisoni FINE


Scaricare ppt "Prof. Marina Grisoni Costruire pagine per il WEB."

Presentazioni simili


Annunci Google