INSERIRE IMMAGINI \images \images \immagini inserisci immagine da file Proprietà immagine Aspetto barra strumenti immagini

Transcript

1 INSERIRE IMMAGINI Nell'inserire immagini in una pagina bisogna tenere ben presente il fatto che un file immagine, per quanto possa essere compresso (formato GIF o JPEG), ha dimensioni, in termine di Kilobyte, piuttosto grandi. Considerando: che quando si visualizza una pagina dal Web, tutto il suo contenuto deve essere trasferito dal Server Web al computer dell'utente; che la velocità di trasferimento dati è generalmente notevolmente inferiore ai bit per secondo dichiarati dai modem; e che per fare un byte occorrono 8 bit, appare chiaro che un immagine di dimensioni elevate (o più immagini di minore dimensione) rende la visualizzazione della pagina lenta. Nessuno ama passare troppo tempo in attesa di caricare una pagina, per cui l'inserimento di immagini deve essere centellinato (a meno che non si tratti di un album fotografico) ed usato, oltre che per abbellire, come chiarificatore dei contenuti della pagina, o per attirare l'attenzione su di un determinato punto della pagina stessa (es. striscione pubblicitario, connessione o collegamento). Premesso quanto sopra, andiamo ad iniziare. Per chi ha già dimestichezza con Word o Publisher, l'inserimento d'immagini in FRONTPAGE risulta essere di estrema semplicità. infatti le operazioni da svolgere sono sostanzialmente le stesse, con però alcune specifiche peculiarità di differenziazione. Quando creiamo un web con FRONTPAGE automaticamente il programma crea al suo interno una cartella \images ed è in questa cartella che archivieremo le immagini inserite nella pagina. Se invece importiamo un web creato con un altro editor ad es. Word allora la cartella \images o \immagini la dovremo creare noi. Apriamo FRONTPAGE, si presenta una nuova pagina vuota, andiamo a fare click sul menu inserisci,quindi immagine e poi click su da file, si aprirà una finestra dialogo come da figura 6.1 Dopo di che andiamo a cercare l'immagine da inserire facendo click sulla cartellina con la lente posta in basso a destra della finestra dialogo, si apre una nuova finestra dalla quale possiamo cercare il file immagine che ci interessa sfogliando tra le risorse del nostro computer. L'immagine si inserirà esattamente nel punto in cui si trova il puntatore. fig.6.2 E' possibile modificare le proprietà delle immagini inserite in una pagina, per fare questo basta fare click sull'immagine con il tasto destro del mouse, poi con il sinistro su Proprietà immagine quindi nella finestra che si apre su Aspetto a da qui modificare le dimensioni dell' immagine espressa in pixel o in percentuale, il suo allineamento con il testo e la dimensione dell'eventuale bordo. E' inoltre possibile creare miniature dell'immagine, cioè ottenere nella pagina immagini di dimensioni ridotte rispetto alle originali, ma collegate alle stesse, in modo da poter avere la visione ingrandita facendoci click sopra. Per fare ciò: selezioniamo l'immagine, appare la barra strumenti immagini sulla quale è presente in basso a sinistra, vicino alla A (a destra di essa), l'icona miniature facciamoci

2 click, si genera immediatamente una miniatura sulla pagina ed un collegamento all'immagine originale, che chiaramente si troverà nella cartella images. Per modificare le proprietà delle miniature: menu Strumenti, Opzioni pagina, Miniatura COLLEGAMENTI IPERTESTUALI I collegamenti si utilizzano per "collegare" pagine diverse di uno stesso sito le une con le altre o un sito presente nel WWW ad un altro. Possono perciò essere interni od esterni al sito. Facciamo subito degli esempi: Se scriviamo ad esempio: questo collegamento porta alla 1a Lezione del corso di FRONTPAGE, e poi evidenziamo "1a Lezione", quindi facciamo click sull'icona con la forma di mondo con una maglia di catena (fig.7.1) fig.7.1 Adesso facciamo click sull'icona che rappresenta una busta postale con sopra una lente, nella nuova finestra evidenziamo la pagina denominata 1a Lezione quindi click su OK ed il collegamento tra due pagine è fatto. La scritta 1a Lezione apparirà sottolineata e di un colore diverso dal resto del testo. Per creare un collegamento ad un altro sito, quando appare la finestra della fig.7.2 è necessario digitare l'indirizzo URL nell'apposito spazio, ad esempio per collegare la pagina al sito internet del motore di ricerca LYCOS URL: facciamo click su O ed il gioco è fatto. Bisogna dire che un collegamento si può associare anche ad un file immagine, la procedura è sempre la stessa. Esistono anche dei collegamenti che portano non ad una pagina ma ad una posizione specifica all'interno della pagina stessa, questi collegamenti in FRONTPAGE vengono chiamati Segnalibri. Un segnalibro si crea nel seguente modo: Si posiziona il cursore all'inizio del capitolo in cui si desidera inserire il segnalibro. Si apre il menu Inserisci selezionando Segnalibro si apre la finestra dialogo, all'interno della quale, nella casella Nome segnalibro, si deve inserire un nome di riferimento (all'interno di una pagina possono trovare posto più segnalibri). Click su OK. Ora se si vuole inserire un collegamento al segnalibro nel URL si deve digitare l'indirizzo della pagina quindi il nome del segnalibro. Esempio:Vogliamo collegare la parola segnalibro posta in alto ad un segnalibro posto proprio all'inizio di questo punto 4. Dopo aver creato il segnalibro come spiegato precedentemente e averlo chiamato esempio, selezioniamo la parola segnalibro, facciamo click su Collegamento ipertestuale, nella finestra nella casella URL: cancelliamo http// ed al suo posto digitiamo:7a_lezione#esempio click su OK. Il collegamento è fatto. FUNZIONE MAILTO La funzione mailto è un collegamento ipertestuale che consente di inviare un messaggio di posta elettronica, da parte di un visitatore all'autore della pagina web. Per crearlo si procede nel seguente modo: Inseriamo il testo o l'immagine che si desideriamo far apparire come collegamento ed evidenziarlo. Apriamo il menu Inserisci, Collegamento ipertestuale. Nella finestra dialogo alla casella URL, eliminiamo il prefisso e al suo posto digitiamo: mailto:// seguito dall'indirizzo di posta a cui vogliamo sia inviato il messaggio. Ad esempio se l'indirizzo di posta è: rossi@infranet.it, il collegamento sarà mailto://rossi@infranet.it. Fare click su OK.

3 LE MAPPE IMMAGINE Abbiamo già visto che un collegamento ipertestuale può essere abbinato ad una parola od a una immagine. Nelle mappe immagine più collegamenti sono inseriti su di una immagine sola.questo è possibile creando delle aree sensibili in zone diverse dell'immagine stessa. Inseriamo nella pagina l'immagine che ci interessa e selezioniamola (utilizziamo immagini in formato GIF o JPEG e possibilmente di pochi KB). Nella barra strumenti immagini che si aprirà selezioniamo Area sensibile il puntatore prenderà la forma di una matita (possiamo scegliere tra tre diverse aree; rettangolare; circolare e poligonale). Selezioniamo un oggetto o una porzione dell'immagine tenendo premuto il tasto sinistro del mouse. Non appena lasceremo il tasto del mouse si aprirà la finestra dialogo Crea collegamento nella casella URL inseriamo l'indirizzo del collegamento. Click su OK. Ripetere il procedimento per quante aree sensibili desideriamo inserire. FRAME Cosa sono i Frame? i Frame sono in sostanza due pagine Web distinte visualizzate in una finestra sola. Con FRONTPAGE è facile creare pagine con frame, infatti bisogna solo seguire la procedura per creare una nuova pagina come spiegato nella 3a Lezione, con l'avvertenza di selezionare Pagine con Frame nella finestra di dialogo. In FRONTPAGE sono presenti 10 diversi modelli di pagine con frame, tra i quali scegliere quello più adatto alle nostre necessità. fig.8.1 destinazione file aperto Quando in un frame è presente un collegamento ipertestuale si può scegliere in quale sezione della pagina aprire il file a cui si riferisce il collegamento stesso. Per fare questo, quando si apre la finestra di dialogo del collegamento ipertestuale andiamo a fare click sul pulsante posto accanto alla casella di testo Frame di destinazione. All'apertura della nuova finestra di dialogo selezionare l'opzione che ci interessa da Destinazioni comuni quindi fare click su OK. (fig.8.1) TESTO SCORREVOLE Per creare un testo scorrevole in una pagina web si procede così: Apriamo la pagina in cui inseriremo il testo scorrevole, poi il menu Inserisci, Componente, Testo scorrevole per fare aprire la finestra dialogo. Nella casella Testo digitiamo il messaggio (meglio non eccedere nella lunghezza).

4 Nella stessa finestra dialogo sono presenti altri controlli del testo scorrevole che possiamo modificare a nostro piacimento come: La velocità; la direzione; il tipo di carattere; la dimensione ed il colore; l'allineamento e per finire se lo scorrimento debba avvenire di continuo o per un numero prefissato di volte. Click su OK Andiamo su Anteprima per visualizzare il risultato. Contatori visite Come indica il nome, i contatori visite servono a segnalare il numero di visitatori che si sono collegati al nostro sito. Posizionare il cursore nel posto dove vogliamo inserire il contatore. Apriamo il menu Inserisci, quindi Componente, Contatore visite. Scegliamo il contatore che preferiamo nella finestra dialogo che si aprirà. Nella stessa finestra scegliamo da che numero iniziare il conteggio ed il numero delle cifre (di default FRONTPAGE ha 0 e 5 cifre). Click su OK Salvare la pagina e pubblicarla nel Web server. Per vedere come funziona il contatore, è necessario collegarsi al sito con il Browser Web. I Moduli I Moduli sono strumenti interattivi studiati per raccogliere informazioni fornite dagli utenti del sito. In FRONTPAGE sono presenti sei tipi di elementi che usati in combinazione tra di loro ci forniscono svariate tipologie di moduli. Casella di testo a riga singola. Serve quando vogliamo che l'utente inserisca qualche parola. Casella di testo a scorrimento. E' simile alla precedente, ma consente d'inserire più righe di testo e la possibilità di scorrere all'interno del testo stesso. Casella di controllo. E' utilizzata quando vogliamo che l'utente scelga uno o più elementi da un elenco. Ad esempio se chiediamo: Quali sono i tuoi colori preferiti? (diamo quattro elementi) Inizio modulo Blu Rosso Giallo Verde L'utente può scegliere i colori che preferisce inserendo un segno di spunta all'interno delle caselle. Fine modulo Pulsanti di Opzione. I pulsanti di opzione sono simili alle caselle di controllo, ma consentono una sola scelta. Inizio modulo Blu Rosso Giallo Verde La scelta di una opzione ne esclude automaticamente un'altra. Fine modulo Menu a discesa. Si usano per consentire la scelta di un elemento da un elenco molto lungo, infatti in un menu a discesa potremmo, volendolo, inserire centinaia di elementi. Pulsanti di comando. Sono utilizzati per elaborare un azione nel modulo, in genere ad inviare le informazioni inserite dall'utente ad un programma che le elabora. Per informazioni più dettagliate sui moduli, la creazione ed il loro utilizzo, consiglio di munirsi di testi specifici. N.B. Attenzione per quanto riguarda Scritte scorrevoli, Contatori e Moduli è bene sapere che non tutti i Web Server supportano le estensioni di Microsoft FrontPage, per cui, è possibile che non funzionino correttamente. Al momento dell'attivazione dello spazio WEB, leggiamo attentamente le indicazioni del nostro fornitore d'accesso.

5 TEMI Il Tema di FRONTPAGE è un applicazione che consente di modificare l'aspetto e la funzionalità di una pagina o più spesso dell'intero sito Web. I temi FRONTPAGE prendono spunto dai Fogli Stile, le cui caratteristiche sono definite dal World Wide Web Consortium, i quali consentono di controllare tutto ciò che appare in un sito: tabelle, elenchi, immagini non che caratteri, dimensioni, colore e attributi del testo. Per applicare un tema ad un Web esistente procediamo così: Apriamo il sito con FRONTPAGE Dal menu Formato selezioniamo Tema Se desideriamo applicare il tema all'intero sito, nella seziona Applica tema a, scegliamo il pulsante opzione Tutte le pagine altrimenti scegliamo Pagine selezionate per applicarlo ad una o più pagine specifiche. Nell'elenco dei temi scegliamo il nostro preferito, nella finestra a destra apparirà un anteprima, per applicarlo facciamo click su OK, il sito o la pagina selezionata cambierà così il suo aspetto. E' possibile modificare i temi esistenti in FRONTPAGE a nostro piacimento. Selezioniamo Tema dal menu Formato. Selezioniamo il tema che desideriamo modificare. Click sul pulsante Modifica e scegliere se modificare i Colori, Grafica o Testo. Selezioniamo l'elemento che vogliamo modificare nella casella Elemento e apportiamo la modifica, quindi click su OK Salviamo il nuovo Tema facendo click su Salva con nome(scegliamo un nuovo nome), per non sovrascrivere quello esistente. Per finire OK PUBBLICARE UN SITO Per pubblicare il sito che abbiamo creato (non ha importanza di quante pagine sia formato), procediamo nel modo seguente: Attiviamo lo spazio Web, se non l'abbiamo già fatto, concessoci dal nostro Provider, riempiendo il modulo con le nostre generalità, la password e il nome da noi scelti. Al momento dell'attivazione il Provider ci fornirà i dati per il collegamento: il Login FTP, il nome del Server FTP e l'indirizzo in cui sarà visibile il nostro sito. Ad esempio pubblicando il nostro sito su Tiscali, avendo usato come nome di registrazione "Pluto" e come nome sito "Pippo" i dati saranno: Login FTP: pluto Server FTP: web.tiscalinet.it e l'indirizzo che sarà: Ci saranno inoltre fornite una serie d'informazioni sulle funzionalità del Server. Apriamo il nostro sito in FRONTPAGE, dal menu File selezioniamo Pubblica Web. Inseriamo il nome e la password nelle apposite caselle: pluto; **** Nella casella Pubblica Web su, posta all'interno della finestra dialogo che si apre, inseriamo l'url del Server Web su cui andremo a pubblicare, (attenzione nel caso di Tiscali è necessario cancellare ed al suo posto digitare ftp:// questo può accadere anche con altri Server Web) che sarà: ftp://web.tiscalinet.it. Nella finestra Opzioni attiviamo Pubblica solo pagine modificate, quindi facciamo click su Pubblica per iniziare l'invio del sito sul Server Web. Al termine del trasferimento FRONTPAGE ci darà una finestra dialogo da cui sarà possibile vedere in anteprima il sito pubblicato cliccando su Fare clic qui per vedere il sito Web pubblicato Click su Fine per chiudere la finestra di pubblicazione. Per aggiornare un sito pubblicato: Apriamo il Web, dal menu File selezioniamo Pubblica Web. Inseriamo Nome e Password Specifichiamo l'url del server e verifichiamo che sia selezionata l'opzione Pubblica solo pagine modificate (questo ci farà risparmiare tempo e denaro). Click su Pubblica.