GUIDA ALL USO DI KOMPOZER INFORMAZIONI, CONSIGLI E TRUCCHI. Di Giovanni Oliviero

Dimensione: px
Iniziare la visualizzazioe della pagina:

Download "GUIDA ALL USO DI KOMPOZER INFORMAZIONI, CONSIGLI E TRUCCHI. Di Giovanni Oliviero"

Transcript

1 GUIDA ALL USO DI KOMPOZER INFORMAZIONI, CONSIGLI E TRUCCHI Di Giovanni Oliviero Edizione 2012

2 KompoZer è un editor WYSIWYG per file in formato HTML. Il programma, il cui sviluppo deriva dal defunto Nvu 1.0 del 2005, è un progetto open source di SourceForge portato avanti da una community di sviluppatori. È attivamente sviluppato e include le versioni localizzate nelle principali lingue tra cui l'italiano. Attualmente il codice è stato completamente riscritto rispetto a quello dell'antenato Nvu e tra le sue peculiarità vi sono un CSS editor, un Site manager, la possibilità di visualizzare e editare il codice HTML direttamente oltre alla composizione WYSIWYG. Il progetto KompoZer, che vede Fabien Cazenave come sviluppatore principale, ha subito uno stop temporaneo per impegni lavorativi del programmatore. Nel mese di giugno 2011, tramite il suo blog, egli ha fatto sapere di essere intenzionato a migliorare il lavoro fin qui svolto su KompoZer. KompoZer è un potente programma, facile da usare e gratuito, per realizzare pagine web in modo locale, per poi pubblicarle in un server remoto. Nella Guida avanzata all uso di KompoZer, oltre ad analizzare il programma nel suo aspetto completo, si vedranno le tecniche di impiego del programma di grafica Gimp per gestire immagini in un sito web e il programma di FTP FileZilla per il trasferimento dei file realizzati su un server remoto. La suite composta da KompoZer, Gimp e FileZilla costituisce un completo e potentissimo strumento per la progettazione, lo sviluppo, la realizzazione e la pubblicazione di una pagina web. Giovanni Oliviero Siti utili: Edizione originale liberamente riadattata da G. Oliviero ott.2012

3 SOMMARIO SOMMARIO... I 1. INTRODUZIONE A KOMPOZER DOVE E COME SCARICARE KOMPOZER Kompozer in ambiente windows Kompozer in ambiente mac Kompozer in ambiente linux PRIMI PASSI CON KOMPOZER Prima di iniziare Alcuni suggerimenti Alcune avvertenze Selezionare FORMATTARE UN TESTO Scegliere un carattere e colorare le parole Aumentare o diminuire l'altezza dei caratteri Grassetto, corsivo e sottolineato Allineare il testo Elenco numerato o puntato Inserire una linea orizzontale IMPOSTARE LA PAGINA WEB Come inserire una tabella Aprire una nuova pagina web Colorare lo sfondo della pagina Inserimento delle immagini Inserimento del testo alternativo Immagini e testo Inserire uno sfondo in una pagina LE TABELLE Inserire una tabella in una pagina web Togliere il bordo ad una tabelle Mettere uno sfondo colorato ad una tabella o ad una cella Aggiungere una riga alla tabella Aggiungere una colona Unire due celle Mettere uno sfondo colorato ad una o più celle Cancellare una tabella una riga o una colonna Fissaggio larghezza delle celle Tabella con colonne di dimensioni diverse I LINK Inserire l'indirizzo Scaricare un file dalla nostra pagina web Inserire un link per un sito esterno Collegamenti interni (ancore) Ancora inserita in un'altra pagina web USO AVANZATO DELLE TABELLE Inserire lo sfondo in una tabella Inserire uno sfondo in una cella di una tabella Guida all uso di Kompozer Pag. - I -

4 Sommario 8.3. Colorare i bordi tabelle e celle Colorare i bordi di una cella ELEMENTI MULTIMEDIALI Eseguire un file.mp3 in una pagina web Motivo musicale continuato Inserire un filmato nel sito Inserire un filmato di YouTube nel sito RISORSE IN RETE PUBBLICARE UN SITO IN RETE UN SEMPLICE MENU' CON I CSS CONCETTI AVANZATI Codice sorgente Primo esempio pratico Secondo esempio pratico Togliere la sottolineatura ai link GLOSSARIO COMANDI HTML Indice delle figure. Figura 1 - Semplice pagina web... 1 Figura 2 - Abilitazione alla visualizzazione dell'estensione di file Figura 3 - Finestra dei suggerimenti iniziale... 4 Figura 4 - Finestra Gestione siti... 4 Figura 5 - Barra degli Strumenti di formattazione... 4 Figura 6 - Modifica di un carattere... 4 Figura 7 - Tabella per l'inserimento di una pagina web... 5 Figura 8 - Creazione di una tabella... 5 Figura 9 - Inserimento di una tabella in una pagina web Figura 10 - Apertura di un nuovo documento Figura 11 Scelta del colore di sfondo Figura 12 - Finestra Proprietà immagine... 7 Figura 13 - Finestra Proprietà immagine... 7 Figura 14 Posizione del testo rispetto ad una immagine Figura 15- Finestra Proprietà immagine Figura 16 - Posizione centrale del testo con una immagine Figura 17 - Inserimento di uno sfondo in una pagina web Figura 18 - Inserimento di una tabella in una pagina web Figura 19 - Gestione di una tabella in una pagina web... 8 Figura 20 - Modifica dello sfondo di una tabella o di una cella Figura 21 - Modifica dello sfondo di una o più celle Figura 22 - Modifica della larghezza di una cella con il testo Figura 23 - Dimensionamento della larghezza di una colonna Figura 24 - Tabella correttamente ridimensionata Figura 25 - Tabella con tre colonne Figura 26 - Tabella correttamente ridimensionata Figura 27 - Finestra Proprietà collegamento Figura 28 Collegamento ad un indirizzo Figura 29 - Finestra Proprietà collegamento Pag. - II - Guida all uso di KompoZer

5 Sommario Figura 30 - Finestra Proprietà collegamento Figura 31 - Inserzione di un link in una pagina web Figura 32 - Finestra Proprietà collegamento Figura 33 Logo Aiutamici Figura 34 Pagina web con un testo molto lungo Figura 35 Fine di una pagina web molto lunga Figura 36 Finestra Proprietà ancora Figura 37 Inserimento dell ancora qui Figura 38 Fine di una pagina web molto lunga Figura 39 Collegamento alla pg2.html Figura 40 Inserimento di una tabella in una pagina web Figura 41 Barra di stato di KompoZer Figura 42 Finestra Stili in linea, scheda Sfondo Figura 43 Opzioni per lo sfondo di una tabella Figura 44 Pag1.html, collegamento ad una diversa pagina web Figura 45 Pag2.html, collegamento alla pag1.html Figura 46 Finestra Stili in linea Figura 47 Tabella in una pagina web Figura 48 Barra di stato di KompoZer Figura 49 Opzioni per lo sfondo di una tabella Figura 50 Risultato finale Figura 51 Finestra Proprietà tabella Figura 52 Finestra Editor proprietà avanzate Figura 53 - Codice da copiare Figura 54 - Finestra iniziale di FireFTP Figura 55 - Finestra iniziale di FireFTP Figura 56 - Finestra Account Manager Figura 57 - Cartella del SITO miosito Figura 58 - Trasferimento dei file Figura 59 - Semplice menu colorato Figura 60 - Schede disponibili Figura 61 - Visualizza-zioni disponibili Figura 62 - Inserimento di un codice HTML Figura 63 Inserimento di codice HTML Indice delle tabelle. Tabella 1 - Alcune proprietà dei bordi Guida all uso di Kompozer Pag. - III -

6 Sommario Pag. - IV - Guida all uso di KompoZer

7 1. INTRODUZIONE A KOMPOZER KompoZer è un editor Web visuale del tipo WYSIWYG (WYSIWYG è l'acronimo di What You See Is What You Get, cioè "quello che vedi è quello che ottieni" o "ottieni quello che vedi"), che permette, in teoria, anche a chi non è esperto del codice HTML di realizzare pagine web. La conoscenza di alcuni fondamenti di HTML e dei fogli di stile CSS costituirebbe in realtà una condizione quasi necessaria per realizzare pagine web che non siano semplicissime, modificando opportunamente il codice sorgente oppure aggiungere il necessario codice. KompoZer, come tutti gli editor web visuali, è in realtà un programma che traduce ciò che mettiamo in una pagina web nel relativo codice HTML, che un browser (Explorer, Firefox, Chrome, Opera, ecc., ecc.) sono in grado di interpretare e decodificare. Una semplice pagina web, come quella della figura 1, è in realtà il risultato di un codice sorgente quello di seguito riportato. Figura 1 - Semplice pagina web Codice sorgente di una semplice pagina web come quella mostrata in figura 1: <html> <head> <meta content="text/html; charset=iso88591" httpequiv="contenttype"> <title>esempio</title> </head> <body style="background-image: url(_immagini/sfondo_rosa.jpg);"> <div style=""><big><big><big><span style=""><br> </span></big></big></big> <div style="text-align: center;"><big><big><big><span style=""><span style="color: red;">la MIA PRIMA PAGINA WEB</span></span></big></big></big><br> <big><big><big><span style=""></span></big></big></big></div> <big><big><big><span style=""><br> <br> </span></big></big></big> <div style="text-align: center;"><big><big><big><span style=""><img style="width: 160px; height: 161px;" alt="" src="_immagini/linux.jpg"></span></big></big></big><br> <big><big><big><span style=""></span></big></big></big></div> <big><big><big><span style=""><a href="pagina1.html"><br> </a></span></big></big></big> <div style="text-align: center;"><big><big><big><span style=""><small><small><a href="pagina1.html">pagina Guida all uso di Kompozer Pag

8 1</a> <a href="pagina2.html">pagina 2</a> <a href="pagina3.html">pagina 3</a></small></small></span></big></big></big><br> <big><big><big><span style=""></span></big></big></big></div> </div> </body> </html> Non sempre però KompoZer svolge il proprio dovere alla perfezione; spesso (a patto che si conosca un po' di HTML) è sufficiente una piccola correzione al codice e tutto torna a posto. Non è però il caso di spaventarsi; la maggior parte delle volte KompoZer svolge il proprio compito proprio benino (per i più esperti: non azzardatevi però a metterci dei <div> ). Usare KompoZer è abbastanza intuitivo: il programma, infatti, assomiglia, come utilizzo, ad un elaboratore di testi (Word, Writer, Abiword ); se sapete formattare un testo ed inserire delle immagini troverete che anche con KompoZer le operazioni da svolgere sono molto simili. 2. DOVE E COME SCARICARE KOMPOZER Per scaricare KompoZer è possibile collegarsi al sito php, oppure si può utilizzare il sito di Aiutamici ID= KompoZer è disponibile per Windows, per Mac e per Linux, di seguito sono riportati i tre esempi Kompozer in ambiente windows Se scaricate KompoZer dal sito di Aiutamici, lo troverete in versione USB (portatile). Mettete il file in una cartella e unzippatolo. Una volta ottenuti i files originali, basta fare doppio clic sul file KompoZer.exe per aprire il programma. Il file.zip può essere eliminarlo. Se invece fate il download dal sito di KompoZer consiglio di scaricare il file zip Kompozer 08.b3.it.win32.zip, per avere la versione che non richiede installazione. Come al solito mettete il file scaricato in una cartella e unzippatelo. Al termine dell'operazione è possibile eliminare il file zippato. Aprite le cartelle e fate doppio clic sul file KompoZer.exe per aprire il programma. Se scegliete questa versione di KompoZer potete anche metterla in una penna USB. Se invece scegliete la versione kompozer08.b3.it.win32.exe è necessario installare il programma sul proprio computer e lo troverete nel menù dei programmi Kompozer in ambiente mac In ambiente MAC scaricare il file KompoZer-0.8b3.it.mac-universal.dmg e metterlo in una cartella. Per l installazione seguire le note procedure tramite le istruzioni a video Kompozer in ambiente linux Scaricare il file di KompoZer0.8b.tar.gz dal sito KompoZer e mettetelo in una cartella facil-mente raggiungibile, ad esempio in Home oppure MiaCartella. Fare clic destro sulla cartella e cliccare su Estrai qui. Si creerà una cartella di nome KompoZer e il file.tar.gz può essere cancellato. Fare doppio clic sulla cartella KompoZer (per aprirla) e poi fare doppio clic sul file KompoZer per lanciare il programma. 3. PRIMI PASSI CON KOMPOZER Tutto il sito va sempre messo in una cartella, chiamata ad esempio, miosito. E' consigliabile inserire nella cartella miosito una sottocartella, chiamata immagini, in cui verranno inseriti disegni, foto, banner ed altri elementi grafici. Nella cartella miosito vanno messi anche i file musicali o quelli relativi ai video. E quindi opportuno creare una serie di cartelle, all interno della cartella miosito, per inserire i file musicali, video, documenti, programmi, utility, ecc., ecc. Queste cartelle possono essere: Audio, Video, Documenti, Foto, Immagini, Programmi, Utility. La cartella miosito non va Pag Guida all uso di KompoZer

9 messa sul desktop, questo lo fanno solo gli sprovveduti ed i pasticcioni e voi non lo siete! mettete la cartella in Documenti. Tutte le cartelle, file e relative estensioni si scrivono, di norma, con i caratteri minuscoli. Non lasciare mai spazi nei nomi dei file né mettete caratteri speciali (accenti, simboli vari, caratteri di controllo, ecc. Esempi corretti sono: panoramafirenze.jpg ; cartellasuoni ; pagina1.html ; banner.gif, novita.html. Esempi scorretti sono: panorama di Firenze.jpg ; Cartella suoni ; Pagina 1.HTML; Banner.Gif, novità.html. La pagina principale del vostro sito, la home page, deve essere salvata sempre come index.html. Non usate mai per lo sfondo un'unica immagine gigantesca : la vostra bellissima foto dalle dimensioni di 1600X1200 pixel è certamente troppo ingombrante e lenta da scaricare! Per gli sfondi vanno benissimo invece piccole immagini (.jpg o.gif) che verranno automaticamente ripetute dal browser. Fare sempre molta attenzione anche alle dimensioni delle altre immagini se sono troppo grandi, per non appesantire il browser, è meglio ridimensionarle con Gimp o con un programma di grafica conosciuto, oppure con uno dei programmi che potete trovate in Aiutamici: Fino a poco tempo fa si consigliava di realizzare pagine web, complete di tutti gli elementi grafici, che non superassero il peso complessivo di Kb!! Al giorno d'oggi c'è l' ADSL ma ricordiamo sempre che non tutti gli utenti del vostro sito hanno un collegamento Internet veloce. Vale quindi sempre la regola dei dieci secondi come tempo massimo che deve metterci la vostra pagina web per aprirsi, pena l'abbandono del sito da parte dell'utente. Un sito web deve offrire soprattutto informazioni. Spesso animazioni varie, artifici sonori e abbondanza di grafici nascondono solo povertà di informazione reale. Usate i file musicali.mp3 solo quando sono necessari, infatti, questi file rendono la pagina web lentissima da scaricare. Chi visita il vostro sito si aspetta tre cose fondamentali: 1. informazioni aggiornate 2. una navigazione che non dia problemi (quanti siti violano questa regola!!) 3. uno scaricamento veloce delle pagine web. Certamente una veste grafica gradevole non guasta; l'esperienza però insegna che spesso i siti più ricchi di informazione sono quelli graficamente più semplici (spesso semplice è sinonimo di eleganza) Prima di iniziare Prima di cominciare a costruire qualsiasi sito è bene controllare se siano visibili le estensioni dei file. Sapere, ad esempio, che c'è un file index è avere una informazione incompleta, se non conosciamo l'estensione. Infatti il file potrebbe essere index.html o index.htm o, peggio, index.html.html, succede anche questo. E' meglio quindi fare in modo che Windows visualizza sempre l'estensione dei file, perciò: Figura 2 - Abilitazione alla visualizzazione dell'estensione di file. 1. Se avete XP andate in Pannello di controllo > Opzioni di cartella, se avete Windows Vista andate in Pannello di controllo > Aspetto e Personalizzazione >Opzioni di cartella. 2. Scegliete la scheda Visualizzazione. 3. Nel riquadro Impostazioni Avanzate trovate l opzione Nascondi le estensioni per i tipi di file conosciuti e deselezionatela. 4. Cliccate sul pulsante Applica e successivamente sul pulsante Ok. per abilitare la visualizzazione dell'estensione dei file, figura 2. Guida all uso di Kompozer Pag

10 3.2. Alcuni suggerimenti Quando si apre KompoZer si viene accolti dalla finestra dei suggerimenti che, a lungo andare, diventa veramente noiosa, figura 3. Nel caso volessimo disabilitarla, occorre togliere la spunta a Mostra suggerimenti all'avvio per evitare di visualizzarla al prossimo riavvio. Se si volessero rivedere i suggerimenti, basta cliccare nella barra dei menù il simbolo? e poi su Suggerimento del giorno. Anche la finestra Gestione siti spesso occupa inutilmente parte dell'area di lavoro. Per farla sparire basta cliccare sulla X in alto a destra, figura 4. Per far riapparire la finestra Gestione siti è sufficiente cliccare su Visualizza>Mostra/Nascondi>Gestione siti o premere il tasto F Alcune avvertenze Non appena viene creata una pagina web, E' NECESSA- RIO SALVARLA, anche se è vuota. Il motivo di questa stranezza è che se non si salva subito la pagina si avranno problemi quando si tenderà di inserire delle immagini. Per salvare una pagina appena creata fare clic su File>Salva con nome. Nella finestra Titolo documento inserire il nome del file (senza estensione), ad esempio Test e cliccare su OK. Si aprirà una nuova finestra; scegliere dove salvare il file e poi cliccare su Salva. Il file sarà salvato come Test.html (l'estensione sarà messa automaticamente). Figura 3 - Finestra dei suggerimenti iniziale 3.4. Selezionare In questo tutorial troverete in diverse occasioni dove si usa il termine selezionare. Che significa? Selezionare una o più parole (ad esempio CLICCA QUI) significa far clic a sinistra delle parole CLICCA QUI, tener premuto il tasto sinistro del mouse e spostarlo verso destra fino ad annerire tutte le lettere CLICCA QUI. Per chi sa usare un elaboratore di testi, non è certo una novità e l operazione risulterà di estrema semplicità. 4. FORMATTARE UN TESTO Formattare un testo significa scegliere un carattere, stabilirne la grandezza, centrare una o più parole o giustificarle, colorare una o più parole, scrivere una o più parole in grassetto, corsivo, sottolineate. I bottoni per fare queste variazioni si trovano nella barra degli Strumenti di formattazione, figura 5. Figura 4 - Finestra Gestione siti Figura 5 - Barra degli Strumenti di formattazione Figura 6 - Modifica di un carattere 4.1. Scegliere un carattere e colorare le parole. E' possibile modificare il tipo, il colore e la dimensione di un carattere, di una frase o di un paragrafo, intervenendo sui vari parametri. Per fare un esempio battere una o più parole su una pagina appena creata, selezionarle e cliccare sulle frecce a destra di Larghezza variabile figura 6 e nel menù che appare scegliere il tipo di carattere da utilizzare. E' necessario ricordare che il carattere che si è scelto deve essere presente anche nel computer di chi visualizzerà il sito. E' bene perciò scegliere dei caratteri molto comuni ad esempio Arial, Calibri o Verdana, per Windows e Arial o Nimbus Sans L per Linux. Per colorare le parole selezionarle, cliccare sul rettangolo nero e, nel menù che si apre, scegliere il colore con un clic. Per evidenziare le parole, selezionarle e poi cliccare sull'icona indicata dalla freccia rossa, figura 6. Nel menù aperto, scegliere il colore con un clic. Pag Guida all uso di KompoZer

11 4.2. Aumentare o diminuire l'altezza dei caratteri. Per aumentare o diminuire le dimensioni di un carattere, dopo aver selezionato la o le parole, per diminuire l'altezza dei caratteri cliccare sulla A più piccola; per diminuire l'altezza dei caratteri, oppure cliccare sulla A più grande per aumentare Grassetto, corsivo e sottolineato Per applicare il grassetto, il corsivo o il sottolineato ad un carattere, dopo aver selezionato la o le parole, cliccare sulla B per il grassetto, sulla I per il corsivo e sulla U per il sottolineato. Attenzione: evitare di usare, se non in casi specialissimi, il sottolineato, che è riservato alle parole collegate ai link Allineare il testo Il testo scritto può essere allineato in diversi modi. Per allineare l'intero testo, o anche una o più parole a sinistra, cliccare sul primo bottone da sinistra; per centrare l'intero testo, o anche una o più parole, cliccare sul secondo bottone; per allineare l'intero testo, o anche una o più parole, a destra, cliccare sul terzo bottone; per giustificare cliccare sul quarto bottone Elenco numerato o puntato Per avere un elenco numerato o un elenco puntato, fare clic sui pulsanti indicati nella figura sopra con le frecce, dopo aver selezionato il testo Inserire una linea orizzontale E' possibile inserire delle linee orizzontali in modo da separare un testo da un altro. Per inserire una linea cliccare su Inserisci>Separatore orizzontale. Per modificare il separatore mettere la punta della freccia del cursore sul separatore e fare clic destro e scegliere Proprietà separatore... Nella finestra Proprietà separatore orizzontale, cambiare i valori dei vari parametri. La larghezza può essere regolata in percentuale o in pixel (cliccare sulle frecce a destra di % della finestra). 5. IMPOSTARE LA PAGINA WEB Il sito web da noi realizzato viene visto benissimo sul nostro computer, ma talvolta succede che gli amici ci avvertono che il nostro sito sui loro computer viene invece visualizzato male, soprattutto le scritte appaiono dove non erano previste. Il problema è che non tutti i computer hanno la stessa risoluzione video. Tuttavia oggi la maggior parte degli utenti web ha uno schermo con una risoluzione di oltre 1000 pixel in orizzontale e 700 in verticale. Una tecnica per minimizzare i problemi derivanti dalla risoluzione degli schermi è quella di inserire le pagine web in una tabella formata da una sola riga e una sola colonna della larghezza di circa pixel. E possibile anche impostare la tabella con una larghezza del 90% della finestra, ma usando i pixel avremo la certezza che la pagina sarà simile a quella da noi realizzata, figura 7. Per comodità di visualizzazione sono stati mantenuti i bordi, che vanno invece eliminati sulla pagina web vera ; lo spazio di lavoro utile è compreso nell'area rettangolare della tabella. Figura 7 - Tabella per l'inserimento di una pagina web Figura 8 - Creazione di una tabella Guida all uso di Kompozer Pag

12 5.1. Come inserire una tabella Per inserire una tabella fare clic su Inserisci>Tabella oppure sul pulsante Tabella nella barra degli strumenti. Nella finestra Inserimento tabella cliccare sulla scheda Precisamente e nella casella Numero di righe mettere 1; nella casella Numero colonne mettere 1; in Larghezza tabella cliccare sulle frecce a destra di % e, nella finestra che appare, fare clic su Pixel, nella casella Larghezza tabella mettere 900 o 1000; infine mettere 1 nella casella Bordo e cliccare su OK, figura 8. La nostra tabella però non è centrata; per fare ciò, fare clic destro all'interno della tabella e della finestra di pop-up scegliere Proprietà cella della tabella... Nella finestra Proprietà tabella che appare, fare clic sulla scheda Tabella e in Allineamento tabella scegliere Centro. Infine fare clic su Applica e poi su Ok. Per allungare la tabella verso il basso, cliccare all'interno della tabella stessa e poi battere Invio (o Enter), finché non si raggiungono le dimensioni volute, figura Aprire una nuova pagina web Per creare una nuova pagina web fare clic su File>Nuovo o premere CTRL+N, aprirà la finestra di figura 10 dove è possibile scegliere il tipo di documento da creare, se aprirlo in una nuova scheda o in una nuova finestra Colorare lo sfondo della pagina Per colorare lo sfondo della pagina web fare clic su Formato>Sfondo e colore pagina. Nella finestra Sfondo e colore pagina che appare fare clic su Utilizza colori personalizzati e cliccare nella casella a destra di Sfondo, figura 11- a). Si aprirà la finestra Colore sfondo blocco della figura 11-b). Cliccare su uno dei colori o nel quadrato a sinistra per scegliere il colore desiderato. Infine cliccare su OK e poi ancora su OK per chiudere tutte le finestre. Figura 9 - Inserimento di una tabella in una pagina web Inserimento delle immagini Con KompoZer, per evitare problemi con l'inserimento delle immagini o dello sfondo, si deve procedere nel seguente modo: Si apre una nuova pagina e la si salva, con il nome che si desidera, ad esempio miapagina.html, anche Figura 10 - Apertura di un nuovo documento. se la pagina è ancora vuota. Per inserire un'immagine fare clic su Inserisci>Immagine, si aprirà la finestra Proprietà immagine, cliccare sul simbolo della cartelletta a fianco alla casella Indirizzo immagine e scegliere l'immagine da inserire dalla finestra che appare. Nell'esempio è stato scelto il file ot.gif. a) - Finestra Sfondo e colori pagina b) - Finestra Colore sfondo blocco Figura 11 Scelta del colore di sfondo. Pag Guida all uso di KompoZer

13 Poiché la pagina è già stata salvata, al momento di inserire l'immagine ci sarà automaticamente il segno di spunta accanto a "L'URL è relativo all'indirizzo della pagina" per cui l'immagine verrà inserita correttamente, figura 12. Spuntare anche l'opzione Non usare testo alternativo e cliccare su OK. L'immagine verrà inserita correttamente nella pagina, dove è possibile ridimensionarla e variare alcune caratteristiche, ma può anche essere centrata, spostata a sinistra o destra con i pulsanti di formattazione del testo precedentemente visti. Non fa male neanche fare clic su File>Salva per salvare le modifiche fatte. Per cancellare un'immagine, fare clic sull'immagine stessa e poi premere il tasto Canc o Del Inserimento del testo alternativo Talvolta è bene inserire anche un testo alternativo alle immagini. Se si ha, ad esempio, una foto panoramica di Firenze, panoramafirenze.jpg, si può inserire il testo alternativo nella relativa casella della finestra Proprietà immagine, figura 13. E bene anche inserire il testo nella casella Tooltip in modo che sia visualizzato nei fumetti quando si porta il cursore del mouse sulla figura. Figura 12 - Finestra Proprietà immagine 5.6. Immagini e testo Potrebbe darsi che si voglia inserire un testo a destra di un'immagine; in questo caso inserite l'immagine e scrivete il testo che volete. Il risultato è mostrato in figura 14. Se si vuole avere la scritta a metà altezza dell'immagine occorre fare clic destro sull'immagine e poi su Proprietà immagine. Nella finestra Proprietà immagine che si apre, cliccare sulla scheda Aspetto e poi, nella finestra a discesa Allineamento del testo rispetto all'immagine scegliere l'opzione al centro e poi su OK, figura 15. Il risultato finale è quello mostrato in figura Inserire uno sfondo in una pagina Il procedimento per inserire uno sfondo in una pagina web è sostanzialmente simile a quello per l'inserimento di un'immagine. Si apre la pagina con KompoZer e si salva con il nome che si desidera, anche se la pagina è ancora vuota. Cliccare poi su Formato>Sfondo e colori pagina per aprire la relativa finestra, figura 17-a). Fare clic sull'icona indicata dalla freccia e cercare il file dell'immagine da inserire come sfondo. Nell'esempio è utilizzato il file sfondo.gif posto nella cartella immagini. Fare clic sul file, su Apri e quindi su OK, per concludere l'operazione. Il risultato è quello della figura 17-b). Figura 13 - Finestra Proprietà immagine Figura 14 Posizione del testo rispetto ad una immagine. Figura 15- Finestra Proprietà immagine. 6. LE TABELLE Le tabelle, un tempo utilizzate solo per incolonnare dati, Figura 16 - Posizione centrale del testo con una immagine. sono diventate un mezzo per organizzare il layout, cioè l'aspetto, della pagina web. Attualmente è Guida all uso di Kompozer Pag

14 possibile realizzare siti web senza usare le tabelle ricorrendo ai fogli di stile (CSS), ma per chi volesse realizzare un semplice sito web le tabelle sono ancora un valido strumento. Utilizzando questa tecnica è infatti possibile inserire in modo preciso gli elementi, come testo e grafica, in una pagina web. In una tabella si possono infatti inserire altre tabelle, unire le celle, affiancare in modo preciso testi ed immagini. a)- Finestra Sfondo e colori pagina b) - Risultato finale Figura 17 - Inserimento di uno sfondo in una pagina web Inserire una tabella in una pagina web Immaginiamo di voler inserire una tabella, centrata rispetto alla pagina web, formata da 2 righe e 2 colonne, per ottenere 4 celle. La tabella avrà la larghezza di 600 pixel. Per inserire una tabella fare clic su Tabella>Inserisci>Tabella..., oppure su Inserisci>Tabella... Nella finestra Inserimento tabella che appare, fare clic sulla scheda Precisamente e nella casella Numero di righe inserire 2; nella casella Numero colonne mettere 2, in Larghezza tabella cliccare sulle frecce a destra di % e scegliere pixel dalla finestra a discesa che appare. Nella casella Larghezza tabella mettere 600, mettere 1 nella casella Bordo e infine, cliccare su OK per completare l'operazione, figura 18. In figura 19-a) è mostrata la tabella inserita in una pagina web. Una volta creata la tabella e possibile centrarla, facendo clic destro all'interno di una cella e scegliere Proprietà cella della tabella... nella finestra di popup che appare. Nella finestra Proprietà tabella cliccare sulla scheda Tabella e in Allineamento tabella cliccare sulla finestra a discesa e poi su Centro. Fare clic su Applica e poi su Ok per terminare l'operazione, figura 19-b). Una tabella può essere modificata in qualsiasi momento facendo clic destro all'interno di una cella e scegliendo una delle voci del menù della finestra di popup che appare. Figura 18 - Inserimento di una tabella in una pagina web. a) - Creazione di una tabella b) - Centraggio di una tabella Figura 19 - Gestione di una tabella in una pagina web Togliere il bordo ad una tabelle Fare clic destro all'interno di una cella della tabella e cliccare su Proprietà cella della tabella... Nella finestra Proprietà tabella cliccare sulla scheda Tabella e in Larghezza bordo mettere 0. Cliccare su Applica e poi su OK. I bordi della tabella saranno tratteggiati ed appaiono solo sull'area di lavoro Pag Guida all uso di KompoZer

15 ma non nella pagina web Mettere uno sfondo colorato ad una tabella o ad una cella Fare clic all'interno di una cella e cliccare su Colore di sfondo tabella o cella... Nella finestra che appare, figura 20, in Sfondo per: cliccare su Tabella o Cella/e e poi su uno dei colori predefiniti oppure sceglierne uno personalizzato nel quadrato a sinistra. Infine cliccare su OK per applicare le modifiche effettuate Aggiungere una riga alla tabella Fare clic destro all'interno di una cella, scorrere con il mouse fino a Inserimento tabella, cliccare su Riga sotto o Riga sopra, a seconda delle esigenze. Ripetendo l'operazione si possono aggiungere quante righe si vogliono Aggiungere una colona Fare clic destro all'interno di una cella, scorrere con il mouse fino a Inserimento tabella, cliccare su Colonna precedente o Colonna successiva, a seconda delle esigenze. Ripetendo l'operazione si possono aggiungere quante colonne si vogliono Unire due celle Fare clic destro all'interno di una cella e cliccare su Unisci con la cella di destra. In alternativa è possibile selezionare le celle che devono essere unite e fare clic destro nelle celle selezionate e poi sulla voce Unisci celle selezionate dalla finestra di popup che appare Mettere uno sfondo colorato ad una o più celle Il procedimento è analogo a quello visto nel paragrafo precedente; basta selezionare le celle interessate tenendo premuto il tasto ctrl, scegliere l'opzione Cella/e nella finestra Colore tabella o cella scegliere il colore e fare clic su OK, figura Cancellare una tabella una riga o una colonna Fare clic destro in una cella, andare su Eliminazione tabella e poi su Tabella, una riga o colonna Fissaggio larghezza delle celle Immaginiamo di avere una tabella formata da una riga e due colonne della larghezza di 600 pixel, cioè due celle di 300 pixel ciascuna e di dover scrivere qualcosa in una cella. Quando si inserisce il testo, la larghezza della cella varia comprimendo quella successiva, figura 22. Ciò succede Figura 20 - Modifica dello sfondo di una tabella o di una cella. Figura 21 - Modifica dello sfondo di una o più celle. Figura 22 - Modifica della larghezza di una cella con il testo. Figura 23 - Dimensionamento della larghezza di una colonna. Figura 24 - Tabella correttamente ridimensionata. Guida all uso di Kompozer Pag

16 perché non abbiamo precedentemente fissato la larghezza delle colonne. Quindi prima di inserire il testo e subito dopo aver inserito la tabella, fare clic destro nella cella di sinistra e cliccare su Proprietà cella della tabella... Selezionare la scheda Celle e nella sezione Selezione scegliere Colonna. Nel riquadro Dimensioni nel campo Larghezza inserire il valore 300 e scegliere pixel nella finestra a discesa a fianco, figura 23. Nella sezione Selezione cliccare su Successiva e mettere nuovamente il valore 300 pixel nel campo Larghezza; e così via se ci sono altre colonne. Cliccare su Applica e poi su OK. Ora il testo non farà cambiare la larghezza della cella in cui viene inserito, figura Tabella con colonne di dimensioni diverse Supponiamo di voler creare una tabella con tre colonne dalle dimensioni di 100, 300 e 200 pixel ciascuna. Impostando una tabella della larghezza di 600 pixel avremmo il risultato della figura 25. E' necessario quindi modificarla per ottenere una corretta tabella. A tale scopo, fare clic destro nella prima cella e poi su Proprietà cella della tabella... Selezionare la scheda Celle. e nella sezione Dimensioni inserire il valore 100 pixel nel campo Larghezza. Nella sezione Selezione cliccare su Successiva e mettere nel campo Larghezza il valore 300 pixel. Ripetere lo stesso procedimento inserendo il valore 200 pixel nel campo Larghezza. Cliccare su Applica e poi su OK per ottenere il risultato mostrato in figura I LINK Un link ad una pagina web si fa selezionando una o più parole, dette anche parole calde, o un'immagine. Se abbiamo una pagina web chiamata paginaquattro.html e vogliamo collegarla con un link ad un'altra pagina chiamata contatti.html, nella paginaquattro.html dovremo allora scrivere una o più parole, ad esempio PER CONTATTARCI e selezionarle, figura 31, cliccare su Inserisci>Collegamento oppure premer ctrl+l, per aprire la finestra Proprietà collega-mento, figura 27. Nella casella Collegamento a: inserire la pagina a cui collegarsi, cioè contatti.html e cliccare su OK. Nel caso si volesse usare un'immagine come link, cliccare sull'immagine stessa ed eseguire il procedimento sopra descritto. ATTENZIONE: Nell'area di lavoro non si vedranno le parole sottolineate, ma lo saranno quando si aprirà la pagina web con il browser. Se siete nell'area di lavoro di Kompo- Zer non tentate nemmeno di controllare se il link funziona, cliccandoci sopra, in quanto non funzionerà. Figura 25 - Tabella con tre colonne. Figura 26 - Tabella correttamente ridimensionata. Figura 27 - Finestra Proprietà collegamento. Figura 28 Collegamento ad un indirizzo e- mail. Figura 29 - Finestra Proprietà collegamento Inserire l'indirizzo In un sito c'è sempre un indirizzo per le eventuali comunicazioni. Come si fa a far aprire au- Pag Guida all uso di KompoZer

17 tomaticamente il client di posta? Nulla di difficile. Ad esempio, nel nostro sito ci può essere un riferimento simile a questo: figura 28. Selezionare allora l'indirizzo o l immagine a cui si vuole collegare l indirizzo , cliccare su Inserisci>Collegamento o premere Ctrl+L per far aprire la finestra Proprietà collegamento, figura 29. Nella casella Collegamento a: inserire mailto: seguito dal nostro indirizzo e fare clic su OK per terminare l operazione. ATTENZIONE: Non lasciare spazio tra mailto: e l'indirizzo che segue Scaricare un file dalla nostra pagina web In una pagina web non è opportuno inserire dei documenti che occupino molte schermate (es. un testo di legge). Di solito si inserisce tale documento nel nostro spazio web come collegamento da dove è possibile scaricare il relativo file. Ad esempio, potremmo avere un documento di nome tutorialkompozer.pdf che è possibile scaricare per poterlo leggerlo successivamente. Allo scopo, nella pagina web si può inserire una frase simile a questa: Per scaricare il documento cliccare qui., oppure: Per scaricare il documento fare clic su tutorialkompozer.pdf. In entrambi i casi selezionare le parole interessate e fare clic su Inserisci>Collegamento (o cliccare sull'icona del collegamento). Nella finestra che appare, inserire nella casella Collegamento a: il nome del file, figura 30, e cliccare su OK. Allo stesso modo si possono scaricare i file con le altre estensioni (es..doc ;.ppt;.exe;.odt ; ecc.) Figura 30 - Finestra Proprietà collegamento. Figura 31 - Inserzione di un link in una pagina web. Figura 32 - Finestra Proprietà collegamento Inserire un link per un sito esterno A volte è necessario inserire un link in modo che dalla nostra pagina web si raggiunga un sito esterno. Ad esempio, possiamo pensare di mettere nella nostra pagina web un link che porti ad alla pagina di Aiutamici. Inserire allora le Figura 33 Logo Aiutamici. parole per il link, AIUTAMICI TI AIUTA, selezionarle e poi cliccare su Inserisci>Collegamento per far aprire la ben nota finestra; nella casella Collegamento a: inserire il link del sito al quale collegarsi e poi cliccare su OK, figura 32. Volendo, si poteva usare anche il logo di Aiutamici, inserendolo nella nostra pagina web e collegandolo al sito di Aiutamici come sopra descritto, figura Collegamenti interni (ancore) Talvolta è necessario fare un collegamento all'interno della stessa pagina web. Un esempio tipico è quello di una pagina web molto più lunga di una schermata. Infatti, arrivati alla fine della pagina bisognerebbe usare la barra di spostamento verticale per riportarsi all inizio della pagina. In figura 34 è mostrata una pagina web molto lunga che, una volta letta, se si vuole ritornare all inizio occorre scorrere indietro tutto il testo. Per fortuna è possibile creare dei collegamenti interni alla pagina in modo tale da spostarsi Guida all uso di Kompozer Pag

18 all inizio, o in qualsiasi altro punto del testo. Per fare ciò occorre tornare all inizio del testo e fare clic alla destra della prima parola e poi cliccare su Inserisci>Ancora. Figura 34 Pagina web con un testo molto lungo. Figura 35 Fine di una pagina web molto lunga. Si aprirà la finestra Proprietà ancora, figura 36. Nella casella Nome ancora: inserire il marcatore su e cliccare su OK. A destra della prima parola apparirà il simbolo di un'ancora nera in campo giallo per indicare la presenza di un marcatore. Si vada ora alla fine della pagina e selezionare le parole TORNA SU, cliccare su Inserisci>Collegamento o premere Ctrl+L. Si aprirà la finestra Proprietà collegamento e nella casella Collegamento a: inserire #su scegliendolo dalla finestra a discesa, premere infine OK, figura 37. Il collegamento interno (àncora) è stato fatto. Cliccando su TORNA SU, all interno della pagina web, si arriverà proprio all'inizio della pagina. Figura 38 Fine di una pagina web molto lunga. Figura 36 Finestra Proprietà ancora. Figura 37 Inserimento dell ancora qui. Figura 39 Collegamento alla pg2.html Ancora inserita in un'altra pagina web Talvolta è necessario inserire un'ancora non nella stessa pagina web ma in un'altra pagina. Per esempio, se abbiamo una pagina web chiamata pag1.html e vogliamo accedere ad un altra pagina, chiamata pag2.html, allora dobbiamo inserire nella pagina un collegamento con una scritta del tipo Pag Guida all uso di KompoZer

19 VAI ALLA PAGINA, figura 42. Allo scopo, selezionare la scritta VAI ALLA PAGINA e cliccare su Inserisci>Collegamento o premere Ctrl+L, per aprire la finestra Proprietà collegamento e nella casella Collegamento a : inserire pag2.html#qui, figura 38, e poi OK. Salvare il file pag1.html. Figura 40 Inserimento di una tabella in una pagina web. Figura 44 Pag1.html, collegamento ad una diversa pagina web. Nella pagina web chiamata pag2.html bisogna inserire il marcatore ancora #qui che ci permette di individuare la pagina con il collegamento precedente. Allo scopo cliccare a destra della scritta QUI nella pagina pag2.html, figura 43, fare clic su Inserisci>Ancora, per aprire la finestra Proprietà ancora, figura 39 e nella casella Nome ancora: inserire qui, cliccare su OK e salvare il file. Figura 41 Barra di stato di KompoZer. Figura 42 Finestra Stili in linea, scheda Sfondo. Figura 45 Pag2.html, collegamento alla pag1.html. Quando si apre la pagina web pag1.html e si cliccherà sul link VAI ALLA PAGINA, si aprirà la pagina pag2.html. 8. USO AVANZATO DELLE TABELLE Con le tabelle è possibile ottenere una pagina web molto raffinata, i cui risultati migliori si ottengono utilizzando le caratteristiche avanzate dell uso delle tabelle. I comandi per svolgere queste attività non sono disponibili nella barra del menu, ma come vedremo di seguito, esistono molti altri comandi che è possibile raggiungere con estrema facilita. Figura 43 Opzioni per lo sfondo di una tabella Inserire lo sfondo in una tabella Come inserire una immagine, chiamata ad esempio sfondo1.gif, contenuta nella cartella foto, in una tabella? Prima di tutto si inserisce la tabella, come mostrato in figura 40. Per continuare fare clic all'interno di una cella e nella barra di stato in basso, fare clic destro su <table>, figura 41. Nel menù che appare cliccare su Stili in linea, e nella finestra che appare cliccare sulla scheda Sfondo, figura 44. In questa scheda cliccare su Seleziona file e cercare il file sfondo1.gif nella relativa cartella e fare clic su Apri. Guida all uso di Kompozer Pag

20 Nella scheda Sfondo appariranno i collegamenti appena selezionati. Sempre in questa scheda è possibile assegnare un colore di sfondo alla tabella, scegliendolo premendo il pulsante a fianco del campo Colore:, regolare l opacità e la trasparenza agendo sul cursore appena sotto il campo colore, affiancare/non affiancare orizzontalmente o verticalmente l imma-gine, scegliere se l immagine deve scorrere con la pagina, spuntando la relativa casella, posizionare l immagine a sinistra, centro o destra, oppure in alto, in centro o in basso secondo i propri gusti. Una volta effettuate tutte le scelte, fare clic su OK per terminare l operazione. ATTENZIONE: se per qualche strano motivo KompoZer fa un collegamento errato, è necessario cancellare tutto ciò che non sia foto/sfondo1.gif, nell'esempio di figura 45 tutto ciò che è evidenziato Inserire uno sfondo in una cella di una tabella Talvolta può essere necessario inserire uno sfondo in una cella di una tabella. Immaginiamo di avere un file sfondotabella.gif, contenuto nella cartella immagini, e una tabella formata da una riga e due colonne, figura 47. Vogliamo inserire uno sfondo nella cella di sinistra. Per iniziare inserire la tabella con le procedure viste, fare clic nella cella di sinistra e nella barra di stato in basso e fare clic destro su <td>, figura 48. Scegliere Stili in linea dalla finestra di popup che appare per aprire la relativa finestra, figura 46. Cliccare sulla scheda Sfondo e poi su Seleziona file, cercare la cartella immagini e cliccare sul file sfondocella.gif. Fare clic su Apri, scegliere le opportune opzioni per la sistemazione dell immagine nella parte inferiore della finestra e cliccare su OK, figura 49. In figura 50 è mostrato il risultato delle nostre operazioni. Figura 46 Finestra Stili in linea. Figura 47 Tabella in una pagina web. Figura 48 Barra di stato di KompoZer. Figura 49 Opzioni per lo sfondo di una tabella. Figura 50 Risultato finale Colorare i bordi tabelle e celle Per colorare i bordi di una tabella fare clic destro all'interno della tabella, scegliere Proprietà cella della tabella e poi selezionare la scheda Tabella, figura 51. Cliccare su Proprietà avanzate e scegliere la scheda Stile in linea. Nel campo Proprietà: inserire la parola border e nel campo Valore: inserire la scritta solid 2px #ff0000, infine cliccare su OK, figura 52. Continuare le impostazioni nella finestra Proprietà tabella controllando nel campo Allineamento tabella il giusto posizionamento della tabella e cioè se la tabella deve essere a sinistra, al centro o a destra, infine fare clic su Applica e poi su OK per terminare le operazioni. Nella tabella 1 seguente sono riportate alcune proprietà e il relativo significato che è possibile applicare nella finestra Editor proprietà avanzate, figura Colorare i bordi di una cella Per colorare i bordi di una cella, fare clic destro all'interno della cella interessata e scegliere Pro- Pag Guida all uso di KompoZer

KOMPOZER CONSIGLI E TRUCCHI

KOMPOZER CONSIGLI E TRUCCHI KOMPOZER CONSIGLI E TRUCCHI Parte prima KompoZer KompoZer è un Web editor visuale, in gergo WYSIWYG (WYSIWYG è l'acronimo che sta per l'inglese What You See Is What You Get, cioè "quello che vedi è quello

Dettagli

WWW.ICTIME.ORG. NVU Manuale d uso. Cimini Simonelli Testa

WWW.ICTIME.ORG. NVU Manuale d uso. Cimini Simonelli Testa WWW.ICTIME.ORG NVU Manuale d uso Cimini Simonelli Testa Cecilia Cimini Angelo Simonelli Francesco Testa NVU Manuale d uso EDIZIONE Gennaio 2008 Questo manuale utilizza la Creative Commons License www.ictime.org

Dettagli

Esercitazione n. 10: HTML e primo sito web

Esercitazione n. 10: HTML e primo sito web + Strumenti digitali per la comunicazione A.A 0/4 Esercitazione n. 0: HTML e primo sito web Scopo: Creare un semplice sito web con Kompozer. Il sito web è composto da una home page, e da altre due pagine

Dettagli

CONSIGLI E TRUCCHI. Parte terza

CONSIGLI E TRUCCHI. Parte terza CONSIGLI E TRUCCHI Parte terza ANCORA INSERITA IN UN' ALTRA PAGINA WEB Talvolta è necessario inserire un' ancora non nella stessa pagina web ma in un'altra pagina. Per esempio, se abbiamo una pagina web

Dettagli

Dipartimento di Storia, Società e Studi sull Uomo Università del Salento Ing. Maria Grazia Celentano Mariagrazia.celentano@gmail.

Dipartimento di Storia, Società e Studi sull Uomo Università del Salento Ing. Maria Grazia Celentano Mariagrazia.celentano@gmail. Dipartimento di Storia, Società e Studi sull Uomo Università del Salento Ing. Maria Grazia Celentano Mariagrazia.celentano@gmail.com Indice: La finestra di Word Barra del titolo Barra dei menu Barra degli

Dettagli

KOMPOZER CONSIGLI E TRUCCHI

KOMPOZER CONSIGLI E TRUCCHI KOMPOZER CONSIGLI E TRUCCHI Parte seconda INSERIRE L'INDIRIZZO E MAIL In un sito c'è sempre un un indirizzo e mail per le eventuali comunicazioni. Come si fa a far aprire automaticamente il client di posta?

Dettagli

Modulo 1: Fondamenti per scrivere una pagina web

Modulo 1: Fondamenti per scrivere una pagina web Modulo 1: Fondamenti per scrivere una pagina web Indice del modulo Introduzione al linguaggio di marcatura Contenuto, struttura, presentazione Elementi e attributi Proviamo a scrivere una pagina HTML Aggiungere

Dettagli

USARE WORD. - non solo per scrivere - Un corso per chi vuole imparare ad usare Word senza fare fatica

USARE WORD. - non solo per scrivere - Un corso per chi vuole imparare ad usare Word senza fare fatica Pagina 1 di 32 USARE WORD - non solo per scrivere - Un corso per chi vuole imparare ad usare Word senza fare fatica Indice: - La finestra di Word pag. 2 - Barra del titolo pag. 3 - Barra dei menu pag.

Dettagli

USARE WORD - non solo per scrivere -

USARE WORD - non solo per scrivere - GUIDA WORD USARE WORD - non solo per scrivere - corso Word Un corso per chi vuole imparare ad usare Word senza fare fatica Indice: - La finestra di Word pag. 2 - Barra del titolo pag. 3 - Barra dei menu

Dettagli

Il browser Microsoft Edge

Il browser Microsoft Edge Il browser Microsoft Edge Il nuovo browser della Microsoft, rilasciato con la versione Windows 10, è Microsoft Edge. Esso sembra offrire nuovi modi per trovare contenuti, leggere e scrivere sul Web. Per

Dettagli

UTILIZZO DI WORD PROCESSOR

UTILIZZO DI WORD PROCESSOR UTILIZZO DI WORD PROCESSOR (ELABORAZIONE TESTI) Laboratorio Informatico di base A.A. 2013/2014 Dipartimento di Scienze Aziendali e Giuridiche Università della Calabria Dott. Pierluigi Muoio (pierluigi.muoio@unical.it)

Dettagli

Introduzione a Emptypage. Usare il tutorial

Introduzione a Emptypage. Usare il tutorial Introduzione a Emptypage Emptypage è un software che permette l autocomposizione di siti internet modificabili nella struttura e nei contenuti (aggiornabili) da parte dell utente anche inesperto. Il software

Dettagli

www.informarsi.net MODULO 6 ECDL - EIPASS STRUMENTI DI PRESENTAZIONE - PRESENTATIONS Microsoft PowerPoint http://www.informarsi.net/ecdl/powerpoint/

www.informarsi.net MODULO 6 ECDL - EIPASS STRUMENTI DI PRESENTAZIONE - PRESENTATIONS Microsoft PowerPoint http://www.informarsi.net/ecdl/powerpoint/ MODULO 6 ECDL - EIPASS STRUMENTI DI PRESENTAZIONE - PRESENTATIONS Microsoft PowerPoint http:///ecdl/powerpoint/ INTERFACCIA UTENTE TIPICA DI UN SOFTWARE DI PRESENTAZIONE APERTURA E SALVATAGGIO DI UNA PRESENTAZIONE

Dettagli

Modulo 6 Strumenti di presentazione - Open Office Impress Ivana Sacchi - 2003

Modulo 6 Strumenti di presentazione - Open Office Impress Ivana Sacchi - 2003 6.1.1 Primi passi con gli strumenti di presentazione 6.1.1.1 Aprire un programma di presentazione. 1. Premi il pulsante Start sulla Barra delle funzioni di Windows. 2. Seleziona il menu Programmi. 3. Cerca

Dettagli

APPUNTI WORD PER WINDOWS

APPUNTI WORD PER WINDOWS COBASLID Accedemia Ligustica di Belle Arti Laboratorio d informatica a.a 2005/06 prof Spaccini Gianfranco APPUNTI WORD PER WINDOWS 1. COSA È 2. NOZIONI DI BASE 2.1 COME AVVIARE WORD 2.2 LA FINESTRA DI

Dettagli

PILLOLE IPERTESTUALI Dove depositare i file Come creare i file Come salvare i file senza senza in caratteri minuscoli nome destinazione

PILLOLE IPERTESTUALI Dove depositare i file Come creare i file Come salvare i file senza senza in caratteri minuscoli nome destinazione PILLOLE IPERTESTUALI Dove depositare i file Creare una cartella di lavoro dove saranno inseriti i file che costituiranno l'ipertesto. Eventuali sottocartelle possono essere create all'interno della cartella

Dettagli

Inserire audio in una presentazione Power Point e in un sito web

Inserire audio in una presentazione Power Point e in un sito web Inserire audio in una presentazione Power Point e in un sito web A cura di Aldo Torrebruno (altorre@como.polimi.it) In una presentazione realizzata con Microsoft Power Point 1 (d ora in avanti PP) è possibile

Dettagli

Microsoft Word 2007. La BARRA DI ACCESSO RAPIDO, che contiene alcuni comandi sempre visibili e può essere personalizzata.

Microsoft Word 2007. La BARRA DI ACCESSO RAPIDO, che contiene alcuni comandi sempre visibili e può essere personalizzata. Microsoft Word 2007 Microsoft Office Word è il programma di elaborazione testi di Microsoft all interno del pacchetto Office. Oggi Word ha un enorme diffusione, tanto da diventare l editor di testi più

Dettagli

Introduzione. Le pagine web sono scritte in HTML un semplice linguaggio di scrittura. HTML è la forma abbreviata di HyperText Markup Language

Introduzione. Le pagine web sono scritte in HTML un semplice linguaggio di scrittura. HTML è la forma abbreviata di HyperText Markup Language HTML 05/04/2012 1 Introduzione Le pagine web sono scritte in HTML un semplice linguaggio di scrittura. HTML è la forma abbreviata di HyperText Markup Language L'ipertesto è semplicemente un testo che funziona

Dettagli

POWERPOINT è un programma del pacchetto Office con il quale si possono facilmente creare delle presentazioni efficaci ed accattivanti.

POWERPOINT è un programma del pacchetto Office con il quale si possono facilmente creare delle presentazioni efficaci ed accattivanti. 1 POWERPOINT è un programma del pacchetto Office con il quale si possono facilmente creare delle presentazioni efficaci ed accattivanti. Le presentazioni sono composte da varie pagine chiamate diapositive

Dettagli

Manuale d uso Editor WYSIWYG

Manuale d uso Editor WYSIWYG Manuale d uso Editor WYSIWYG 1 1. L EDITOR FCKEDITOR L editor utilizzato nel sistema di content managment system è fckeditor. Questo strumento permette di creare e modificare la pagina in maniera visuale

Dettagli

EDITOR per la modifica delle pagine

EDITOR per la modifica delle pagine Pagina 1 EDITOR per la modifica delle pagine Sommario EDITOR per la modifica delle pagine...1 Apertura...2 L'EDITOR...3 Procedure...6 Inserire collegamenti...6 Inserire un'ancora...6 Inserire un collegamento...6

Dettagli

Creare e formattare i documenti

Creare e formattare i documenti Università di L Aquila Facoltà di Biotecnologie Esame di INFORMATICA Elaborazione di testi Creare e formattare i documenti 1 IL WORD PROCESSOR I programmi per l elaborazione di testi ( detti anche di videoscrittura

Dettagli

1 lezione - 3 Modulo Impress 2.0 - Classi Prime ITC Tosi Prof. M. Simone Anno Scolastico 2006 / 2007

1 lezione - 3 Modulo Impress 2.0 - Classi Prime ITC Tosi Prof. M. Simone Anno Scolastico 2006 / 2007 1 lezione - 3 Modulo Impress 2.0 - Classi Prime ITC Tosi Prof. M. Simone Anno Scolastico 2006 / 2007 CORSO DI IMPRESS 2.0-1 Lezione: ambiente di lavoro, principali opzioni del menù visualizza Alcune definizioni

Dettagli

STRUMENTI DI PRESENTAZIONE POWERPOINT 2003

STRUMENTI DI PRESENTAZIONE POWERPOINT 2003 STRUMENTI DI PRESENTAZIONE POWERPOINT 2003 INDICE 1 Strumenti di Presentazione... 4 2 Concetti generali di PowerPoint... 5 2.1 APRIRE POWERPOINT... 5 2.2 SELEZIONE DEL LAYOUT... 6 2.3 SALVARE LA PRESENTAZIONE...

Dettagli

Corso di Informatica di Base

Corso di Informatica di Base Corso di Informatica di Base LEZIONE N 3 Cortina d Ampezzo, 4 dicembre 2008 ELABORAZIONE TESTI Grazie all impiego di programmi per l elaborazione dei testi, oggi è possibile creare documenti dall aspetto

Dettagli

FONDAMENTI DI INFORMATICA. 3 Elaborazione testi

FONDAMENTI DI INFORMATICA. 3 Elaborazione testi FONDAMENTI DI INFORMATICA 3 Elaborazione testi Microsoft office word Concetti generali Operazioni principali Formattazione Oggetti Stampa unione Preparazione della stampa Schermata iniziale di Word Come

Dettagli

Uso di un browser (con riferimento a Microsoft Internet Explorer 6.0)

Uso di un browser (con riferimento a Microsoft Internet Explorer 6.0) Uso di un browser (con riferimento a Microsoft Internet Explorer 6.0) Nota Bene: Si raccomanda di leggere queste dispense di fronte al computer, provando passo dopo passo le funzionalità descritte. Per

Dettagli

Siti web e Dreamweaver. La schermata iniziale

Siti web e Dreamweaver. La schermata iniziale Siti web e Dreamweaver Dreamweaver è la soluzione ideale per progettare, sviluppare e gestire siti web professionali e applicazioni efficaci e conformi agli standard e offre tutti gli strumenti di progettazione

Dettagli

Slide Show - Pagina 1. Slide Show e Gallerie immagini

Slide Show - Pagina 1. Slide Show e Gallerie immagini Slide Show - Pagina 1 Slide Show e Gallerie immagini XFACILE / XTOTEM Pagina 2 Slide Show e Gallerie Immagini Premessa Gli Slide Show sono una raccolta di programmi open source reperiti sul WEB per la

Dettagli

[Tutoriale] Realizzare un cruciverba con Excel

[Tutoriale] Realizzare un cruciverba con Excel [Tutoriale] Realizzare un cruciverba con Excel Aperta in Excel una nuova cartella (un nuovo file), salviamo con nome in una precisa nostra cartella. Cominciamo con la Formattazione del foglio di lavoro.

Dettagli

NUOVO PORTALE ANCE. MANUALE per la GESTIONE della HOME PAGE VAI ALL INDICE DEI CONTENUTI

NUOVO PORTALE ANCE. MANUALE per la GESTIONE della HOME PAGE VAI ALL INDICE DEI CONTENUTI NUOVO PORTALE ANCE MANUALE per la GESTIONE della HOME PAGE VAI ALL INDICE DEI CONTENUTI DEI CONTENUTI ACCESSO AL MENU PRINCIPALE PAG. 3 CREAZIONE DI UNA NUOVA HOME PAGE 4 SELEZIONE TIPO HOME PAGE 5 DATA

Dettagli

Uso di un browser (con riferimento a Microsoft Internet Explorer 7.0)

Uso di un browser (con riferimento a Microsoft Internet Explorer 7.0) Uso di un browser (con riferimento a Microsoft Internet Explorer 7.0) Nota Bene: Si raccomanda di leggere queste dispense di fronte al computer, provando passo dopo passo le funzionalità descritte. Per

Dettagli

Inserimento di suoni, immagini e filmati

Inserimento di suoni, immagini e filmati Inserimento di suoni, immagini e filmati Argomenti trattati: - Inserimento di suoni Come gestire l'inserimento di brani musicali in un ipertesto. - Inserimento di immagini: Come inserire immagini gestibili

Dettagli

Una volta installato avviamo il programma KompoZer, quindi clicchiamo su questo pulsante per nascondere la funzione Gestione siti

Una volta installato avviamo il programma KompoZer, quindi clicchiamo su questo pulsante per nascondere la funzione Gestione siti Prima di tutto installiamo il programma KompoZer Una volta installato avviamo il programma KompoZer, quindi clicchiamo su questo pulsante per nascondere la funzione Gestione siti il programma appena aperto

Dettagli

Foglio elettronico. OpenOffice.org Calc 1.1.3

Foglio elettronico. OpenOffice.org Calc 1.1.3 Foglio elettronico OpenOffice.org Calc 1.1.3 PRIMI PASSI CON IL FOGLIO ELETTRONICO Aprire il programma Menu Avvio applicazioni Office OpenOffice.org Calc. Chiudere il programma Menu File Esci. Pulsanti

Dettagli

VADEMECUM SITO INTERNET POGGIO TORRIANA

VADEMECUM SITO INTERNET POGGIO TORRIANA VADEMECUM SITO INTERNET POGGIO TORRIANA INDICE: 1 HOMEPAGE 1.1 Struttura dell'homepage 1.2 Caricamento news/comunicati stampa in homepage 1.3 Caricare/pubblicare immagini 1.4 Caricare i banner 1.5 Banner

Dettagli

G. Pettarin ECDL Modulo 3: Word 84

G. Pettarin ECDL Modulo 3: Word 84 G. Pettarin ECDL Modulo 3: Word 84 La scheda vai a La scheda Vai è probabilmente la meno utilizzata delle tre: permette di spostarsi in un certo punto del documento, ad esempio su una determinata pagina

Dettagli

Login. Gestione contenuto. www.sitofaidate.it

Login. Gestione contenuto. www.sitofaidate.it www.sitofaidate.it Questa guida è stata scritta per utenti di basso/medio livello, guida pratica per chi vede per la prima volta l editor di testo jce i cui riferimenti delle icone sono visibili cliccando

Dettagli

il foglio elettronico

il foglio elettronico 1 il foglio elettronico ecdl - modulo 4 toniorollo 2013 il modulo richiede 1/2 comprendere il concetto di foglio elettronico e dimostri di sapere usare il programma di foglio elettronico per produrre dei

Dettagli

MICROSOFT WORD INTRODUZIONE

MICROSOFT WORD INTRODUZIONE 1 MICROSOFT WORD INTRODUZIONE Word è il programma più diffuso per elaborazione di testi, il cui scopo fondamentale è assistere l utente nelle operazioni di digitazione, revisione e formattazione di testi.

Dettagli

GUIDA. a cura di Maddalena Dal Degan

GUIDA. a cura di Maddalena Dal Degan ISTITUTO COMPRENSIVO DI VERONELLA E ZIMELLA Commissione Informatica a.s. 2010-2011 Coordinatore di commissione Maddalena Dal Degan GUIDA a cura di Maddalena Dal Degan - Iniziare il progetto pag 3 - I segnalibri

Dettagli

IMPARIAMO WORD. Nella prima lezione abbiamo digitato un breve testo e abbiamo imparato i comandi base per formattarlo, salvarlo e stamparlo.

IMPARIAMO WORD. Nella prima lezione abbiamo digitato un breve testo e abbiamo imparato i comandi base per formattarlo, salvarlo e stamparlo. II^ lezione IMPARIAMO WORD Nella prima lezione abbiamo digitato un breve testo e abbiamo imparato i comandi base per formattarlo, salvarlo e stamparlo. Oggi prendiamo in esame, uno per uno, i comandi della

Dettagli

Esercitazione n. 11: Sito web con Kompozer

Esercitazione n. 11: Sito web con Kompozer + Strumenti digitali per la comunicazione A.A 2013/14 Esercitazione n. 11: Sito web con Kompozer Scopo: Creare un sito Web che fornisce informazioni su un negozio di articoli sportivi chiamato Championzone.

Dettagli

Avviare il computer e collegarsi in modo sicuro utilizzando un nome utente e una password.

Avviare il computer e collegarsi in modo sicuro utilizzando un nome utente e una password. Uso del computer e gestione dei file Primi passi col computer Avviare il computer e collegarsi in modo sicuro utilizzando un nome utente e una password. Spegnere il computer impiegando la procedura corretta.

Dettagli

1. Aprire Microsoft Word

1. Aprire Microsoft Word Guida n 3 Realizzare, impaginare e stampare un documento (volantino) con Microsoft Word 1. Avviare Word e Creare un nuovo documento 2. Digitare un testo 3. Il comando annulla 4. Salvare un documento 5.

Dettagli

Quando GIMP viene avviato per la prima volta, ci troveremo davanti la seguente schermata:

Quando GIMP viene avviato per la prima volta, ci troveremo davanti la seguente schermata: Marincola Francesco classe G6 Compito 4 settimana Guida all uso di GIMP GIMP è un programma multipiattaforma per l'elaborazione delle immagini. È un'applicazione di Software Libero, coperta dalla licenza

Dettagli

Introduzione a PowerPoint

Introduzione a PowerPoint Office automation - Dispensa su PowerPoint Pagina 1 di 11 Introduzione a PowerPoint Premessa Uno strumento di presentazione abbastanza noto è la lavagna luminosa. Questo strumento, piuttosto semplice,

Dettagli

Microsoft PowerPoint

Microsoft PowerPoint Microsoft introduzione a E' un programma che si utilizza per creare presentazioni grafiche con estrema semplicità e rapidità. Si possono realizzare presentazioni aziendali diapositive per riunioni di marketing

Dettagli

MANUALE D USO Stazione editoriale MIR cms

MANUALE D USO Stazione editoriale MIR cms MANUALE D USO Stazione editoriale MIR cms Come si accede: Per entrare alla parte amministrativa del sito è sufficiente digitare nella barra dell url l indirizzo del sito seguito da: /admin/ nome del sito

Dettagli

Capitolo3. Si apre la seguente finestra. Figura 29. Proprietà immagine di sfondo. - Università degli Studi della Repubblica di San Marino -

Capitolo3. Si apre la seguente finestra. Figura 29. Proprietà immagine di sfondo. - Università degli Studi della Repubblica di San Marino - Capitolo3 LAVORARE CON LE IMMAGINI E certo che l impatto visivo in un sito internet è molto importante ma è bene tenere presente che immagini e fotografie, pur arricchendo la struttura grafica di un web,

Dettagli

LEZIONE 20. Sommario LEZIONE 20 CORSO DI COMPUTER PER SOCI CURIOSI

LEZIONE 20. Sommario LEZIONE 20 CORSO DI COMPUTER PER SOCI CURIOSI 1 LEZIONE 20 Sommario VENTESIMA LEZIONE... 2 FILE SYSTEM... 2 Utilizzare file e cartelle... 3 Utilizzare le raccolte per accedere ai file e alle cartelle... 3 Informazioni sugli elementi di una finestra...

Dettagli

Appunti utili per la certificazione ECDL

Appunti utili per la certificazione ECDL MODULO 3 ELABORAZIONE TESTI Sezione Argomento Procedura 3.1 Concetti generali Aprire (e chiudere) un programma di elaborazione testi Aprire uno o più documenti. Creare un nuovo documento (predefinito o

Dettagli

Laboratorio di Informatica. Facoltà di Economia Università di Foggia. Prof. Crescenzio Gallo

Laboratorio di Informatica. Facoltà di Economia Università di Foggia. Prof. Crescenzio Gallo . Laboratorio di Informatica Facoltà di Economia Università di Foggia Prof. Crescenzio Gallo Word è un programma di elaborazione testi che consente di creare, modificare e formattare documenti in modo

Dettagli

Impress è il programma per la creazione di presentazioni della suite OpenOffice.org.

Impress è il programma per la creazione di presentazioni della suite OpenOffice.org. Impress è il programma per la creazione di presentazioni della suite OpenOffice.org. Barra dei menu Menu degli strumenti standard Vista diapositive Pannello delle attività Menu degli strumenti di presentazione

Dettagli

MODULO N. 2 Elaborazione dei testi

MODULO N. 2 Elaborazione dei testi MODULO N. 2 Elaborazione dei testi I contenuti del modulo: Questo modulo verifica la competenza del corsista nell uso del personal computer come elaboratore di testi. Egli deve essere in grado di effettuare

Dettagli

La pagina di Explorer

La pagina di Explorer G. Pettarin ECDL Modulo 7: Internet 11 A seconda della configurazione dell accesso alla rete, potrebbe apparire una o più finestre per l autenticazione della connessione remota alla rete. In linea generale

Dettagli

CORSO PRATICO WinWord

CORSO PRATICO WinWord CORSO PRATICO WinWord AUTORE: Renato Avato 1. Strumenti Principali di Word Il piano di lavoro di Word comprende: La Barra del Titolo, dove sono posizionate le icone di ridimensionamento: riduci finestra

Dettagli

Nuovo documento Anteprima di stampa Collegamento Zoom. Apri Controllo ortografico Annulla Sorgente dati. Salva Controllo automatico Ripristina Gallery

Nuovo documento Anteprima di stampa Collegamento Zoom. Apri Controllo ortografico Annulla Sorgente dati. Salva Controllo automatico Ripristina Gallery Writer è il programma per l'elaborazione di testi della suite OpenOffice.org che ti consente di creare documenti, lettere, newsletter, brochures, grafici, etc. Gli elementi dello schermo: Di seguito le

Dettagli

MICROSOFT WORD. Funzioni ed ambiente di lavoro

MICROSOFT WORD. Funzioni ed ambiente di lavoro INFORMATICA MICROSOFT WORD Prof. D Agostino Funzioni ed ambiente di lavoro...1 Interfaccia di Word...1 Stesso discorso per i menu a disposizione sulla barra dei menu: posizionando il puntatore del mouse

Dettagli

Foglio Elettronico. Creare un nuovo foglio elettronico Menu File Nuovo 1 clic su Cartella di lavoro vuota nel riquadro attività

Foglio Elettronico. Creare un nuovo foglio elettronico Menu File Nuovo 1 clic su Cartella di lavoro vuota nel riquadro attività Foglio Elettronico Avviare il Programma Menu Start Tutti i programmi Microsoft Excel Pulsanti 2 clic sull icona presente sul Desktop Chiudere il Programma Menu File Esci Pulsanti Tasto dx 1 clic sul pulsante

Dettagli

Microsoft Word Nozioni di base

Microsoft Word Nozioni di base Corso di Introduzione all Informatica Microsoft Word Nozioni di base Esercitatore: Fabio Palopoli SOMMARIO Esercitazione n. 1 Introduzione L interfaccia di Word Gli strumenti di Microsoft Draw La guida

Dettagli

SCRIVERE TESTI CON WORD

SCRIVERE TESTI CON WORD SCRIVERE TESTI CON WORD Per scrivere una lettera, un libro, una tesi, o un semplice cartello occorre un programma di elaborazione testo. Queste lezioni fanno riferimento al programma più conosciuto: Microsoft

Dettagli

Come Creare Un Nuovo Articolo Con WordPress. Ebook - Gratuito

Come Creare Un Nuovo Articolo Con WordPress. Ebook - Gratuito Come Creare Un Nuovo Articolo Con WordPress Ebook - Gratuito 1 Indice Come Creare Un Nuovo Articolo Con Wordpress 1. Accedi al pannello di controllo del sito... 3 2. La Bacheca di Wordpress... 4 3. Il

Dettagli

Manuale di Outlook Express

Manuale di Outlook Express 1. Introduzione 2. Aprire Outlook Express 3. L'account 4. Spedire un messaggio 5. Opzione invia ricevi 6. La rubrica 7. Aggiungere contatto alla rubrica 8. Consultare la rubrica 9. Le cartelle 10. Come

Dettagli

Foto di CoffeeGeek, Flickr. Slide e dintorni. materiale didattico sul corso di Impress a cura di Sonia Montegiove. 1 di 21

Foto di CoffeeGeek, Flickr. Slide e dintorni. materiale didattico sul corso di Impress a cura di Sonia Montegiove. 1 di 21 Foto di CoffeeGeek, Flickr Slide e dintorni materiale didattico sul corso di Impress a cura di Sonia Montegiove 1 di 21 10 regole da rispettare per fare una presentazione Non usare caratteri piccoli e

Dettagli

CORSO DI SPECIALIZZAZIONE SOSTEGNO Tirocinio indiretto TIC

CORSO DI SPECIALIZZAZIONE SOSTEGNO Tirocinio indiretto TIC CORSO DI SPECIALIZZAZIONE SOSTEGNO Tirocinio indiretto TIC USO DEL COMPUTER E GESTIONE DEI FILE APPLICAZIONI DI WINDOWS PAINT E STAMP R SIST CALCOLATRICE REGISTRATORE DI SUONI LETTORE MULTIMEDIALE Catturare

Dettagli

3.3 Formattazione. Formattare un testo. Copyright 2008 Apogeo. Formattazione del carattere

3.3 Formattazione. Formattare un testo. Copyright 2008 Apogeo. Formattazione del carattere 3.3 Formattazione Formattare un testo Modificare la formattazione del carattere Cambiare il font di un testo selezionato Modificare la dimensione e il tipo di carattere Formattazione del carattere In Word,

Dettagli

Obbiettivi della lezione

Obbiettivi della lezione La videoscrittura Obbiettivi della lezione Capire la differenza tra editor di testo e programma di video scrittura. Prendere dimestichezza con le principali caratteristiche di MS Word. Imparare a formattare

Dettagli

Reference Word avanzato (Versione Office 2003)

Reference Word avanzato (Versione Office 2003) Reference Word avanzato (Versione Office 2003) Copyright Sperlinga Rag. Alessio., tutti i diritti riservati. Questa copia è utilizzabile dallo studente soltanto per uso personale e non può essere impiegata

Dettagli

Adobe InDesign MiniTUTORIAL Come impostare una brochure con Indesign

Adobe InDesign MiniTUTORIAL Come impostare una brochure con Indesign Adobe InDesign MiniTUTORIAL Come impostare una brochure con Indesign Credo sia utile impostare fin da subito le unità di misura. InDesign > Unità e incrementi Iniziamo poi creando un nuovo documento. File

Dettagli

Inserimento di suoni, immagini e filmati

Inserimento di suoni, immagini e filmati Inserimento di suoni, immagini e filmati Argomenti trattati: - Inserimento di suoni Come gestire l'inserimento di brani musicali in un ipertesto. - Inserimento di immagini: Come inserire immagini gestibili

Dettagli

Word Libre Office. Barra degli strumenti standard Area di testo Barra di formattazione

Word Libre Office. Barra degli strumenti standard Area di testo Barra di formattazione SK 1 Word Libre Office Se sul video non compare la barra degli strumenti di formattazione o la barra standard Aprite il menu Visualizza Barre degli strumenti e selezionate le barre che volete visualizzare

Dettagli

UNITÀ DIDATTICA 1: il sistema computer

UNITÀ DIDATTICA 1: il sistema computer Istituto Tecnico Industriale Statale "Othoca" A.S. 2014/15 CLASSE:1F PROGRAMMA DI: Tecnologie Informatiche DOCENTE: Nicola Sanna UNITÀ DIDATTICA 1: il sistema computer Il corpo del computer: l'hardware

Dettagli

Indicazioni per l'uso di WordPress

Indicazioni per l'uso di WordPress Indicazioni per l'uso di WordPress 1 Indice Capitolo 1: FUNZIONI D'USO - L'accesso...4 - La pagina personale...5 - Editor di testo...7 Capitolo 2: CREAZIONE ARTICOLO - Premessa...11 -Titolo...12 - Titolo

Dettagli

ISTRUZIONI PER L USO. Laboratorio Multimediale a cura del prof. Alfredo Mangia

ISTRUZIONI PER L USO. Laboratorio Multimediale a cura del prof. Alfredo Mangia ISTRUZIONI PER L USO Laboratorio Multimediale a cura del prof. Alfredo Mangia 2 POWER POINT pag 3 METTIAMOCI AL LAVORO pag 4 CASELLA DI TESTO pag 5 WORD ART pag 6 INSERIMENTO IMMAGINI E CLIP ART pag 7

Dettagli

Germano Pettarin E-book per la preparazione all ECDL ECDL Modulo 3 Elaborazione testi Word Argomenti del Syllabus 5.0

Germano Pettarin E-book per la preparazione all ECDL ECDL Modulo 3 Elaborazione testi Word Argomenti del Syllabus 5.0 Germano Pettarin E-book per la preparazione all ECDL ECDL Modulo 3 Elaborazione testi Word Argomenti del Syllabus 5.0 G. Pettarin ECDL Modulo 3: Word 2 Modulo 3 Elaborazione testi Word G. Pettarin ECDL

Dettagli

Word Processor: WORD (livello base) Classificazione

Word Processor: WORD (livello base) Classificazione Parte 5 Word Processor: WORD (livello base) Elementi di Informatica - AA 2008/2009 - MS Word 1 di 60 Classificazione Esistono diversi strumenti per la realizzazione di documenti testuali: Editor di testo

Dettagli

Capitolo 12 Creare pagine web

Capitolo 12 Creare pagine web Guida introduttiva Capitolo 12 Creare pagine web Salvare documenti come file HTML Copyright Il presente documento è rilasciato sotto Copyright 2005-2008 dei collaboratori elencati nella sezione Autori.

Dettagli

Creazione di un elemento grafico SmartArt Crea una nuova diapositiva con layout Titolo e contenuto.

Creazione di un elemento grafico SmartArt Crea una nuova diapositiva con layout Titolo e contenuto. G. Pettarin ECDL Modulo 6: Strumenti di presentazione 98 6. Gli Smartart Con gli elementi grafici SmartArt si può rappresentare visivamente le informazioni e i concetti che si vuole illustrare. È possibile

Dettagli

MODULO SUPERMAPPE INDICE

MODULO SUPERMAPPE INDICE INDICE INSTALLAZIONE... 3 LA FINESTRA PRINCIPALE... 4 CREARE LA MAPPA... 5 La struttura - Nodi e Frecce... 5 I contenuti - Testo e Immagini... 6 La personalizzazione - colori, forme e dimensioni... 6 La

Dettagli

Foglio elettronico (StarOffice)

Foglio elettronico (StarOffice) Modulo Foglio elettronico (StarOffice) Modulo - Foglio elettronico, richiede che il candidato comprenda il concetto di foglio elettronico e dimostri di sapere usare il programma corrispondente. Deve comprendere

Dettagli

Figura 54. Visualizza anteprima nel browser

Figura 54. Visualizza anteprima nel browser Per vedere come apparirà il nostro lavoro sul browser, è possibile visualizzarne l anteprima facendo clic sulla scheda Anteprima accanto alla scheda HTML, in basso al foglio. Se la scheda Anteprima non

Dettagli

Operazioni fondamentali

Operazioni fondamentali Elaborazione testi Le seguenti indicazioni valgono per Word 2007, ma le procedure per Word 2010 sono molto simile. In alcuni casi (per esempio, Pulsante Office /File) ci sono indicazioni entrambe le versioni.

Dettagli

Manuale per l'utente del software KODAK Create@Home. Versione software 9.0

Manuale per l'utente del software KODAK Create@Home. Versione software 9.0 Manuale per l'utente del software KODAK Create@Home Versione software 9.0 Sommario 1 Benvenuti nel software KODAK Create@Home Caratteristiche... 1-1 Formati di file supportati... 1-1 Requisiti di sistema...

Dettagli

Laboratorio di Informatica

Laboratorio di Informatica Laboratorio di Informatica Introduzione a Word Introduzione a Word Software per l'elaborazione di testi della suite MS Office creazione, modifica, formattazione, controllo ortografico, ecc. WYSIWYG: What

Dettagli

Reti Informatiche: Internet e posta. elettronica. Tina Fasulo. Guida a Internet Explorer e alla posta elettronica Windows Live Mail

Reti Informatiche: Internet e posta. elettronica. Tina Fasulo. Guida a Internet Explorer e alla posta elettronica Windows Live Mail Reti Informatiche: Internet e posta elettronica Tina Fasulo 2012 Guida a Internet Explorer e alla posta elettronica Windows Live Mail 1 Parte prima: navigazione del Web Il browser è un programma che consente

Dettagli

L interfaccia. La barra delle applicazioni. MS Windows Barra delle Applicazioni

L interfaccia. La barra delle applicazioni. MS Windows Barra delle Applicazioni Windows XP In questa sezione, si desidero evidenziare le caratteristiche principali di Windows cercando possibilmente di suggerire, per quanto possibile, le strategie migliori per lavorare velocemente

Dettagli

7 REALIZZARE UNA PAGINA WEB CON FRONTPAGE

7 REALIZZARE UNA PAGINA WEB CON FRONTPAGE This project funded by Leonardo da Vinci has been carried out with the support of the European Community. The content of this project does not necessarily reflect the position of the European Community

Dettagli

Manuali.net. Nevio Martini

Manuali.net. Nevio Martini Manuali.net Corso base per la gestione di Siti Web Nevio Martini 2009 Il Linguaggio HTML 1 parte Introduzione Internet è un fenomeno in continua espansione e non accenna a rallentare, anzi è in permanente

Dettagli

MANUALE OPERATORE CMS ASMENET

MANUALE OPERATORE CMS ASMENET MANUALE OPERATORE CMS ASMENET 2.0 Pag. 1 di 46 INDICE Termini e definizioni... pag. 3 Introduzione... pag. 4 Descrizione generale e accesso al back office... pag. 5 1 Gestione della pagina... pag. 6 1.1

Dettagli

Esercizi mirati Esercizio 1. Utilizzare una maschera per scrivere una lettera, una domanda, un curriculum,

Esercizi mirati Esercizio 1. Utilizzare una maschera per scrivere una lettera, una domanda, un curriculum, Esercizi mirati Esercizio 1. Utilizzare una maschera per scrivere una lettera, una domanda, un curriculum, Scegliere una maschera adatta ad una specifica applicazione.: scrivere un fax Lavorare con una

Dettagli

L uso del software Excel per la costruzione di un documento ipertestuale con giochi per la verifica.

L uso del software Excel per la costruzione di un documento ipertestuale con giochi per la verifica. L uso del software Excel per la costruzione di un documento ipertestuale con giochi per la verifica. Il lavoro si presenta piuttosto lungo, ma per brevità noi indicheremo come creare la pagina iniziale,

Dettagli

Word. Cos è Le funzioni base Gli strumenti. www.vincenzocalabro.it 1

Word. Cos è Le funzioni base Gli strumenti. www.vincenzocalabro.it 1 Word Cos è Le funzioni base Gli strumenti www.vincenzocalabro.it 1 Cos è e come si avvia Word è un programma per scrivere documenti semplici e multimediali Non è presente automaticamente in Windows, occorre

Dettagli

I PROGRAMMI PER L ELABORAZIONE DEL TESTO

I PROGRAMMI PER L ELABORAZIONE DEL TESTO I PROGRAMMI PER L ELABORAZIONE DEL TESTO Modulo 3 dell ECDL Quarta Parte pag. 1 di 15 CopyLeft Multazzu Salvatore I programmi per elaborazione del testo : Quarta Parte SOMMARIO Tabelle... 3 Modificare

Dettagli

Uso del computer e gestione dei file

Uso del computer e gestione dei file Uso del computer e gestione dei file Sommario Uso del computer e gestione dei file... 3 Sistema Operativo Windows... 3 Avvio di Windows... 3 Desktop... 3 Il mouse... 4 Spostare le icone... 4 Barra delle

Dettagli

Il foglio elettronico

Il foglio elettronico Il foglio elettronico Foglio di calcolo, Spreadsheet in inglese, Permette di elaborare DATI NUMERICI. E una TABELLA che contiene numeri che possono essere elaborati con FUNZIONI matematiche e statistiche.

Dettagli

Per l'esercizio preparare una cartella dal nome DUE COLONNE con le sottocartelle css e immagini

Per l'esercizio preparare una cartella dal nome DUE COLONNE con le sottocartelle css e immagini STRUTTURA A DUE COLONNE Per l'esercizio preparare una cartella dal nome DUE COLONNE con le sottocartelle css e immagini Un layout a due colonne ha, in genere, la seguente struttura: un'intestazione (TESTATA)

Dettagli