Pagine HTML. Concetti chiave. G.1 Tag. Basi del linguaggio HTML Realizzare semplici pagine HTML

Dimensione: px
Iniziare la visualizzazioe della pagina:

Download "Pagine HTML. Concetti chiave. G.1 Tag. Basi del linguaggio HTML Realizzare semplici pagine HTML"

Transcript

1 Pagine HTML G Concetti chiave Basi del linguaggio HTML Realizzare semplici pagine HTML G.1 Tag Accludiamo questa appendice al fine di dare al lettore non esperto della materia gli elementi di base necessari per comprendere e utilizzare i programmi introdotti nel Capitolo 25, dove abbiamo trattato lo sviluppo di applicazioni in architettura Internet. In Figura GW.1 vediamo un esempio di quella che potrebbe essere la pagina principale della versione ipertestuale di questo libro. La pagina presenta in alto il titolo, alcune informazioni bibliografiche e i nomi degli autori: facendovi un clic sopra è possibile inviare loro un messaggio di posta elettronica. Sempre in alto, ma a sinistra, troviamo un immagine con il logo della casa editrice e un ipotetica divisione editoriale cui il testo fa capo, Istruzione scientifica: si tratta di un collegamento con il quale si accede direttamente alla home page della McGraw-Hill Italia. Nella parte inferiore della pagina abbiamo invece un indice del libro, contenente link grazie ai quali possiamo visualizzare i vari capitoli. Segue poi, ripetuto ancora, l elenco dei capitoli; questa volta però un clic sul collegamento provocherà il trasferimento del corrispondente file di testo dal server remoto al nostro computer. I contrassegni o tag HTML sono parole riservate racchiuse fra parentesi angolari; spesso si presentano in coppie, in cui il tag di chiusura ha lo stesso nome del tag di apertura ma è preceduto da una barra, /. Ogni pagina, anche quella del Listato GW.1, si apre sempre con <HTML>, si chiude con </HTML> ed è suddivisa in intestazione, che contiene il titolo della pagina, e corpo. L intestazione è racchiusa fra i tag <HEAD> e </HEAD>, nell esempio: <HEAD> <TITLE> Linguaggio C </TITLE> </HEAD>

2 A07w2 / Appendice G Figura GW.1 La possibile pagina iniziale della rappresentazione in formato HTML di questo libro Listato GW.1 Lo script HTML che visualizza la pagina di Figura GW.1 <HTML> <HEAD> <TITLE> Linguaggio C</TITLE> </HEAD> <BODY BGCOLOR="#FFFF10"> <IMG SRC="McGraw.gif" ALT=" LogoMcGraw " ALIGN=LEFT> <H1 ALIGN=CENTER>Linguaggio C</H1> <H3 ALIGN=CENTER>McGraw-Hill Companies, Publishing Group Italia, Giugno 2013</H3> <H4 ALIGN=CENTER> di <A HREF=mailto:andreag@sofpti.it>Andrea Guidi</A> e <A HREF=mailto:abel@mathema.com>Alessandro Bellini</A> </H4 ALIGN=CENTER> <H4><A HREF= Istruzione scientifica</a></h4> <HR SIZE=2> <P>

3 Pagine HTML / A07w3 I nuovi linguaggi che si sono presentati sulla scena dell informatica devono molto al C, la cui conoscenza costituisce un ottimo viatico per il loro rapido apprendimento. Siamo convinti che prima di affrontare il paradigma degli oggetti, tipico dei linguaggi quali Objective-C, C++ e Java il miglior approccio didattico sia apprendere la programmazione strutturata e modulare. E' ciò che facciamo con questo testo, che è un corso completo di C, un linguaggio largamente utilizzato in tutti gli ambiti applicativi, il quale per l'eleganza della sintassi e la compattezza dei costrutti è una sfida permanente alle capacità intellettuali del progettista software nonché una utilissima palestra per il giovane programmatore. </P> <UL> <H3> Capitolo 1 <A HREF="Capitolo1.html"> Computer</A> Capitolo 2 <A HREF="Capitolo2.html"> Sistemi operativi</a> Capitolo 3 <A HREF="Capitolo3.html"> Algoritmi</A> Capitolo 4 <A HREF="Capitolo4.html"> Programmi</A> Capitolo 5 <A HREF="Capitolo5.html"> Sequenza</A> Capitolo 6 <A HREF="Capitolo6.html"> Tipi fondamentali</a>... Download Capitolo 1 <A HREF=Capitolo1.zip> Computer </A> Download Capitolo 2 <A HREF=Capitolo2.zip> Sistemi operativi </A>... </UL> </BODY> </HTML> All interno dell intestazione appare il titolo della pagina Linguaggio C racchiuso fra i tag <TITLE> e </TITLE>. Il titolo permette di identificare la pagina, per esempio nei segnalibri e nella cronologia dei browser. Il resto della pagina è costituito dal corpo, compreso tra <BODY> e </BODY>.

4 A07w4 / Appendice G Nel tag di apertura possiamo inserire alcune caratteristiche generali della pagina; per esempio, nel Listato GW.1, da cui si ottiene la visualizzazione di Figura GW.1, abbiamo: <BODY BGCOLOR="#FFFF10"> che definisce come giallo il colore dello sfondo. Il codice FFFF10, che rappresenta il colore, è in formato esadecimale, ovvero in un sistema di numerazione basato su 16 cifre. Per inserire un immagine possiamo utilizzare il tag IMG SRC seguito da = e dal nome del file tra doppi apici; nel caso dell esempio, McGraw.gif: <IMG SRC="McGraw.gif" ALT=" LogoMcGraw " ALIGN=LEFT> ALT definisce il nome che viene mostrato tenendo leggermente premuto il tasto sinistro del mouse quando si è posizionati sopra l immagine; in questo caso LogoMcGraw. Invece la specifica ALIGN permette di centrare o allineare a sinistra o a destra l immagine rispettivamente con ALIGN CENTER, ALIGN LEFT, ALIGN RIGHT. Il nome del file dell immagine sorgente è in realtà il cammino o pathname che lo identifica univocamente nel file system. Sarebbe stato in effetti preferibile scrivere: <IMG SRC=" C:\documenti\gabriele\immagini\McGraw.gif"> precisando così che McGraw.gif si trova nella cartella immagini, contenuta nella cartella gabriele a sua volta contenuta in documenti nel disco C. Al contrario, nel nostro esempio, riportando solo il nome del file, viene sottinteso che l immagine è posizionata nella stessa cartella in cui è contenuto il file del Listato GW.1. Il corpo può contenere titoli di livello diverso, ottenuti con i tag <H1>, <H2>, <H3>,... in base alla loro importanza. Il testo da visualizzare va posto fra il tag di apertura e quello di chiusura. Nell esempio abbiamo: <H1 ALIGN=CENTER>Linguaggio C</H1> che fa della frase Linguaggio C un titolo di primo livello centrato. Così, per esempio: <H1>Qualcuno ha ospitato un angelo</h1> <H2>Qualcuno ha ospitato un angelo</h2> <H3>Qualcuno ha ospitato un angelo</h3> <H4>Qualcuno ha ospitato un angelo</h4> mostreranno sulla pagina qualcosa di simile: Qualcuno ha ospitato un angelo Qualcuno ha ospitato un angelo Qualcuno ha ospitato un angelo Qualcuno ha ospitato un angelo Dunque anche il testo può essere centrato, allineato a sinistra o a destra con la specifiche ALIGN CENTER, ALIGN LEFT, ALIGN RIGHT:

5 Pagine HTML / A07w5 <H1 ALIGN=RIGHT>Qualcuno ha ospitato un angelo</h1> visualizzerà: Qualcuno ha ospitato un angelo mentre nel Listato GW.1 il tag: <H3 ALIGN=CENTER>McGraw-Hill Companies, Publishing Group Italia, Giugno 2013</H3> centra il nome dell editore e la data dell edizione. Una porzione di testo o un immagine, oltre a essere attivati come collegamenti con altre pagine Web, possono essere utilizzati anche per attivare servizi Internet quali la posta elettronica, una connessione Telnet o un servizio FTP sia sul sistema locale sia su altri siti Web. Il clic dell utente sul collegamento scatenerà l azione associata. Per creare una connessione usiamo il tag HREF che inizia con A HREF= seguito, nel caso della posta elettronica, da mailto: e dall indirizzo di . Successivamente dovrà essere indicato il testo che l utente vedrà nella pagina, quindi il tag dovrà essere chiuso con </A>. Normalmente i browser visualizzeranno il testo che è racchiuso fra i due tag come testo sottolineato e in un colore differente, proprio per indicare all utente che si tratta di un link. Nel nostro esempio abbiamo: <A HREF=mailto:abel@mathema.com>Alessandro Bellini</A> Un clic su Alessandro provocherà l impostazione di una diretta ad abel@mathema.com. Per navigare verso un altra risorsa usiamo ancora A HREF= seguito dall indirizzo URL posto fra doppi apici, dal testo che l utente vedrà nella pagina e infine da </A> che chiude il tag: <A HREF= scientifica</a> Di nuovo il browser visualizzerà il testo racchiuso fra i due tag, nello specifico Istruzione scientifica, anche in questo caso sottolineato e con un colore differente per indicare all utente che si tratta di un collegamento che fa riferimento a un indirizzo URL. Continuando l esame del Listato GW.1, il tag HR visualizza una linea orizzontale: <HR SIZE=2> mentre SIZE ne indica lo spessore. HR è un esempio di tag che non necessita del corrispondente tag di chiusura </HR>. Quindi P indica l inizio di un nuovo paragrafo: <P> I nuovi linguaggi che si sono presentati sulla scena dell informatica devono molto al C, la cui conoscenza costituisce un ottimo viatico per il loro rapido apprendimento. Siamo convinti che prima di affrontare il paradigma degli oggetti, tipico dei linguaggi quali C++, un superinsieme del C, e Java il miglior approccio didattico sia apprendere la programmazione strutturata e modulare. E' ciò che facciamo con questo testo, che è un corso completo di C, un linguaggio largamente

6 A07w6 / Appendice G utilizzato in tutti gli ambiti applicativi, il quale per l'eleganza della sintassi e la compattezza dei costrutti è una sfida permanente alle capacità intellettuali del progettista software nonché una utilissima palestra per il giovane programmatore. </P> </P> chiude il paragrafo. Il corpo della pagina può anche contenere degli elenchi di elementi; nella nostra pagina abbiamo l elenco dei capitoli preceduto dal tag <UL> e chiuso da </UL>: <UL> <H3> Capitolo 1 <A HREF="Capitolo1.html"> Computer</A> Capitolo 2 <A HREF="Capitolo2.html"> Sistemi operativi</a>... I tag effettuano un salto a linea nuova mentre all interno di ogni elemento abbiamo un collegamento a una URL, l indirizzo della risorsa che conterrà il capitolo corrispondente. Per esempio, con un clic su Computer accederemo alla pagina HTML che contiene il primo capitolo. Successivamente nello stesso elenco troviamo linee come: Download Capitolo 1 <A HREF=Capitolo1.zip> Computer</A> che permettono di scaricare il file indicato sul nostro computer. Un clic su Computer provocherà infatti il trasferimento dal server remoto a quello locale del file Capitolo1.zip. Si osservi come questi file siano spesso in formato compresso, nel nostro caso un file.zip, così da avere dimensioni più ridotte e poter essere trasferiti più velocemente. G.2 Colori Abbiamo definito il colore dello sfondo assegnando a BGCOLOR il codice esadecimale FFFF10 preceduto dal carattere # e inserito tra doppi apici: <BODY BGCOLOR="#FFFF10"> In Tabella GW.1 riportiamo i colori, i codici mnemonici e quelli esadecimali corrispondenti che si riferiscono al formato RGB (Red, Green, Blue) in cui vengono definiti i valori dei colori rosso, verde e blu usati per formare il colore desiderato. In realtà potremmo utilizzare anche il codice mnemonico scrivendo semplicemente, per esempio: <BODY BGCOLOR="Yellow"> Con i codici esadecimali si riesce comunque a ottenere una più ampia varietà di sfumature, trovando facilmente il colore con la tonalità preferita, come abbiamo fatto nel Listato GW.1. Si provi per esempio a verificare le varie tonalità di rosso che si hanno sostituendo al codice FF0000, che corrisponde a Red, gli altri codici che si ottengono modificando le ultime quattro cifre fino a FF9999.

7 Pagine HTML / A07w7 Tabella GW.1 Tabella dei colori Colore Codice mnemonico Codice esadecimale Acqua Aqua "#00FFFF" Argento Silver "#C0C0C0" Bianco White "#FFFFFF" Blu Blue "#0000FF" Blu marina Navy "#000080" Calce Lime "#00FF00" Castano Maroon "#800000" Fucsia Fuchsia "#FF00FF" Giallo Yellow "#FFFF00" Grigio Gray "#808080" Nero Black "#000000" Porpora Purple "#800080" Rosso Red "#FF0000" Verde Green "#008000" Verde oliva Olive "#808000" All interno del tag di apertura del corpo della pagina possono essere impostate le variabili: BGCOLOR colore dello sfondo TEXT colore del testo BACKGROUND immagine da utilizzare come sfondo Scrivendo: <BODY BGCOLOR="Silver" TEXT="Red"> otterremmo una pagina con il colore di fondo argento e il testo in rosso; lo stesso effetto si otterrebbe anche utilizzando i codici esadecimali: <BODY BGCOLOR="#C0C0C0" TEXT="#FF0000"> Invece con il tag: <BODY BACKGROUND="McGraw.gif"> l immagine McGraw.gif sarebbe utilizzata come sfondo di tutta la pagina. Altri tag come FONT permettono la definizione del colore mediante parametri come COLOR. G.3 Testo Abbiamo già introdotto alcuni dei contrassegni mostrati in Tabella GW.2, che permettono la formattazione del testo. Normalmente la visualizzazione dei paragrafi non tiene conto degli spazi bianchi tra una parola e l altra, delle tabulazioni orizzontali e della scrittura del testo su più righe, a meno di indicarlo espressamente

8 A07w8 / Appendice G Tabella GW.2 Tag <B> <CENTER> <FONT> <HR> <I> <P> <PRE> Alcuni tag di formattazione Effetto il testo seguente viene visualizzato in grassetto salta una linea centra il testo all interno della finestra di visualizzazione controlla la dimensione del carattere da visualizzare visualizza una linea orizzontale. il testo seguente viene visualizzato in corsivo/italico indica l inizio di un paragrafo (preformattato) visualizza il testo esattamente così come viene scritto utilizzando opportuni tag. Se per esempio nel Listato GW.1, al posto di <P>, avessimo usato <PRE> (preformattato) allora il testo sarebbe stato visualizzato nella pagina di Figura GW.1 esattamente come lo avevamo scritto all interno del listato. Per esempio: <B>Bold (grassetto)</b> visualizza: Bold (grassetto) Con la composizione degli appositi tag: <B><I>Grassetto corsivo</i></b> otteniamo il grassetto corsivo: Grassetto corsivo In questo caso è indifferente l ordine dei fattori di formattazione, ma questa regola non è sempre valida nella composizione dei tag. Come abbiamo già detto, il contrassegno <HR> permette di disegnare una linea orizzontale definendone, se lo si desidera, lunghezza e spessore. Il campo WIDTH ne definisce invece la lunghezza in percentuale della finestra di visualizzazione, eventualmente allineandola a sinistra, destra o al centro con il parametro ALIGN seguito rispettivamente dai valori LEFT, RIGHT o CENTER. Il campo SI- ZE definisce lo spessore della linea in base al valore intero che lo segue: più grande è il valore, tanto maggiore è il suo spessore. Nel caso che non sia specificato né il campo WIDTH né quello SIZE, come nell esempio del Listato GW.1, la linea andrà dal margine sinistro a quello destro della finestra e il suo spessore corrisponderà all intero 1. Il tag FONT definisce, oltre al colore del testo con il parametro COLOR, anche la dimensione del carattere da visualizzare per mezzo del parametro SIZE, che assume valori da 1 a 7 (default = 3). Inoltre, se il valore di SIZE è preceduto dal segno meno, la dimensione del carattere verrà diminuita rispetto a quella base. Così la sequenza: <FONT SIZE=1>Uno</FONT>

9 Pagine HTML / A07w9 <FONT SIZE=2>Due</FONT> <FONT SIZE=3>Tre</FONT> <FONT SIZE=4>Quattro</FONT> <FONT SIZE=5>Cinque</FONT> <FONT SIZE=6>Sei</FONT> <FONT SIZE=7>Sette</FONT> visualizzerà: UnoDueTreQuattroCinqueSeiSette Mentre <FONT SIZE=14 COLOR=RED>Dimensione 14, colore rosso<font> visualizzerà: Dimensione 14, colore rosso con la scritta in colore rosso. Il corpo della pagina può contenere degli elenchi che iniziano con i tag <UL> od <OL>, dove ogni singolo elemento è indicato dal tag <LI>. Nel primo caso si tratterà di una lista di elementi puntati, nel secondo numerati; per esempio: <OL> <LI> Computer <LI> Sistemi operativi <LI> Algoritmi </OL> visualizzerà sulla pagina web: Computer Sistemi operativi Algoritmi Il tag <DL> apre invece un elenco composto da una lista di elementi preceduti da <DT> e dalle corrispondenti definizioni, precedute da <DD>. Il listato: <DL> <DT>Capitolo 1 <DD>Computer <DT>Capitolo 2 <DD>Sistemi operativi <DT>Capitolo 3 <DD>Algoritmi </DL>

10 A07w10 / Appendice G restituirà: Capitolo 1 Computer Capitolo 2 Sistemi operativi Capitolo 3 Algoritmi Per posizionare le immagini e i paragrafi di testo in vari punti della pagina dobbiamo invece utilizzare i tag TOP, BOT e MID (cima, fondo, mezzo). Infine, in un listato HTML, si possono inserire anche dei commenti che ne consentiranno una maggiore leggibilità ma non avranno alcuna influenza sulla visualizzazione della pagina, come per esempio il tag: <! È un commento ->s G.4 Form All interno di una pagina Web possono essere inseriti dei contrassegni che permettono di interagire con l utente, rendendo disponibili operazioni di ricerca ma anche di modifica e inserimento di dati in archivi centralizzati. Il tag <FORM ACTION=... METHOD=...>... </FORM> permette l inserimento di dati e può comprendere caselle di testo, di selezione, di riepilogo a discesa oppure pulsanti di comando. Il tag include spesso i comandi Reset e Submit, che consentono rispettivamente di annullare la compilazione dei campi di testo e di eseguire l azione specificata dall attributo AC- TION di <FORM>, utilizzando il programma di elaborazione specificato dall attributo METHOD. L operazione compiuta è in genere l invio di un messaggio di ; con il diffondersi delle applicazioni Internet e Intranet viene però usato sempre più spesso anche in sostituzione di applicazioni tradizionali o per coprire nuove aree applicative. In questo caso i dati inviati dal client al server vengono processati da quest ultimo e possono dar vita a una complessa iterazione con l utente. Applica le abilità Soluzioni sul sito web 1. Cos è un tag? 2. Definire HEAD e BODY. 3. Come si possono ottenere caratteri differenti per tipo e dimensione, in una pagina HTML? Fare alcuni esempi significativi.

11 Pagine HTML / A07w11 4. Come si possono ottenere caratteri e sfondi di colore differente, in una pagina HTML? 5. È possibile inserire in una pagina HTML immagini e farle apparire nella posizione voluta? 6. Come si può fare in modo che un clic su una parte della pagina HTML scateni l invio di una mail all indirizzo desiderato? 7. Come si può fare in modo che un clic su una parte della pagina HTML faccia aprire una pagina diversa? 8. Quante e quali impostazioni di elenchi sono state presentati nel capitolo? 9. Qual è lo scopo del tag FORM? 10. Prendere la pagina di un libro cartaceo di proprio interesse e provare a trasformarla in una pagina visibile da browser. Se non si conoscono i tag per ottenere l effetto voluto, basterà fare una ricerca su Internet per trovare numerosi siti, anche in lingua italiana, che contengono le specifiche del linguaggio HTML. Si impara molto anche confrontando le pagine visualizzate con il loro sorgente: per vederlo esiste sempre un opzione del browser in uso che ce ne dà la possibilità (comando HTML o Page Source del menu Visualizza o View).

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

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

Introduzione al linguaggio HTML. A. Lorenzi - Università di Bergamo - Facoltà di Economia 1

Introduzione al linguaggio HTML. A. Lorenzi - Università di Bergamo - Facoltà di Economia 1 Introduzione al linguaggio HTML A. Lorenzi - Università di Bergamo - Facoltà di Economia 1 Richiami introduttivi (1) sito Internet o sito Web o sito WWW: insieme delle pagine che si riferiscono ad uno

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

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

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

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

On-line Corsi d Informatica sul web

On-line Corsi d Informatica sul web On-line Corsi d Informatica sul web Corso base di FrontPage Università degli Studi della Repubblica di San Marino Capitolo1 CREARE UN NUOVO SITO INTERNET Aprire Microsoft FrontPage facendo clic su Start/Avvio

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

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

INTRODUZIONE AL LINGUAGGIO HTML. Internet + HTML + HTTP = WWW

INTRODUZIONE AL LINGUAGGIO HTML. Internet + HTML + HTTP = WWW 1 INTRODUZIONE AL LINGUAGGIO HTML Internet + HTML + HTTP = WWW Scopo della esercitazione 2 Conoscere i principali tag HTML Realizzare una propria Home Page utilizzando alcuni semplici tag HTML 3 Architettura

Dettagli

Linguaggio HTML. Reti. Il Linguaggio HTML. Il Linguaggio HTML

Linguaggio HTML. Reti. Il Linguaggio HTML. Il Linguaggio HTML Reti Linguaggio HTML 1 HTML = Hypertext Markup Language E il linguaggio usato per descrivere documenti ipertestuali Ipertesto = Testo + elementi di collegamento ad altri testi (link) Linguaggio di markup:

Dettagli

Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog. Marco Torciani. (Terza lezione) Unitre Pavia a.a.

Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog. Marco Torciani. (Terza lezione) Unitre Pavia a.a. Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog (Terza lezione) Unitre Pavia a.a. 2014-2015 27/01/2015 dott. 1 La struttura del testo in html L'HTML fornisce una serie

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

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

Workshop NOS Piacenza: progettare ed implementare ipermedia in classe. pag. 1

Workshop NOS Piacenza: progettare ed implementare ipermedia in classe. pag. 1 1. Come iscriversi a Google Sites: a. collegarsi al sito www.google.it b. clic su altro Sites Registrati a Google Sites e. inserire il proprio indirizzo e-mail f. inserire una password g. re-inserire la

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

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

GUIDA AL PORTALE PARTE 1

GUIDA AL PORTALE PARTE 1 GUIDA AL PORTALE PARTE 1 1 L HOME PAGE Al primo ingresso nel portale www.farmaciefvg.it è visualizzata l Home page (letteralmente pagina di casa ma meglio conosciuta come pagina iniziale ) la cui parte

Dettagli

Corso di HTML. Prerequisiti. Modulo L3. 1-Concetti generali. Browser Rete Internet Client e server. M. Malatesta 1-Concetti generali-12 28/07/2013

Corso di HTML. Prerequisiti. Modulo L3. 1-Concetti generali. Browser Rete Internet Client e server. M. Malatesta 1-Concetti generali-12 28/07/2013 Corso di HTML Modulo L3 1-Concetti generali 1 Prerequisiti Browser Rete Internet Client e server 2 1 Introduzione In questa Unità introduciamo alcuni semplici elementi del linguaggio HTML, con il quale

Dettagli

5. Fondamenti di navigazione e ricerca di informazioni sul Web

5. Fondamenti di navigazione e ricerca di informazioni sul Web 5. Fondamenti di navigazione e ricerca di informazioni sul Web EIPASS Junior SCUOLA PRIMARIA Pagina 43 di 47 In questo modulo sono trattati gli argomenti principali dell universo di Internet, con particolare

Dettagli

HTML HyperText Markup Language:

HTML HyperText Markup Language: HTML HyperText Markup Language: Linguaggio utilizzato per creare pagine Web 421 Introduzione HTML è l'acronimo di HyperText Markup Language HTML e il linguaggio standard per descrivere e definire il contenuto

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

www.associazioni.milano.it - Il sito dedicato alle associazioni no-profit di Milano e provincia

www.associazioni.milano.it - Il sito dedicato alle associazioni no-profit di Milano e provincia Utilizzo del Forum NEWS Il forum news è stato pensato per dare ad ogni associazione la possibilità di pubblicare una pagina di novità all intero del proprio sito (scheda o pagina autocomposta). E la sezione

Dettagli

Università di L Aquila Facoltà di Biotecnologie Agro-alimentari

Università di L Aquila Facoltà di Biotecnologie Agro-alimentari RIFERIMENTI Università di L Aquila Facoltà di Biotecnologie Agro-alimentari Esame di Laboratorio di informatica e statistica Parte 3 (versione 1.0) Il riferimento permette di identificare univocamente

Dettagli

LA FINESTRA DI GOAL (SCHERMATA PRINCIPALE E PANNELLO DEI COMANDI)

LA FINESTRA DI GOAL (SCHERMATA PRINCIPALE E PANNELLO DEI COMANDI) FUNZIONI DEL PROGRAMMA GOAL Il programma GOAL consente all utilizzatore di creare animazioni grafiche rappresentanti schemi, esercitazioni e contrapposizioni tattiche. Le animazioni create possono essere

Dettagli

Guida Joomla. di: Alessandro Rossi, Flavio Copes

Guida Joomla. di: Alessandro Rossi, Flavio Copes Guida Joomla di: Alessandro Rossi, Flavio Copes Grafica e template 1. 15. La grafica e i template Personalizzare l'aspetto del sito aggiungendo nuovi template e customizzandoli 2. 16. Personalizzare il

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

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

19. LA PROGRAMMAZIONE LATO SERVER

19. LA PROGRAMMAZIONE LATO SERVER 19. LA PROGRAMMAZIONE LATO SERVER Introduciamo uno pseudocodice lato server che chiameremo Pserv che utilizzeremo come al solito per introdurre le problematiche da affrontare, indipendentemente dagli specifici

Dettagli

Modulo. Programmiamo in Pascal. Unità didattiche COSA IMPAREREMO...

Modulo. Programmiamo in Pascal. Unità didattiche COSA IMPAREREMO... Modulo A Programmiamo in Pascal Unità didattiche 1. Installiamo il Dev-Pascal 2. Il programma e le variabili 3. Input dei dati 4. Utilizziamo gli operatori matematici e commentiamo il codice COSA IMPAREREMO...

Dettagli

A tal fine il presente documento si compone di tre distinte sezioni:

A tal fine il presente documento si compone di tre distinte sezioni: Guida on-line all adempimento Questa guida vuole essere un supporto per le pubbliche amministrazioni, nella compilazione e nella successiva pubblicazione dei dati riguardanti i dirigenti sui siti istituzionali

Dettagli

Excel. A cura di Luigi Labonia. e-mail: luigi.lab@libero.it

Excel. A cura di Luigi Labonia. e-mail: luigi.lab@libero.it Excel A cura di Luigi Labonia e-mail: luigi.lab@libero.it Introduzione Un foglio elettronico è un applicazione comunemente usata per bilanci, previsioni ed altri compiti tipici del campo amministrativo

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

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

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

TEST: Word & Excel. 2014 Tutti i diritti riservati. Computer Facile - www.computerfacile.webnode.it

TEST: Word & Excel. 2014 Tutti i diritti riservati. Computer Facile - www.computerfacile.webnode.it TEST: Word & Excel 1. Come viene detta la barra contenente il nome del documento? A. barra del titolo B. barra di stato C. barra del nome D. barra dei menu 2. A cosa serve la barra degli strumenti? A.

Dettagli

Manuale per i redattori del sito web OttoInforma

Manuale per i redattori del sito web OttoInforma Manuale per i redattori del sito web OttoInforma Contenuti 1. Login 2. Creare un nuovo articolo 3. Pubblicare l articolo 4. Salvare l articolo in bozza 5. Le categorie 6. Modificare un articolo 7. Modificare

Dettagli

PORTALE CLIENTI Manuale utente

PORTALE CLIENTI Manuale utente PORTALE CLIENTI Manuale utente Sommario 1. Accesso al portale 2. Home Page e login 3. Area riservata 4. Pagina dettaglio procedura 5. Pagina dettaglio programma 6. Installazione dei programmi Sistema operativo

Dettagli

Istruzioni per l installazione del software per gli esami ICoNExam (Aggiornate al 15/01/2014)

Istruzioni per l installazione del software per gli esami ICoNExam (Aggiornate al 15/01/2014) Istruzioni per l installazione del software per gli esami ICoNExam (Aggiornate al 15/01/2014) Il software per gli esami ICON può essere eseguito su qualunque computer dotato di Java Virtual Machine aggiornata.

Dettagli

Avvio di Internet ed esplorazione di pagine Web.

Avvio di Internet ed esplorazione di pagine Web. Incontro 1: Corso di aggiornamento sull uso di internet Avvio di Internet ed esplorazione di pagine Web. Istituto Alberghiero De Filippi Via Brambilla 15, 21100 Varese www.istitutodefilippi.it Tel: 0332-286367

Dettagli

Layout dell area di lavoro

Layout dell area di lavoro Layout dell area di lavoro In Windows, Dreamweaver fornisce un layout che integra tutti gli elementi in una sola finestra. Nell area di lavoro integrata, tutte le finestre e i pannelli sono integrati in

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

INDICE. IL CENTRO ATTIVITÀ... 3 I MODULI... 6 IL MY CLOUD ANASTASIS... 8 Il menu IMPORTA... 8 I COMANDI DEL DOCUMENTO...

INDICE. IL CENTRO ATTIVITÀ... 3 I MODULI... 6 IL MY CLOUD ANASTASIS... 8 Il menu IMPORTA... 8 I COMANDI DEL DOCUMENTO... MANCA COPERTINA INDICE IL CENTRO ATTIVITÀ... 3 I MODULI... 6 IL MY CLOUD ANASTASIS... 8 Il menu IMPORTA... 8 I COMANDI DEL DOCUMENTO... 12 I marchi registrati sono proprietà dei rispettivi detentori. Bologna

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

NAVIGARE IN INTERNET (Dal latino inter e dall inglese net = tra la rete )

NAVIGARE IN INTERNET (Dal latino inter e dall inglese net = tra la rete ) NAVIGARE IN INTERNET (Dal latino inter e dall inglese net = tra la rete ) 1.1 SE CONOSCIAMO L'INDIRIZZO - 1. ACCEDERE ALLE PAGINE WEB (Web = rete) APRIRE L' URL (Uniform Resource Locator), cioè l'indirizzo

Dettagli

L amministratore di dominio

L amministratore di dominio L amministratore di dominio Netbuilder consente ai suoi clienti di gestire autonomamente le caselle del proprio dominio nel rispetto dei vincoli contrattuali. Ciò è reso possibile dall esistenza di un

Dettagli

NAVIGAORA HOTSPOT. Manuale utente per la configurazione

NAVIGAORA HOTSPOT. Manuale utente per la configurazione NAVIGAORA HOTSPOT Manuale utente per la configurazione NAVIGAORA Hotspot è l innovativo servizio che offre ai suoi clienti accesso ad Internet gratuito, in modo semplice e veloce, grazie al collegamento

Dettagli

Form di gestione del contenuto

Form di gestione del contenuto Form di gestione del contenuto Inserimento delle informazioni strutturate che compongono il nodo 40 Form di gestione del contenuto Selezionando il comando Modifica accanto al contenuto desiderato oppure

Dettagli

Versioni di Excel a confronto

Versioni di Excel a confronto Appendice B Versioni di Excel a confronto In questa breve appendice vengono presentate le più evidenti differenze tra la versione Excel 2010 o 14, attualmente in distribuzione, e le precedenti, Excel 2007

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

pag. 1 Centri tecnologici di supporto alla didattica 2009-2010: progettare ed implementare ipermedia in classe

pag. 1 Centri tecnologici di supporto alla didattica 2009-2010: progettare ed implementare ipermedia in classe 1. Come iscriversi a Google Sites: a. collegarsi al sito www.google.it b. clic su altro Sites Registrati a Google Sites e. inserire il proprio indirizzo e-mail f. inserire una password g. re-inserire la

Dettagli

BMSO1001. Virtual Configurator. Istruzioni d uso 02/10-01 PC

BMSO1001. Virtual Configurator. Istruzioni d uso 02/10-01 PC BMSO1001 Virtual Configurator Istruzioni d uso 02/10-01 PC 2 Virtual Configurator Istruzioni d uso Indice 1. Requisiti Hardware e Software 4 1.1 Requisiti Hardware 4 1.2 Requisiti Software 4 2. Concetti

Dettagli

Manuale Amministratore Legalmail Enterprise. Manuale ad uso degli Amministratori del Servizio Legalmail Enterprise

Manuale Amministratore Legalmail Enterprise. Manuale ad uso degli Amministratori del Servizio Legalmail Enterprise Manuale Amministratore Legalmail Enterprise Manuale ad uso degli Amministratori del Servizio Legalmail Enterprise Pagina 2 di 16 Manuale Amministratore Legalmail Enterprise Introduzione a Legalmail Enterprise...3

Dettagli

GUIDA ALL USO DEL PANNELLO DI GESTIONE SITO WEB

GUIDA ALL USO DEL PANNELLO DI GESTIONE SITO WEB GUIDA ALL USO DEL PANNELLO DI GESTIONE SITO WEB Copyright 2014 Wolters Kluwer Italia Srl 1 Sommario 1 Come accedere al Pannello di gestione... 4 2 del Pannello di gestione del sito web... 5 3 delle sezioni...

Dettagli

WORD per WINDOWS95. Un word processor e` come una macchina da scrivere ma. con molte più funzioni. Il testo viene battuto sulla tastiera

WORD per WINDOWS95. Un word processor e` come una macchina da scrivere ma. con molte più funzioni. Il testo viene battuto sulla tastiera WORD per WINDOWS95 1.Introduzione Un word processor e` come una macchina da scrivere ma con molte più funzioni. Il testo viene battuto sulla tastiera ed appare sullo schermo. Per scrivere delle maiuscole

Dettagli

MANUALE PORTALE UTENTE IMPRENDITORE

MANUALE PORTALE UTENTE IMPRENDITORE MANUALE PORTALE UTENTE IMPRENDITORE Indice 1. REQUISITI MINIMI DI SISTEMA E CONTATTI PROGETTO RIGENER@... 3 2. IL PORTALE RIGENER@... 4 2.1 ACCESSO ALLE AREE PRIVATE... 7 2.1.1 Accesso al sito con Windows

Dettagli

Registratori di Cassa

Registratori di Cassa modulo Registratori di Cassa Interfacciamento con Registratore di Cassa RCH Nucleo@light GDO BREVE GUIDA ( su logiche di funzionamento e modalità d uso ) www.impresa24.ilsole24ore.com 1 Sommario Introduzione...

Dettagli

CONTACT CENTER ISTRUZIONI PER L USO

CONTACT CENTER ISTRUZIONI PER L USO CONTACT CENTER ISTRUZIONI PER L USO Sommario SOMMARIO Accedere al Contact Center... 2 Inviare un quesito alla CIPAG tramite il Contact Center... 5 Consultare lo stato di lavorazione dei quesiti... 8 Recupero

Dettagli

UTILIZZO DEI CSS. categoria e lente possiamo aggregare le istruzioni inserite ed avere infondo alla colonna stessa un anteprima.

UTILIZZO DEI CSS. categoria e lente possiamo aggregare le istruzioni inserite ed avere infondo alla colonna stessa un anteprima. UTILIZZO DEI CSS FOGLI STILE Il CSS consente di associare regole stilistiche agli elementi del codice HTML come o . Queste regole definiscono l aspetto rappresentativo degli elementi HTML a cui

Dettagli

GUIDA ALLE FUNZIONI DELL AREA RISERVATA DEL SITO WWW.ADUTEI.IT

GUIDA ALLE FUNZIONI DELL AREA RISERVATA DEL SITO WWW.ADUTEI.IT GUIDA ALLE FUNZIONI DELL AREA RISERVATA DEL SITO WWW.ADUTEI.IT Lo scopo di questa guida è di indicare ai Soci di Adutei le funzioni presenti nell area riservata. Alcune indicazioni possono sembrare ovvie,

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

Pagine HTML. Appendice G. Concetti chiave Basi del linguaggio HTML Realizzare semplici pagine statiche. G.1 Tag

Pagine HTML. Appendice G. Concetti chiave Basi del linguaggio HTML Realizzare semplici pagine statiche. G.1 Tag Appendice G Pagine HTML Concetti chiave Basi del linguaggio HTML Realizzare semplici pagine statiche G.1 Tag Accludiamo questa appendice al fine di dare al lettore non esperto della materia gli elementi

Dettagli

INSERIRE RISORSE. Un etichetta è un semplice testo che descrive una particolare risorsa o attività all interno di un Argomento.

INSERIRE RISORSE. Un etichetta è un semplice testo che descrive una particolare risorsa o attività all interno di un Argomento. INSERIRE RISORSE Facendo click sulla freccina in basso a destra del menu a tendina Aggiungi una risorsa si può selezionare una delle seguenti risorse: etichetta, pagina di testo, pagina web, link a file

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

DOCUMENTO ESERCITAZIONE ONENOTE. Utilizzare Microsoft Offi ce OneNote 2003: esercitazione rapida

DOCUMENTO ESERCITAZIONE ONENOTE. Utilizzare Microsoft Offi ce OneNote 2003: esercitazione rapida Utilizzare Microsoft Offi ce OneNote 2003: esercitazione rapida MICROSOFT OFFICE ONENOTE 2003 AUMENTA LA PRODUTTIVITÀ CONSENTENDO AGLI UTENTI L ACQUISIZIONE COMPLETA, L ORGANIZZAZIONE EFFICIENTE E IL RIUTILIZZO

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

MANUALE PER L UTILIZZO DELLA FUNZIONE EVENTI Rel.1.2 del 29 gennaio 2004

MANUALE PER L UTILIZZO DELLA FUNZIONE EVENTI Rel.1.2 del 29 gennaio 2004 MANUALE PER L UTILIZZO DELLA FUNZIONE EVENTI Rel.1.2 del 29 gennaio 2004 PRELIMINARE - Avete digitato la password che Vi è stata attribuita e siete entrati nell area riservata all AMMINISTRAZIONE del Vostro

Dettagli

MANUALE PARCELLA FACILE PLUS INDICE

MANUALE PARCELLA FACILE PLUS INDICE MANUALE PARCELLA FACILE PLUS INDICE Gestione Archivi 2 Configurazioni iniziali 3 Anagrafiche 4 Creazione prestazioni e distinta base 7 Documenti 9 Agenda lavori 12 Statistiche 13 GESTIONE ARCHIVI Nella

Dettagli

SICURF@D: istruzioni per l uso

SICURF@D: istruzioni per l uso : istruzioni per l uso : istruzioni per l uso Indice 1. Premessa 2 2. La registrazione 2 3. L accesso all area per utenti registrati 2 4. La consultazione dei manuali 3 5. L utilizzo degli strumenti di

Dettagli

Word è un elaboratore di testi in grado di combinare il testo con immagini, fogli di lavoro e

Word è un elaboratore di testi in grado di combinare il testo con immagini, fogli di lavoro e Word è un elaboratore di testi in grado di combinare il testo con immagini, fogli di lavoro e grafici, tutto nello stesso file di documento. Durante il lavoro testo e illustrazioni appaiono sullo schermo

Dettagli

7.4 Estrazione di materiale dal web

7.4 Estrazione di materiale dal web 7.4 Estrazione di materiale dal web Salvataggio di file Salvataggio della pagina Una pagina web può essere salvata in locale per poterla consultare anche senza essere collegati alla Rete. Si può scegliere

Dettagli

Che cos'è un modulo? pulsanti di opzione caselle di controllo caselle di riepilogo

Che cos'è un modulo? pulsanti di opzione caselle di controllo caselle di riepilogo Creazione di moduli Creazione di moduli Che cos'è un modulo? Un elenco di domande accompagnato da aree in cui è possibile scrivere le risposte, selezionare opzioni. Il modulo di un sito Web viene utilizzato

Dettagli

Questa guida vi illustrerà i principali passaggi da eseguire per l'inserimento dei Bandi di gara.

Questa guida vi illustrerà i principali passaggi da eseguire per l'inserimento dei Bandi di gara. Piccolo Manuale Manuale Pt 1ª Registrazione (Login) Questa guida vi illustrerà i principali passaggi da eseguire per l'inserimento dei Bandi di gara. Riceverete una email contenente: Link della vostra

Dettagli

Utilizzo della Intranet, forum privati Soci e Staff

Utilizzo della Intranet, forum privati Soci e Staff Utilizzo della Intranet, forum privati Soci e Staff Se durante la registrazione ad Associazioni Milano avete fatto richiesta del servizio denominato Intranet, questo sarà subito disponibile già a partire

Dettagli

Stampa unione -contratto di tirocinio. Documentazione

Stampa unione -contratto di tirocinio. Documentazione Stampa unione -contratto di tirocinio Documentazione Versione 0.1 Data 27.09.2012 Copyright CSFO A proposito di questa documentazione Questa documentazione è indirizzata agli utenti dell applicazione stampa

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

ACCESSO AL SISTEMA HELIOS...

ACCESSO AL SISTEMA HELIOS... Manuale Utente (Gestione Formazione) Versione 2.0.2 SOMMARIO 1. PREMESSA... 3 2. ACCESSO AL SISTEMA HELIOS... 4 2.1. Pagina Iniziale... 6 3. CARICAMENTO ORE FORMAZIONE GENERALE... 9 3.1. RECUPERO MODELLO

Dettagli

MANUALE PER CONSULTARE LA RASSEGNA STAMPA VIA WEB

MANUALE PER CONSULTARE LA RASSEGNA STAMPA VIA WEB MANUALE PER CONSULTARE LA RASSEGNA STAMPA VIA WEB o RICERCA p3 Ricerca rapida Ricerca avanzata o ARTICOLI p5 Visualizza Modifica Elimina/Recupera Ordina o RUBRICHE p11 Visualizzazione Gestione rubriche

Dettagli

DISPENSA PER MICROSOFT WORD 2010

DISPENSA PER MICROSOFT WORD 2010 DISPENSA PER MICROSOFT WORD 2010 Esistono molte versioni di Microsoft Word, dalle più vecchie ( Word 97, Word 2000, Word 2003 e infine Word 2010 ). Creazione di documenti Avvio di Word 1. Fare clic sul

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

COME CREARE UNA COMUNICAZIONE / NEWSLETTER

COME CREARE UNA COMUNICAZIONE / NEWSLETTER COME CREARE UNA COMUNICAZIONE / NEWSLETTER Benvenuti nella MINI GUIDA di Centrico per la creazione di una nuova Comunicazione o Newsletter. Grazie a questa guida, potrai creare delle comunicazioni ad hoc

Dettagli

Maria Grazia Ottaviani. informatica, comunicazione e multimedialità

Maria Grazia Ottaviani. informatica, comunicazione e multimedialità Maria Grazia Ottaviani informatica, comunicazione e multimedialità Unità digitale 1 Ambiente HTML Introduzione Oltre ai linguaggi di programmazione esistono anche linguaggi detti markup. Sono linguaggi

Dettagli

Guida utente alla compilazione delle richieste di contributo on-line per le Associazioni dei Consumatori

Guida utente alla compilazione delle richieste di contributo on-line per le Associazioni dei Consumatori Guida Utente RCP2 Agenzia nazionale per l attrazione degli investimenti e lo sviluppo d impresa SpA Guida utente alla compilazione delle richieste di contributo on-line per le Associazioni dei Consumatori

Dettagli

LA GESTIONE DELLE VISITE CLIENTI VIA WEB

LA GESTIONE DELLE VISITE CLIENTI VIA WEB LA GESTIONE DELLE VISITE CLIENTI VIA WEB L applicazione realizzata ha lo scopo di consentire agli agenti l inserimento via web dei dati relativi alle visite effettuate alla clientela. I requisiti informatici

Dettagli

Il Programma... 3 I moduli... 3 Installazione... 3 La finestra di Login... 4 La suite dei programmi... 6 Pannello voci... 10

Il Programma... 3 I moduli... 3 Installazione... 3 La finestra di Login... 4 La suite dei programmi... 6 Pannello voci... 10 MANCA COPERTINA INDICE Il Programma... 3 I moduli... 3 Installazione... 3 La finestra di Login... 4 La suite dei programmi... 6 Pannello voci... 10 epico! è distribuito nelle seguenti versioni: epico!

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

5.2 UTILIZZO DELL APPLICAZIONE

5.2 UTILIZZO DELL APPLICAZIONE 5.2 UTILIZZO DELL APPLICAZIONE Base offre la possibilità di creare database strutturati in termini di oggetti, quali tabelle, formulari, ricerche e rapporti, di visualizzarli e utilizzarli in diverse modalità.

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

L aspetto dei file HTML

L aspetto dei file HTML L aspetto dei file HTML Le pagine HTML contengono due tipi di oggetti: il testo del documento i TAG HTML Il documento si presenta come una successione di elementi (annidati) del tipo Testo influenzato

Dettagli

EUROPEAN COMPUTER DRIVING LICENCE SYLLABUS VERSIONE 5.0

EUROPEAN COMPUTER DRIVING LICENCE SYLLABUS VERSIONE 5.0 Pagina I EUROPEAN COMPUTER DRIVING LICENCE SYLLABUS VERSIONE 5.0 Modulo 3 Elaborazione testi Il seguente Syllabus è relativo al Modulo 3, Elaborazione testi, e fornisce i fondamenti per il test di tipo

Dettagli

Dexma Newsletter System

Dexma Newsletter System Dexma Newsletter System Quick Reference Indice Indice... 2 1 Introduzione a Postletter... 3 2 Richiesta di un account Demo... 3 3 Liste di invio... 5 3.1 Creazione di una lista... 5 3.2 Andare alla lista

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

A tal fine il presente documento si compone di tre distinte sezioni:

A tal fine il presente documento si compone di tre distinte sezioni: Guida on-line all adempimento Questa guida vuole essere un supporto per le pubbliche amministrazioni, nella compilazione e nella successiva pubblicazione dei dati riguardanti i dirigenti sui siti istituzionali

Dettagli

PROCEDURE DI FIRMA PER I PIP PRESENTATI NEI BANDI APPRENDISTATO

PROCEDURE DI FIRMA PER I PIP PRESENTATI NEI BANDI APPRENDISTATO PROCEDURE DI FIRMA PER I PIP PRESENTATI NEI BANDI APPRENDISTATO 1 - INTRODUZIONE Scopo del presente documento è descrivere le procedure attuabili per la firma dei PIP presentati nei bandi apprendistato

Dettagli

CENTRO ASSISTENZA CLIENTI OMNIAWEB

CENTRO ASSISTENZA CLIENTI OMNIAWEB CENTRO ASSISTENZA CLIENTI OMNIAWEB GUIDA ALL USO Per facilitare la gestione delle richieste di assistenza tecnica e amministrativa Omniaweb da oggi si avvale anche di un servizio online semplice, rapido

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

Capitolo 4 Pianificazione e Sviluppo di Web Part

Capitolo 4 Pianificazione e Sviluppo di Web Part Capitolo 4 Pianificazione e Sviluppo di Web Part Questo capitolo mostra come usare Microsoft Office XP Developer per personalizzare Microsoft SharePoint Portal Server 2001. Spiega come creare, aggiungere,

Dettagli