HTML. Breve manuale d uso

Dimensione: px
Iniziare la visualizzazioe della pagina:

Download "HTML. Breve manuale d uso"

Transcript

1 HTML Breve manuale d uso

2 Come funziona il linguaggio Html? Queste sono le domande cui le lezioni e questo manuale intendono dare una risposta INDICE HTML BREVE GUIDA INTRODUTTIVA COS'E' UN FILE HTML COSA SONO LE ISTRUZIONI HTML LA STRUTTURA DI UN FILE HTML E LE ISTRUZIONI STRUTTURALI ISTRUZIONI CHE OPERANO SUI CARATTERI ISTRUZIONI CHE OPERANO SUL LAYOUT DI PAGINA (IMPAGINAZIONE) OPERAZIONI PIU' AVANZATE SUL LAYOUT DI PAGINA (CREAZIONE DI LISTE) LE "ANCORE" O LINKS IPERTESTUALI LE IMMAGINI ON LINE LE TABELLE CARATTERI SPECIALI CONCLUSIONI...8 2

3 HTML BREVE GUIDA INTRODUTTIVA 1 - COS'E' UN FILE HTML. Il file "html" (semplicemente "htm" per quelli che operano su un PC MS-DOS, nel quale non sono ammesse estensioni di file di quattro lettere), sono dei semplici FILE DI TESTO (cioè contenenti solo caratteri ASCII) che, per questo motivo sono facili da gestire, nel senso della trasmissione telematica. Essi però differiscono da testi destinati ad essere semplicemente letti, perché contengono delle ISTRUZIONI PROGRAMMATICHE, inframezzate al testo che dovrà essere realmente letto, scritte secondo un linguaggio che è, appunto, l'html (=HyperText Markup Language). Il browser con cui il cybersurfista esplora il WWW (Mosaic, Netscape, I.Explorer...) è fatto apposta per interpretare le istruzioni presenti nel file html e per trasformarle nelle caratteristiche grafiche (caratteri, colori, impaginazioni, immagini, links...) di ciò che appare sullo schermo. Pertanto redigere un file html è un piccolo lavoro di programmazione. Facciamo subito un esempio per non abusare troppo della pazienza di coloro che non sono dei guru informatici. La seguente frase: <B>cipolle rosse</b> verrà rappresentata sullo schermo da una scritta in grassetto (= cipolle rosse), perché il browser realizza in grassetto tutto ciò che sta fra <B> e </B>. 2 - COSA SONO LE ISTRUZIONI HTML. Con questo abbiamo già capito alcune cose: le istruzioni (tags) sono sempre contenute fra < e >, e possono essere accoppiate, ovverosia sono costituite da un'istruzione iniziale (<B> = da qui in poi grassetto!) e da un'istruzione finale (</B> = da qui in poi basta grassetto!). In realtà non tutte le istruzioni sono accoppiate, ce ne sono una minoranza che non necessitano di una fine; per esempio l'"a capo" che si indica così: <BR>. Le istruzioni possono contenere NOMI o ELEMENTI, ATTRIBUTI, VALORI. Che significa? Per quanto riguarda il nome o elemento l'abbiamo già visto: BR è il nome o elemento dell'istruzione di "a capo". Gli attributi e i valori li vedremo meglio in seguito, per ora ci limitiamo ad un esempio: <IMG SRC="image.gif"> significa che, a quel punto, deve comparire un'immagine che è il file image.gif. IMG (che significa immagine) è il nome o elemento, SRC (che significa sorgente) è l'attributo, "image.gif" è il valore dell'attributo. 3 - LA STRUTTURA DI UN FILE HTML E LE ISTRUZIONI STRUTTURALI. Al browser bisogna sempre dire dove comincia e dove finisce il file html, e questo si ottiene con le semplici istruzioni: <HTML> e </HTML>. Inoltre il file html contiene due parti. la testa (head) e il corpo (body) e, naturalmente, bisogna dire al browser dove iniziano e dove finiscono queste parti. Si fa così: <HEAD> </HEAD> e <BODY> </BODY>. Pertanto un file html contiene sempre, obbligatoriamente queste istruzioni: <HTML> <HEAD> </HEAD> <BODY> </BODY> </HTML> Cosa c'è nella testa del file? Normalmente ci si mette il titolo della pagina, che comparirà in quella striscia in alto nello schermo, al di sopra dei vari menù e tasti cliccabili. Come si fa? Semplice, si usano i seguenti tags: <TITLE> </TITLE>. Esempio: <HTML> <HEAD> <TITLE>IL MANUALE ITALIANO PER IL PRINCIPIANTE HTML</TITLE> </HEAD> <BODY> </BODY> </HTML> Che altro ci può essere nella testa? Beh, a dire la verità ci sarebbero altre funzioni come ISINDEX, BASE, LINK, META... che ora non considereremo. Non sono necessarie per il livello medio che ci basta raggiungere. E nel body? Nel body c'è tutto il resto... Ora lo vedremo. 3

4 4 - ISTRUZIONI CHE OPERANO SUI CARATTERI. Se vogliamo aggiungere nel file html un commento che ci serve da promemoria, ma che non vogliamo che sia visualizzato sullo schermo, dobbiamo sostituirlo ai puntini in questa istruzione <!...>. Esempio: <!le prossime tre righe sono state aggiunte da mio cugino> è una frase che non sarà visualizzata a schermo dal browser. Pertanto le istruzioni che operano sui caratteri sono sostanzialmente queste: <STRONG> </STRONG> oppure <B> </B> che generano il grassetto, <EM> </EM> oppure <i> </i> che generano il corsivo inclinato (italic), <TT> </TT> che generano un carattere monospazio tipo "macchina da scrivere". <BLINK> </BLINK> che rendono lampeggiante la scritta compresa. <FONT COLOR="999900"> </FONT> che determinano la particolare colorazione dei caratteri compresi nell'istruzione (il colore è stabilito dalla sigla numerica o letterale fra virgolette). Esempi di colori: 1. 00FFFF, 2. FF0000, 3. 00FF00, 4. FFF000, FF, 6. FFFFFF, 7. FF00FF, 8. FFFF00, 9. ABCDEF, , , , , , , ISTRUZIONI CHE OPERANO SUL LAYOUT DI PAGINA (IMPAGINAZIONE). <BR> istruzione non accoppiata che manda a capo (altrimenti il browser riproduce il testo scritto tutto di fila, senza mai andare a capo). <P> ( </P> ) istruzione che, se non accoppiata, manda a capo lasciando lo spazio di una riga vuota (come a voler separare un paragrafo), invece, se accoppiata, delimita un paragrafo a sé stante, <HR> istruzione non accoppiata che crea una barra orizzontale di separazione fra un paragrafo e l'altro, <CENTER> </CENTER> istruzione che centra la scritta nella pagina: come un titolo, <Hn> </Hn> dove n può assumere i valori 1, 2, 3, 4, 5, 6 (es.: <H3> </H3>), istruzione che crea dei caratteri da intestazione (generalmente adatti ai titoli), in neretto, e variabili da una dimensione molto grande (n=1) a una dimensione piccola (n=6). Esempio: Questo è H1 Questo è H2 Questo è H3 Questo è H4 Questo è H5 Questo è H6 <BLOCKQUOTE> </BLOCKQUOTE> che genera un paragrafo rientrato verso destra (rientro a sinistra), <PRE> </PRE> (preformatted) che riproduce il testo esattamente con la stessa formattazione che ha nel file html (cioè con le stesse andate a capo, gli stessi spazi, gli stessi rientri, ecc...); serve per semplici tabelle, effetti grafici particolari, disegnini in caratteri ASCII... 4

5 6 - OPERAZIONI PIU' AVANZATE SUL LAYOUT DI PAGINA (CREAZIONE DI LISTE). Volendo creare delle liste con rientri, asterischi, numeri, definizioni, ecc... si possono usare le seguenti istruzioni: <UL> </UL> (unordered list) che racchiude le voci della lista facendole rientrare a sinistra, <LI> che fa precedere ogni voce della "unordered list" da un pallino o quadratino nero, Inoltre manda automaticamente a capo, Esempio, con una lista nidificata dentro un'altra lista: Lista di Scuole: <UL> <LI> Scuole Medie inferiori, <LI> Scuole Medie Superiori: <UL> - Licei Classici - Licei Scientifici, - - Istituti Tecnici, - - Istituti Professionali, - - Istituti Magistrali. </UL> <LI> Facoltà Universitarie. </UL> Che è visualizzato, in realtà, nel seguente modo: Lista di Scuole: Scuole Medie inferiori, Scuole Medie Superiori: - Licei Classici - - Licei Scientifici, - - Istituti Tecnici, - - Istituti Professionali, - - Istituti Magistrali. Facoltà Universitarie. Attenzione! Volendo, in tutte le liste il pallino nero può essere sostituito con un disegnino a piacere, basta prima prepararlo e salvarlo in formato GIF o JPG, e poi aggiungere un attributo all'istruzione <LI>, e cioè: <LI SRC=image.gif> in cui image.gif è l'immagine da visualizzare, sistemata nella stessa directory in cui si trova il file html. <OL> <LI>... <LI>... <LI> </OL> (ordered list) che genera la lista con gli opportuni rientri a sinistra (come la unordered list), con la differenza che <LI> non crea un pallino nero ma un numero progressivo (tanti quanti sono gli elementi della lista). <DL> </DL> (definition list) che genera una lista particolare in cui ogni elemento della lista compare come titoletto, seguito da una definizione (un discorsetto più lungo ulteriormente rientrato a sinistra), <DT> </DT> racchiude gli elementi della definition list, <DD> indica l'inizio della definizione, cioè del piccolo paragrafo che spiega nei dettagli in cosa consiste l'elemento principale della lista. Esempio: <DL> <DT>Primo termine</dt> <DD>Qui si spiega cos'è il primo termine, che consiste in bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla... <DT>Secondo termine</dt> <DD>Qui si spiega cos'è il secondo termine, che consiste in bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla... <DT>Terzo termine</dt> <DD>Qui si spiega cos'è il terzo termine, che consiste in bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla </DL> Che è visualizzato nel seguente modo: Primo termine Qui si spiega cos'è il primo termine, che consiste in bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla... 5

6 Secondo termine Qui si spiega cos'è il secondo termine, che consiste in bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla... Terzo termine Qui si spiega cos'è il terzo termine, che consiste in bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla LE "ANCORE" O LINKS IPERTESTUALI. Eccoci al dunque: i links! Come tutti sanno i links sono lo strumento che fa del Web una potentissima biblioteca mondiale in cui tutti i lettori possono saltare, al semplice suono di un "click", dall'america, all'europa, all'australia, ecc... I links sono dovuti ad una istruzione html che si chiama "anchor" ed è rappresentata da questi simboli: <A>> </A>. Per la verità questa istruzione, scritta così come l'abbiamo presentata, non produce nessun effetto, infatti ha obbligatoriamente bisogno di un attributo e di un valore per l'attributo. L'attributo comunemente può essere HREF o NAME. Vediamone il significato: <A HREF=" origini storiche del Cristianesimo</A> E' l'istruzione completa in grado di funzionare. La frase Le origini storiche del Cristianesimo è quella che comparirà sul browser, generalmente in colore blu e sottolineata, su di essa la freccia del mouse si trasforma in una manina e, cliccando, viene chiamata la pagina ' ' che, compatibilmente con le velocità di trasmissione dei dati in rete in quel preciso momento, arriverà subito e comparirà visualizzata sullo schermo. Questo è un link, non è difficile. Il link che abbiamo visto conduce ad una pagina diversa da quella di partenza, magari terribilmente lontana nel mondo, però, volendo, si possono costruire dei link interni, ovverosia dei link che portano ad un punto voluto nella stessa pagina in cui ci troviamo. Occorrono ben quattro istruzioni: due accoppiate (con l'attributo HREF), in cui compare il simbolo #, per poter creare il link di partenza, e due accoppiate (con l'attributo NAME), in cui non compare il simbolo #, per definire il punto di destinazione. Vediamo come sono fatte: <A HREF="#punto1">Capitolo I</A> E' l'istruzione accoppiata che fa comparire sullo schermo un link con scritto ' Capitolo I ', cliccando sul quale si può raggiungere il vero e proprio capitolo 1. Ma come fa il browser a trovarlo? Lo trova perché all'inizio del capitolo 1 c'è l'istruzione così composta: <A NAME="punto1">CAPITOLO I</A> Che fa comparire sullo schermo la scritta CAPITOLO I, la quale, se è un titolo in evidenza al centro della pagina, potrebbe essere combinata con altre istruzioni come: <center><h2><a NAME="punto1">CAPITOLO I</A></H2></center>. In questa pagina, sono links di questo tipo quelli in cui c'è scritto : "Torna all'indice". Adesso, addentrandoci nelle virtù dell'html, possiamo dire che si può anche creare un link esterno (cioè verso un'altra pagina), nel quale però non si vuole arrivare alla semplice intestazione, ma si vuole subito raggiungere un punto particolare della pagina in questione, in cui c'è scritto qualcosa che interessa. Il link, contenente il simbolo #, sarà fatto così: <A HREF="nome.del.server/percorso/nomefile.html#puntox>Bla, bla, bla...</a> In cui ' nome.del.server/percorso/nomefile.html ' sono tutte le specificazioni per ottenere la pagina desiderata e ' puntox ' è il punto da raggiungere. Ma, naturalmente, in quella pagina, da qualche parte, ci dovrà essere per forza l'istruzione di destinazione <A NAME="puntox">Bla, bla, bla...</a> altrimenti, come farà il programma ad individuare il punto? Un particolare tipo di link è quello che apre una finestra di posta: <A HREF="mailto:dqrm@dataquest.it">Esperto</A> che serve, appunto, per spedire eventuali messaggi alla persona indicata nell'argomento dell'istruzione (Esperto). 8 - LE IMMAGINI ON LINE. Finora abbiamo parlato di solo testo. Ora, finalmente, ecco arrivare le immagini. Chiariamo subito un concetto importante: le immagini non si trovano nel file html, si trovano a parte e sono dei file indipendenti di tipo GIF o JPG. Il file html contiene solo una istruzione che indica al browser di visualizzare la figura sullo schermo. Ora tutti capiscono subito che, per potere trovare questa figurina, il browser deve sapere dove si trova. <IMG SRC="image.jpg"> E' l'istruzione (singola) necessaria per far comparire la figurina image.jpg. IMG significa immagine e SRC significa sorgente (source). Attenzione! L'immagine deve trovarsi nella stessa directory in cui si trova il file html, altrimenti come la può trovare il browser? Se l'immagine si trova in un'altra directory l'istruzione deve contenere l'informazione su tutto il percorso necessario: <IMG SRC="/percorso/image.jpg">. 6

7 Se vogliamo l'immagine al centro della pagina scriveremo: <center><img SRC="/percorso/image.jpg"></center>. Se vogliamo una scritta (per esempio: "Fotografia di...") a fianco dell'immagine, dobbiamo aggiungere un altro attributo: ALIGN con, rispettivamente, i seguenti valori: bottom, middle, top. <IMG SRC="image.jpg" ALIGN=bottom> Fotografia di... immagine con scritta a fianco in basso <IMG SRC="image.jpg" ALIGN=middle> Fotografia di... immagine con scritta a fianco a metà altezza <IMG SRC="image.jpg" ALIGN=top> Fotografia di... immagine con scritta a fianco in alto Le immagini possono essere links ipertestuali? Certamente. Si osservi questa istruzione accoppiata: <A HREF="nome.del.server/percorso/file.html"><IMG SRC="image.gif"></A> Si tratta, appunto, di un link effettuato non con una stringa di testo, ma con una figurina. E le immagini che costituiscono uno sfondo per la intera pagina web? A proposito di questo bisogna dire che lo sfondo, generalmente, è costituito da un disegnino piccolo piccolo che viene automaticamente ripetuto molte volte, a tutto schermo, dal browser. L'istruzione deve essere messa al posto della scritta <BODY>, all'inizio del corpo dell file html, ed è fatta così: <BODY background=backgr.gif> che prende il file backgr.gif e lo moltiplica a tutto schermo, creando lo sfondo desiderato. 9 - LE TABELLE. Si osservi la seguente tabella: PRIMA CASELLA SECONDA CASELLA TERZA CASELLA QUARTA CASELLA essa è stata realizzata scrivendo queste istruzioni: Istruzioni Significato <CENTER> <table border> inizio della tabella, con bordo visibile <tr> inizio di una riga <td>prima CASELLA</td> inizio e fine di una casella <td>seconda CASELLA</td> inizio e fine di una casella </tr> fine di una riga <tr> inizio di una riga <td>terza CASELLA</td> inizio e fine di una casella <td>quarta CASELLA</td> inizio e fine di una casella </tr> fine di una riga </table> fine della tabella </CENTER> all'interno della tabella si può disporre nel modo preferito e più fantasioso qualsiasi elemento della pagina: testo, disegni, links, altre tabelle. Naturalmente si possono mettere tutte le righe che si vuole, basta semplicemente aggiungere, ogni volta, l'istruzione <tr>. Si può anche creare una tabella che genera delle colonne di larghezza diversa, stabilendo fin da principio quale sarà la percentuale di ciascuna colonna rispetto alla larghezza della pagina: più stretta più larga più stretta più larga che è stata realizzata con le seguenti istruzioni: <table border width=100%> <tr> <td width=20%> più stretta </td> <td width=80%> più larga </td> </tr> <tr> <td width=20%> più stretta </td> 7

8 <td width=80%> più larga </td> </tr> </table> 10 - CARATTERI SPECIALI. Alcuni caratteri devono essere scritti, nel file html, mediante simboli particolari. Per esempio, com'è facile intuire, il segno < viene normalmente interpretato dal browser come inizio di una istruzione e, pertanto, non visualizzato a schermo. Come si fa se si vuole visualizzare proprio questo simbolo? Occorre scriverlo in questo modo: & # 60; (lettere attaccate), oppure & l t; (lettere attaccate). Ci sono poi altri caratteri che devono essere scritti in un modo particolare, affinché tutti i browser siano in grado di visualizzarli, per esempio le lettere accentate, come la voce del verbo essere " è " che si scrive così: & e grave; (lettere attaccate) con tanto di punto e virgola in fondo. Vediamo una lista di caratteri particolari: < si rende con: & # 60 (scritto tutto attaccato e seguito da un punto e virgola) oppure & l t (scritto tutto attaccato e seguito da un punto e virgola) > si rende con: & # 62 (scritto tutto attaccato e seguito da un punto e virgola) oppure & g t (scritto tutto attaccato e seguito da un punto e virgola) & si rende con: & # 38 (scritto tutto attaccato e seguito da un punto e virgola) ß si rende con: & # 223 (scritto tutto attaccato e seguito da un punto e virgola) oppure & s z lig (scritto tutto attaccato e seguito da un punto e virgola) à si rende con: & # 224 (scritto tutto attaccato e seguito da un punto e virgola) oppure & a grave (scritto tutto attaccato e seguito da un punto e virgola) è si rende con: & # 232 (scritto tutto attaccato e seguito da un punto e virgola) oppure & e grave (scritto tutto attaccato e seguito da un punto e virgola) é si rende con: & # 233 (scritto tutto attaccato e seguito da un punto e virgola) oppure & e acute ; (scritto tutto attaccato e seguito da un punto e virgola) ì si rende con: & # 236 (scritto tutto attaccato e seguito da un punto e virgola) oppure & i grave ; (scritto tutto attaccato e seguito da un punto e virgola) ò si rende con: & # 242 (scritto tutto attaccato e seguito da un punto e virgola) oppure & o grave ; (scritto tutto attaccato e seguito da un punto e virgola) ù si rende con: & # 249 (scritto tutto attaccato e seguito da un punto e virgola) oppure & u grave (scritto tutto attaccato e seguito da un punto e virgola) 11 - CONCLUSIONI. Questo breve manualetto finisce qui. Ci sono innumerevoli altre questioni che rimangono da spiegare, come i moduli, le cornici (frames), le animazioni, le mappe cliccabili... Ma noi crediamo che, in alcuni casi, voler fare troppo significa non combinare niente e, poiché questo manualetto è destinato a chi comincia, ci è sembrato opportuno limitarci a queste nozioni base della programmazione html. Una cosa è certa: una persona di buon gusto e con grande fantasia, anche con queste semplici nozioni, può costruire delle pagine a dir poco meravigliose. Buon lavoro, dunque! 8

Informatica A per Ingegneria Gestionale (2005-2006) Il linguaggio HTML. Elisa Quintarelli-Laura Mandelli. HyperText Markup Language

Informatica A per Ingegneria Gestionale (2005-2006) Il linguaggio HTML. Elisa Quintarelli-Laura Mandelli. HyperText Markup Language Informatica A per Ingegneria Gestionale (2005-2006) Il linguaggio HTML Elisa Quintarelli-Laura Mandelli 1 HyperText Markup Language Linguaggio di descrizione di testi secondo lo schema SGML (Standard Generalized

Dettagli

Introduzione HTML. Maurizio Palesi. Multimedialità - Maurizio Palesi 1

Introduzione HTML. Maurizio Palesi. Multimedialità - Maurizio Palesi 1 Introduzione HTML Maurizio Palesi Multimedialità - Maurizio Palesi 1 Generalità sull HTML HTML: HyperText Markup Language (linguaggio di marcatura ipertestuale) E il linguaggio che permette di descrivere

Dettagli

FRONT PAGE E HTML Breve manuale d uso

FRONT PAGE E HTML Breve manuale d uso FRONT PAGE E HTML Breve manuale d uso Come si crea nella pratica un sito Internet? Qual è lo strumento più semplice? Come funziona il linguaggio Html? Queste sono le domande cui questo manuale intende

Dettagli

LEZIONE 1 HTML. Come costruire il proprio sito con pochi strumenti e tanta creatività...

LEZIONE 1 HTML. Come costruire il proprio sito con pochi strumenti e tanta creatività... LEZIONE 1 HTML Come costruire il proprio sito con pochi strumenti e tanta creatività... La struttura di una pagina web intestazione Qui si dichiara il titolo del documento

Dettagli

APPUNTI DI HTML (SECONDA LEZIONE)

APPUNTI DI HTML (SECONDA LEZIONE) APPUNTI DI HTML (SECONDA LEZIONE) 1. TITOLI, PARAGRAFI, BLOCCHI DI TESTO E CONTENITORI. E utile scrivere il testo che vogliamo inserire nella nostra pagina html all interno di appositi tag. La pagina sarà

Dettagli

www.filoweb.it STAMPA UNIONE DI WORD

www.filoweb.it STAMPA UNIONE DI WORD STAMPA UNIONE DI WORD Molte volte abbiamo bisogno di stampare più volte lo stesso documento cambiando solo alcuni dati. Potremmo farlo manualmente e perdere un sacco di tempo, oppure possiamo ricorrere

Dettagli

lo 2 2-1 - PERSONALIZZARE LA FINESTRA DI WORD 2000

lo 2 2-1 - PERSONALIZZARE LA FINESTRA DI WORD 2000 Capittol lo 2 Visualizzazione 2-1 - PERSONALIZZARE LA FINESTRA DI WORD 2000 Nel primo capitolo sono state analizzate le diverse componenti della finestra di Word 2000: barra del titolo, barra dei menu,

Dettagli

Introduzione al Linguaggio HTML

Introduzione al Linguaggio HTML Introduzione al Linguaggio HTML 2 Cosa e l HTML HTML = Hyper Text Markup Language Serve per produrre documenti nel WWW (World Wide Web) Utilizza un insieme predefinito di marcatori (TAG) per definire la

Dettagli

Il linguaggio HTML - Parte 4

Il linguaggio HTML - Parte 4 Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Parte 4 Dott. Chiara Braghin braghin@dti.unimi.it HTML - I Riferimenti Ipertestuali Il piatto forte di tutto

Dettagli

I link e l'ipertestualità

I link e l'ipertestualità I link e l'ipertestualità I link sono "il ponte" che consente di passare da un documento all altro. In quanto tali, i link sono formati da due componenti: il contenuto che "nasconde" il collegamento (può

Dettagli

CMS MUSEO&WEB. Mappe grafiche. Andrea Tempera (OTEBAC) 12 aprile 2010

CMS MUSEO&WEB. Mappe grafiche. Andrea Tempera (OTEBAC) 12 aprile 2010 CMS MUSEO&WEB Mappe grafiche Andrea Tempera (OTEBAC) 12 aprile 2010 Introduzione Grazie ad appositi tag HTML possiamo associare molteplici collegamenti a differenti zone di un'unica immagine; un'immagine

Dettagli

Guida all uso di Java Diagrammi ER

Guida all uso di Java Diagrammi ER Guida all uso di Java Diagrammi ER Ver. 1.1 Alessandro Ballini 16/5/2004 Questa guida ha lo scopo di mostrare gli aspetti fondamentali dell utilizzo dell applicazione Java Diagrammi ER. Inizieremo con

Dettagli

Manuale scritto da Fuso Federico 4 A Anno scolastico 2011/2012 Parte 1

Manuale scritto da Fuso Federico 4 A Anno scolastico 2011/2012 Parte 1 Manuale scritto da Fuso Federico 4 A Anno scolastico 2011/2012 Parte 1 Chi può riuscire a creare pagine HTML? La realizzazione di pagine web non eccessivamente sofisticate è alla portata di tutti, basta

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

Per accedere clicca su START o AVVIO (in basso a sinistra sul tuo schermo), poi su PROGRAMMI, ACCESSORI e infine su BLOCCO NOTE.

Per accedere clicca su START o AVVIO (in basso a sinistra sul tuo schermo), poi su PROGRAMMI, ACCESSORI e infine su BLOCCO NOTE. Cos'è l'html HTML è una sigla che viene da una frase inglese che vuol dire: " Linguaggio di contrassegno di ipertesti" (Hyper Text Markup Language) L'Html non è un vero e proprio linguaggio di programmazione,

Dettagli

Introduzione all'html

Introduzione all'html Introduzione all'html WWW (World Wide Web) SGML (Standard Generalized Markup Language) Linguaggi per la descrizione astratta di documenti. HTML (HyperText Markup Language) HTML è un caso particolare di

Dettagli

CREAZIONE E MODIFICA DELLA PAGINA WEB DELLA BIBLIOTECA Andare nel modulo Biblioteche in alto a sinistra. Digitare nel campo Nome Biblioteca la

CREAZIONE E MODIFICA DELLA PAGINA WEB DELLA BIBLIOTECA Andare nel modulo Biblioteche in alto a sinistra. Digitare nel campo Nome Biblioteca la CREAZIONE E MODIFICA DELLA PAGINA WEB DELLA BIBLIOTECA Andare nel modulo Biblioteche in alto a sinistra. Digitare nel campo Nome Biblioteca la denominazione del Comune della Biblioteca (basta anche solo

Dettagli

Sistema operativo. Sommario. Sistema operativo...1 Browser...1. Convenzioni adottate

Sistema operativo. Sommario. Sistema operativo...1 Browser...1. Convenzioni adottate MODULO BASE Quanto segue deve essere rispettato se si vuole che le immagini presentate nei vari moduli corrispondano, con buona probabilità, a quanto apparirà nello schermo del proprio computer nel momento

Dettagli

Moduli (schede compilabili) in Word Esempio: scheda di alimentazione per un degente

Moduli (schede compilabili) in Word Esempio: scheda di alimentazione per un degente Moduli (schede compilabili) in Word Esempio: scheda di alimentazione per un degente Vediamo come utilizzare Word per costruire un modulo compilabile, ovvero una scheda che contenga delle parti fisse di

Dettagli

FISH Sardegna ONLUS. www.fishsardegna.org. Manuale Utente. www.fishsardegna.org

FISH Sardegna ONLUS. www.fishsardegna.org. Manuale Utente. www.fishsardegna.org FISH Sardegna ONLUS Manuale Utente Note generali: Il sito è costruito su CMS Drupal 7. Per avere maggiori informazioni su Drupal si puo consultare online il portale ufficiale http://drupal.org/( in inglese)

Dettagli

4. Fondamenti per la produttività informatica

4. Fondamenti per la produttività informatica Pagina 36 di 47 4. Fondamenti per la produttività informatica In questo modulo saranno compiuti i primi passi con i software applicativi più diffusi (elaboratore testi, elaboratore presentazioni ed elaboratore

Dettagli

IMPOSTARE UNA MASCHERA CHE SI APRE AUTOMATICAMENTE

IMPOSTARE UNA MASCHERA CHE SI APRE AUTOMATICAMENTE IMPOSTARE UNA MASCHERA CHE SI APRE AUTOMATICAMENTE Access permette di specificare una maschera che deve essere visualizzata automaticamente all'apertura di un file. Vediamo come creare una maschera di

Dettagli

On-line Corsi d Informatica sul Web

On-line Corsi d Informatica sul Web On-line Corsi d Informatica sul Web Corso base di Excel Università degli Studi della Repubblica di San Marino Capitolo 1 ELEMENTI DELLO SCHERMO DI LAVORO Aprire Microsoft Excel facendo clic su Start/Avvio

Dettagli

Comandi principali del linguaggio HTML (Hyper Text Markup Language)

Comandi principali del linguaggio HTML (Hyper Text Markup Language) Comandi principali del linguaggio HTML (Hyper Text Markup Language) Caratteristiche di HTML HTML è un linguaggio di formattazione (markup) di documenti ed è il linguaggio base per produrre documenti per

Dettagli

Olga Scotti. Basi di Informatica. File e cartelle

Olga Scotti. Basi di Informatica. File e cartelle Basi di Informatica File e cartelle I file Tutte le informazioni contenute nel disco fisso (memoria permanente del computer che non si perde neanche quando togliamo la corrente) del computer sono raccolte

Dettagli

Gestire immagini e grafica con Word 2010

Gestire immagini e grafica con Word 2010 Gestire immagini e grafica con Word 2010 Con Word 2010 è possibile impaginare documenti in modo semi-professionale ottenendo risultati graficamente gradevoli. Inserire un immagine e gestire il testo Prima

Dettagli

Capitolo 3. L applicazione Java Diagrammi ER. 3.1 La finestra iniziale, il menu e la barra pulsanti

Capitolo 3. L applicazione Java Diagrammi ER. 3.1 La finestra iniziale, il menu e la barra pulsanti Capitolo 3 L applicazione Java Diagrammi ER Dopo le fasi di analisi, progettazione ed implementazione il software è stato compilato ed ora è pronto all uso; in questo capitolo mostreremo passo passo tutta

Dettagli

STRUMENTI. Impostare una presentazione I programmi di presentazione

STRUMENTI. Impostare una presentazione I programmi di presentazione STRUMENTI Impostare una presentazione I programmi di presentazione I programmi per la creazione di documenti multimediali basati su diapositive (o lucidi) consentono di presentare, a un pubblico più o

Dettagli

LEZIONI DI HTML. Come costruire il proprio sito con pochi strumenti e tanta creatività...

LEZIONI DI HTML. Come costruire il proprio sito con pochi strumenti e tanta creatività... LEZIONI DI HTML Come costruire il proprio sito con pochi strumenti e tanta creatività... FORMATTARE IL CARATTERE Per formattare titoli interni del documento web possiamo utilizzare i tag , ,...,

Dettagli

PULSANTI E PAGINE Sommario PULSANTI E PAGINE...1

PULSANTI E PAGINE Sommario PULSANTI E PAGINE...1 Pagina 1 Sommario...1 Apertura...2 Visualizzazioni...2 Elenco...2 Testo sul pulsante e altre informazioni...3 Comandi...3 Informazioni...4 Flow chart...5 Comandi...6 Pulsanti Principali e Pulsanti Dipendenti...6

Dettagli

MS Word per la TESI. Barra degli strumenti. Rientri. Formattare un paragrafo. Cos è? Barra degli strumenti

MS Word per la TESI. Barra degli strumenti. Rientri. Formattare un paragrafo. Cos è? Barra degli strumenti MS Word per la TESI Barra degli strumenti Cos è? Barra degli strumenti Formattazione di un paragrafo Formattazione dei caratteri Gli stili Tabelle, figure, formule Intestazione e piè di pagina Indice e

Dettagli

Linguaggio HTML (2) Attributi di <FONT> Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi:

Linguaggio HTML (2) Attributi di <FONT> Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi: Linguaggio HTML (2) Attributi di Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi: SIZE= numero per modificare le dimensioni Es:

Dettagli

CREARE MAPPE CONCETTUALI CON POWER POINT PowerPoint della versione 2003 di Office

CREARE MAPPE CONCETTUALI CON POWER POINT PowerPoint della versione 2003 di Office CREARE MAPPE CONCETTUALI CON POWER POINT PowerPoint della versione 2003 di Office INTRODUZIONE Le mappe concettuali sono strumenti utili per lo studio e la comunicazione. Sono disponibili vari software

Dettagli

Esame di Informatica CHE COS È UN FOGLIO ELETTRONICO CHE COS È UN FOGLIO ELETTRONICO CHE COS È UN FOGLIO ELETTRONICO. Facoltà di Scienze Motorie

Esame di Informatica CHE COS È UN FOGLIO ELETTRONICO CHE COS È UN FOGLIO ELETTRONICO CHE COS È UN FOGLIO ELETTRONICO. Facoltà di Scienze Motorie Facoltà di Scienze Motorie CHE COS È UN FOGLIO ELETTRONICO Una tabella che contiene parole e numeri che possono essere elaborati applicando formule matematiche e funzioni statistiche. Esame di Informatica

Dettagli

federica.mazzocchi@gmail.com - 3292365399

federica.mazzocchi@gmail.com - 3292365399 SELEZIONARE PIU COSE INSIEME - Se sono tutte una dopo all altra: - clic sul primo oggetto - tenere premuto - clic sull ultimo - Se sono sparse: - tenere premuto ctrl - premere sui vari oggetti - lasciare

Dettagli

Uso di base delle funzioni in Microsoft Excel

Uso di base delle funzioni in Microsoft Excel Uso di base delle funzioni in Microsoft Excel Le funzioni Una funzione è un operatore che applicato a uno o più argomenti (valori, siano essi numeri con virgola, numeri interi, stringhe di caratteri) restituisce

Dettagli

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

LEZIONE 6. Sommario LEZIONE 6 CORSO DI COMPUTER PER SOCI CURIOSI 1 LEZIONE 6 Sommario SESTA LEZIONE... 2 FACCIAMO IL PUNTO DELLA SITUAZIONE... 2 POSTA IN ARRIVO... 3 LEGGERE UN MESSAGGIO... 4 SCRIVERE UN MESSAGGIO... 4 SCRIVIAMO!... 5 RISPONDIAMO!... 5 SESTA LEZIONE

Dettagli

Biblioteca di Cervia NOZIONI BASE DI INFORMATICA

Biblioteca di Cervia NOZIONI BASE DI INFORMATICA Biblioteca di Cervia NOZIONI BASE DI INFORMATICA NOZIONI DI INFORMATICA Il PC è composto solitamente di tre parti principali: - Il Case, ovvero il contenitore del cuore del computer, da qui si accende

Dettagli

EasyPrint v4.15. Gadget e calendari. Manuale Utente

EasyPrint v4.15. Gadget e calendari. Manuale Utente EasyPrint v4.15 Gadget e calendari Manuale Utente Lo strumento di impaginazione gadget e calendari consiste in una nuova funzione del software da banco EasyPrint 4 che permette di ordinare in maniera semplice

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

La grafica con Word. La parte evidenziata è una Riga. La parte evidenziata è una Colonna. La parte evidenziata è una Cella

La grafica con Word. La parte evidenziata è una Riga. La parte evidenziata è una Colonna. La parte evidenziata è una Cella 9 La grafica con Word Lezione 09 Word non è un programma di grafica e, pertanto, non può sostituire i programmi che sono abilitati alle realizzazioni grafiche. Nonostante tutto, però, la grafica in Word

Dettagli

Circolari e lettere da Word con anagrafiche e indirizzi da Metodo

Circolari e lettere da Word con anagrafiche e indirizzi da Metodo Circolari e lettere da Word con anagrafiche e indirizzi da Metodo Metodo sfrutta tutte le potenzialità messe a disposizione da Microsoft Windows integrandosi perfettamente su tale piattaforma e permettendo

Dettagli

Corso html 5. Di Roberto Abutzu. *********** Quarta parte: Body ed elementi strutturali. ********** Cos'è il Body e gli elementi strutturali?

Corso html 5. Di Roberto Abutzu. *********** Quarta parte: Body ed elementi strutturali. ********** Cos'è il Body e gli elementi strutturali? Corso html 5. Di Roberto Abutzu. *********** Quarta parte: Body ed elementi strutturali. ********** Cos'è il Body e gli elementi strutturali? Riprendiamo il discorso, introducendo la tag Body e iniziando

Dettagli

4.1.1.1 APRIRE UN PROGRAMMA DI FOGLIO ELETTRONICO

4.1.1.1 APRIRE UN PROGRAMMA DI FOGLIO ELETTRONICO 4.1 PER INIZIARE 4.1.1 PRIMI PASSI COL FOGLIO ELETTRONICO 4.1.1.1 APRIRE UN PROGRAMMA DI FOGLIO ELETTRONICO L icona del vostro programma Excel può trovarsi sul desktop come in figura. In questo caso basta

Dettagli

[Dimensionare la pagina-creare le tabelle-formattare le tabelle-formattare la pagina

[Dimensionare la pagina-creare le tabelle-formattare le tabelle-formattare la pagina [Dimensionare la pagina-creare le tabelle-formattare le tabelle-formattare la pagina Creare cartelle per salvare il lavoro] Per iniziare dobbiamo imparare a gestire quello spazio bianco che diverrà la

Dettagli

Settaggio impostazioni tema. Cliccando nuovamente su aspetto e poi su personalizza si avrà modo di configurare la struttura dinamica della template.

Settaggio impostazioni tema. Cliccando nuovamente su aspetto e poi su personalizza si avrà modo di configurare la struttura dinamica della template. I TEMI PREDEFINITI (TEMPLATE) Scelta del tema I temi predefiniti di wordpress sono la base di un sito che usa un utente che per ragioni pratiche o per incapacità non può creare un sito usando solo codice

Dettagli

Cos è ACCESS? E un programma di gestione di database (DBMS) Access offre: un ambiente user frendly da usare (ambiente grafico)

Cos è ACCESS? E un programma di gestione di database (DBMS) Access offre: un ambiente user frendly da usare (ambiente grafico) Cos è ACCESS? E un programma di gestione di database (DBMS) Access offre: un ambiente user frendly da usare (ambiente grafico) 1 Aprire Access Appare una finestra di dialogo Microsoft Access 2 Aprire un

Dettagli

I link o collegamenti ipertestuali

I link o collegamenti ipertestuali I link o collegamenti ipertestuali Lo sviluppo mondiale di Internet è cominciato all inizio degli anni 90 quando un ricercatore del CERN ha inventato un sistema di mostrare le pagine basato su due semplici

Dettagli

IL MIO PRIMO SITO NEWS USANDO GLI SCHEDARI

IL MIO PRIMO SITO NEWS USANDO GLI SCHEDARI Pagina 1 UN SISTEMA DI NEWS Sommario UN SISTEMA DI NEWS...1 Introduzione...2 Scelgo l'area su cui operare...3 Un minimo di teoria...3 Creo le Pagine...4 Definizione dello Schedario Novità...6 Compilo la

Dettagli

INDICE. Accesso al Portale Pag. 2. Nuovo preventivo - Ricerca articoli. Pag. 4. Nuovo preventivo Ordine. Pag. 6. Modificare il preventivo. Pag.

INDICE. Accesso al Portale Pag. 2. Nuovo preventivo - Ricerca articoli. Pag. 4. Nuovo preventivo Ordine. Pag. 6. Modificare il preventivo. Pag. Gentile Cliente, benvenuto nel Portale on-line dell Elettrica. Attraverso il nostro Portale potrà: consultare la disponibilità dei prodotti nei nostri magazzini, fare ordini, consultare i suoi prezzi personalizzati,

Dettagli

Tutorial di HTML basato su HTML 4.0 e CSS 2

Tutorial di HTML basato su HTML 4.0 e CSS 2 Claudia Picardi Tutorial di HTML basato su HTML 4.0 e CSS 2 Informatica II per Scienze e Turismo Alpino Docenti: Viviana Patti e Claudia Picardi 4 Tabelle 4.1 La struttura di una tabella Elementi principali

Dettagli

File, Modifica, Visualizza, Strumenti, Messaggio

File, Modifica, Visualizza, Strumenti, Messaggio Guida installare account in Outlook Express Introduzione Questa guida riguarda di sicuro uno dei programmi maggiormente usati oggi: il client di posta elettronica. Tutti, ormai, siamo abituati a ricevere

Dettagli

Creare tabelle con Word

Creare tabelle con Word Creare tabelle con Word Premessa In questa breve guida userò spesso il termine "selezionare". "Selezionare", riferito ad un documento informatico, vuol dire evidenziare con il mouse, o con altre combinazioni

Dettagli

Nuovo sito internet Creare un attività/evento

Nuovo sito internet Creare un attività/evento Nuovo sito internet Creare un attività/evento Per creare un attività/evento dobbiamo essere loggati ed avere i permessi da redattore Dalla dashboard (barra nera in cima alla videata è sufficiente passare

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

Come costruire una presentazione. PowerPoint 1. ! PowerPoint permette la realizzazione di presentazioni video ipertestuali, animate e multimediali

Come costruire una presentazione. PowerPoint 1. ! PowerPoint permette la realizzazione di presentazioni video ipertestuali, animate e multimediali PowerPoint Come costruire una presentazione PowerPoint 1 Introduzione! PowerPoint è uno degli strumenti presenti nella suite Office di Microsoft! PowerPoint permette la realizzazione di presentazioni video

Dettagli

COME ELIMINARE PARTI DEL TEMPLATE IN PAGINE SINGOLE

COME ELIMINARE PARTI DEL TEMPLATE IN PAGINE SINGOLE COME ELIMINARE PARTI DEL TEMPLATE IN PAGINE SINGOLE Con questa guida impareremo come eliminare delle singole zone del template che utilizziamo all'interno di una pagina specifica. Questo metodo torna utile

Dettagli

HTML per tu+ Chiara Pere+

HTML per tu+ Chiara Pere+ HTML per tu+ Chiara Pere+ Cos é L HTML è il linguaggio con cui potete indicare come i vari elemen7 saranno dispos7 in una pagina Web. L estensione del file è.html e verrà visualizzato corre?amente trascinandolo

Dettagli

[FINANZAECOMUNICAZIONE / VADEMECUM]

[FINANZAECOMUNICAZIONE / VADEMECUM] 2011 Finanza e Comunicazione [FINANZAECOMUNICAZIONE / VADEMECUM] [PANNELLO DI CONTROLLO SCRIVERE UN ARTICOLO PUBBLICARE MEDIA CREARE UNA GALLERIA FOTOGRAFICA MODIFICHE SUCCESSIVE CAMBIARE PASSWORD SALVARE,

Dettagli

Introduzione. Strumenti di Presentazione Power Point. Risultato finale. Slide. Power Point. Primi Passi 1

Introduzione. Strumenti di Presentazione Power Point. Risultato finale. Slide. Power Point. Primi Passi 1 Introduzione Strumenti di Presentazione Power Point Prof. Francesco Procida procida.francesco@virgilio.it Con il termine STRUMENTI DI PRESENTAZIONE, si indicano programmi in grado di preparare presentazioni

Dettagli

Laboratorio di informatica umanistica

Laboratorio di informatica umanistica UNIVERSITÀ DEGLI STUDI DI SASSARI Dipartimento di Storia, Scienze dell Uomo e della Formazione Laboratorio di Informatica Umanistica Manuale Esercitazione 3 Docente: 1 Introduzione a Calc Introduzione

Dettagli

MAUALE PIATTAFORMA MOODLE

MAUALE PIATTAFORMA MOODLE MAUALE PIATTAFORMA MOODLE La piattaforma moodle ci permette di salvare e creare contenuti didattici. Dal menù principale è possibile: inviare dei messaggi agli altri docenti che utilizzano la piattaforma:

Dettagli

APPUNTI POWER POINT (album foto)

APPUNTI POWER POINT (album foto) APPUNTI POWER POINT (album foto) Sommario Informazioni generali sulla creazione di un album di foto... 2 Aggiungere un'immagine da un file o da un disco... 2 Aggiungere una didascalia... 2 Modificare l'aspetto

Dettagli

2.2.2.1 Identificare le diverse parti di una finestra: barra del titolo, barra dei menu, barra degli strumenti, barra di stato, barra di scorrimento.

2.2.2.1 Identificare le diverse parti di una finestra: barra del titolo, barra dei menu, barra degli strumenti, barra di stato, barra di scorrimento. Uso del computer e gestione dei file 57 2.2.2.1 Identificare le diverse parti di una finestra: barra del titolo, barra dei menu, barra degli strumenti, barra di stato, barra di scorrimento. All interno

Dettagli

CREARE PRESENTAZIONI CON POWERPOINT

CREARE PRESENTAZIONI CON POWERPOINT CREARE PRESENTAZIONI CON POWERPOINT Creare presentazioni per proiettare album fotografici su PC, presentare tesi di laurea, o esporre prodotti e servizi. Tutto questo lo puoi fare usando un programma di

Dettagli

3.5.1.1 Aprire, preparare un documento da utilizzare come documento principale per una stampa unione.

3.5.1.1 Aprire, preparare un documento da utilizzare come documento principale per una stampa unione. Elaborazione testi 133 3.5 Stampa unione 3.5.1 Preparazione 3.5.1.1 Aprire, preparare un documento da utilizzare come documento principale per una stampa unione. Abbiamo visto, parlando della gestione

Dettagli

Il foglio elettronico 5/06/2013

Il foglio elettronico 5/06/2013 Il foglio elettronico 5/06/2013 Che cos'è un foglio elettronico Quando dobbiamo eseguire dei calcoli, rappresentare tabelle, fare disegni, siamo portati naturalmente a servirci di fogli a quadretti perché

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

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

Alla scoperta della nuova interfaccia di Office 2010

Alla scoperta della nuova interfaccia di Office 2010 Alla scoperta della nuova interfaccia di Office 2010 Una delle novità più eclatanti della versione 2007 era la nuova interfaccia con la barra multifunzione. Office 2010 mantiene questa filosofia di interfaccia

Dettagli

Se avete domande scrivetemi a vtornar@libero.it

Se avete domande scrivetemi a vtornar@libero.it QuestionMark Il QuestionMark è un applicazione java che non richiede installazione, per avviarla bisogna fare doppio clic sul file QuestionMark.jar presente nella stessa cartella di questo file Leggimi.

Dettagli

WORD 97 SCRIVERE UNA TESI DI LAUREA

WORD 97 SCRIVERE UNA TESI DI LAUREA WORD 97 SCRIVERE UNA TESI DI LAUREA PASSO 1 Per prima cosa pensiamo al formato generale della pagina: i margini richiesti da una tesi sono quasi sempre più ampi di quelli di un testo normale. Apriamo ora

Dettagli

CORSO DI INFORMATICA 2

CORSO DI INFORMATICA 2 CORSO DI INFORMATICA 2 RINOMINARE FILE E CARTELLE Metodo 1 1 - clicca con il tasto destro del mouse sul file o cartella che vuoi rinominare (nell esempio Mio primo file ) 2 - dal menu contestuale clicca

Dettagli

USO DI EXCEL CLASSE PRIMAI

USO DI EXCEL CLASSE PRIMAI USO DI EXCEL CLASSE PRIMAI In queste lezioni impareremo ad usare i fogli di calcolo EXCEL per l elaborazione statistica dei dati, per esempio, di un esperienza di laboratorio. Verrà nel seguito spiegato:

Dettagli

Primi passi con HTML. Il documento HTML

Primi passi con HTML. Il documento HTML Primi passi con HTML. Il documento HTML La mia prima pagina in HTML Questo è il corpo del documento che stiamo realizzando. Questa non è una nuova riga.

Dettagli

Formattazione. ü Introduzione

Formattazione. ü Introduzione Formattazione ü Introduzione Abbiamo fatto un bel po' di lavoro con Mathematica, vero? Abbiamo visto come creare, valutare, semplificare, disegnare, programmare, cucinare, pescare, ed anche come sfilare

Dettagli

CREAZIONE DI UN DATABASE E DI TABELLE IN ACCESS

CREAZIONE DI UN DATABASE E DI TABELLE IN ACCESS CONTENUTI: CREAZIONE DI UN DATABASE E DI TABELLE IN ACCESS Creazione database vuoto Creazione tabella Inserimento dati A) Creazione di un database vuoto Avviamo il programma Microsoft Access. Dal menu

Dettagli

Leggere un messaggio. Copyright 2009 Apogeo

Leggere un messaggio. Copyright 2009 Apogeo 463 Leggere un messaggio SyllabuS 7.6.3.3 Per contrassegnare un messaggio selezionato puoi fare clic anche sulla voce di menu Messaggio > Contrassegna messaggio. Marcare, smarcare un messaggio I messaggi

Dettagli

FUNZIONI DI IMPAGINAZIONE DI WORD

FUNZIONI DI IMPAGINAZIONE DI WORD FUNZIONI DI IMPAGINAZIONE DI WORD IMPOSTARE LA PAGINA Impostare la pagina significa definire il formato del foglio e vari altri parametri. Per impostare la pagina occorre fare clic sul menu File e scegliere

Dettagli

NUOVA PROCEDURA COPIA ED INCOLLA PER L INSERIMENTO DELLE CLASSIFICHE NEL SISTEMA INFORMATICO KSPORT.

NUOVA PROCEDURA COPIA ED INCOLLA PER L INSERIMENTO DELLE CLASSIFICHE NEL SISTEMA INFORMATICO KSPORT. NUOVA PROCEDURA COPIA ED INCOLLA PER L INSERIMENTO DELLE CLASSIFICHE NEL SISTEMA INFORMATICO KSPORT. Con l utilizzo delle procedure di iscrizione on line la società organizzatrice ha a disposizione tutti

Dettagli

PowerPoint 2007 Le funzioni

PowerPoint 2007 Le funzioni PowerPoint 2007 Le funzioni Introduzione Cos è un ipertesto L' ipertesto è un testo organizzato in link, o collegamenti ad altre parti del testo e/o altri testi, in modo da consentire all utente di scegliere

Dettagli

Ipertesti. Informatica. Internet e WEB WEB. Come funziona il WWW. Come funziona il WWW. Lezione III. Il linguaggio HTML Hyper Text Murkup Language

Ipertesti. Informatica. Internet e WEB WEB. Come funziona il WWW. Come funziona il WWW. Lezione III. Il linguaggio HTML Hyper Text Murkup Language Informatica Lezione III Il linguaggio HTML Hyper Text Murkup Language Ipertesti Sono testi che possono essere letti sia in modo sequenziale sia eseguendo salti da un paragrafo ad un altro Sono il soggetto

Dettagli

Language. info@settingweb.it. www.settingweb.it

Language. info@settingweb.it. www.settingweb.it HTML HyperText Markup Language Documenti ipertestuali Sono formati da documenti multimediali: testo, immagini, suoni, video, ecc Comprendono le seguenti parti: contenuto struttura presentazione Che cos

Dettagli

Guido d uso sito internet Unione Valdera

Guido d uso sito internet Unione Valdera Guido d uso sito internet Unione Valdera Accesso Area riservata di gestione sito: Inserito nome utente e password vi troverete la schermata di cui sotto con le sezioni del sito in evidenza Cliccando sulla

Dettagli

DOCUMENTO ESPLICATIVO

DOCUMENTO ESPLICATIVO DOCUMENTO ESPLICATIVO Modificare il proprio sito con Web designer Digitate il vostro username e password e compariranno tre tasti: AREA RISERVATA, WEB DESIGNER e LOGOUT Cliccate sul tasto WEB DESIGNER

Dettagli

4 3 4 = 4 x 10 2 + 3 x 10 1 + 4 x 10 0 aaa 10 2 10 1 10 0

4 3 4 = 4 x 10 2 + 3 x 10 1 + 4 x 10 0 aaa 10 2 10 1 10 0 Rappresentazione dei numeri I numeri che siamo abituati ad utilizzare sono espressi utilizzando il sistema di numerazione decimale, che si chiama così perché utilizza 0 cifre (0,,2,3,4,5,6,7,8,9). Si dice

Dettagli

Disegni di Ricerca e Analisi dei Dati in Psicologia Clinica. Rcmdr

Disegni di Ricerca e Analisi dei Dati in Psicologia Clinica. Rcmdr Disegni di Ricerca e Analisi dei Dati in Psicologia Clinica Rcmdr http://www.r-project.org http://qplab.psy.unipd.it Che cos è Rcmdr? Rcmdr è un pacchetto che possiamo scaricare dal CRAN e installare su

Dettagli

file:///c:/formazione/photoshop-webmaster-uffici/doc/guida-winzip.htm Guida a Winzip

file:///c:/formazione/photoshop-webmaster-uffici/doc/guida-winzip.htm Guida a Winzip Guida a Winzip Winzip è uno dei programmi più famosi per comprimere file rendendoli meno pesanti (in termini di Byte) e quindi proprio per questa sua caratteristica è uno dei programmi più usati su internet

Dettagli

Guida per la registrazione alla piattaforma di Gestione dei Corsi per il Consulente Tecnico Telematico

Guida per la registrazione alla piattaforma di Gestione dei Corsi per il Consulente Tecnico Telematico Guida per la registrazione alla piattaforma di Gestione dei Corsi per il Consulente Tecnico Telematico Maribel Maini Indi ndice ce: Procedura di registrazione alla piattaforma e di creazione del proprio

Dettagli

tommaso.iacomino@gmail.com INTERNET EXPLORER Guida introduttiva CAPITOLO 1 Fig. 1

tommaso.iacomino@gmail.com INTERNET EXPLORER Guida introduttiva CAPITOLO 1 Fig. 1 INTERNET EXPLORER Guida introduttiva CAPITOLO 1 Fig. 1 IMPORTANTE: forse non visualizzate questa barra, se così fosse usiamo questa procedura: posizioniamo il cursore sulla parte vuota tasto destro del

Dettagli

STAMPA DI UNA PAGINA SEMPLICE

STAMPA DI UNA PAGINA SEMPLICE Pagina 11 copiati nel proprio sistema (disco fisso o floppy). Questa operazione è detta download o scaricamento. Il modo più semplice per effettuare un download di un file (a meno che non sia specificato

Dettagli

WORD (livello avanzato): Struttura di un Documento Complesso. Struttura di un Documento Complesso

WORD (livello avanzato): Struttura di un Documento Complesso. Struttura di un Documento Complesso Parte 5 Adv WORD (livello avanzato): Struttura di un Documento Complesso 1 di 30 Struttura di un Documento Complesso La realizzazione di un libro, di un documento tecnico o scientifico complesso, presenta

Dettagli

HTML HTML. HyperText Markup Language. Struttura di un documento. Gli elementi essenziali di un documento HTML sono i seguenti TAG: <HTML>...

HTML HTML. HyperText Markup Language. Struttura di un documento. Gli elementi essenziali di un documento HTML sono i seguenti TAG: <HTML>... HTML HyperText Markup Language Struttura di un documento HTML Gli elementi essenziali di un documento HTML sono i seguenti TAG: ... ... ... Struttura di un documento

Dettagli

HTML SITI WEB. FEQUENZA OBBLIGATORIA 80% ESERCITAZIONI (laboratorio) RICONOSCIMENTO 3 CFU. infolab@uniroma3.it host.uniroma3.it/laboratori/infolab

HTML SITI WEB. FEQUENZA OBBLIGATORIA 80% ESERCITAZIONI (laboratorio) RICONOSCIMENTO 3 CFU. infolab@uniroma3.it host.uniroma3.it/laboratori/infolab HTML SITI WEB FEQUENZA OBBLIGATORIA 80% ESERCITAZIONI (laboratorio) RICONOSCIMENTO 3 CFU infolab@uniroma3.it host.uniroma3.it/laboratori/infolab INTERNET Generalmente Internet è definita la rete delle

Dettagli

A T I C _W E B G U I D A AL L A N A V I G A Z I O N E S U L S I T O D E L G R U P P O. Rev. 2.1

A T I C _W E B G U I D A AL L A N A V I G A Z I O N E S U L S I T O D E L G R U P P O. Rev. 2.1 G U I D A AL L A N A V I G A Z I O N E S U L S I T O D E L G R U P P O A T I C _W E B Rev. 2.1 1 1. ISCRIZIONE Le modalità di iscrizione sono due: Iscrizione volontaria Iscrizione su invito del Moderatore

Dettagli

World Wide Web. Organizzazione ed architettura Filosofia di Web Web etiquette Protocolli di lavoro HTTP URL Linguaggio HTML

World Wide Web. Organizzazione ed architettura Filosofia di Web Web etiquette Protocolli di lavoro HTTP URL Linguaggio HTML WWW 1/36 Ing. Valerio Lacagnina World Wide Web Organizzazione ed architettura Filosofia di Web Web etiquette Protocolli di lavoro HTTP URL WWW 2/36 Introduzione WWW o W3 è l acronimo di World Wide Web

Dettagli

Dipartimento di Ingegneria Civile e Ambientale TYPO 3 MANUALE UTENTE

Dipartimento di Ingegneria Civile e Ambientale TYPO 3 MANUALE UTENTE Dipartimento di Ingegneria Civile e Ambientale TYPO 3 MANUALE UTENTE Sommario 1) Introduzione... 3 2) Come richiedere l autorizzazione alla creazione di pagine personali... 3 3) Frontend e Backend... 3

Dettagli

Realizzare una mappa con OpenOffice Draw

Realizzare una mappa con OpenOffice Draw Realizzare una mappa con OpenOffice Draw Preparare alcune immagini, che costituiranno il materiale di partenza. Raccontiamo ai bambini (o inventiamo con loro) la storia che mette in relazione le immagini

Dettagli

Personalizza. Page 1 of 33

Personalizza. Page 1 of 33 Personalizza Aprendo la scheda Personalizza, puoi aggiungere, riposizionare e regolare la grandezza del testo, inserire immagini e forme, creare una stampa unione e molto altro. Page 1 of 33 Clicca su

Dettagli

LA FINESTRA DI EXCEL

LA FINESTRA DI EXCEL 1 LA FINESTRA DI EXCEL Barra di formattazione Barra degli strumenti standard Barra del titolo Barra del menu Intestazione di colonna Contenuto della cella attiva Barra della formula Indirizzo della cella

Dettagli