Olga Scotti. Esercizi. Create nella vostra directory HTML un albero di directory come quello della prossima slide (arancio = directory verde = file)

Save this PDF as:
 WORD  PNG  TXT  JPG

Dimensione: px
Iniziare la visualizzazioe della pagina:

Download "Olga Scotti. Esercizi. Create nella vostra directory HTML un albero di directory come quello della prossima slide (arancio = directory verde = file)"

Transcript

1 Esercizi Create nella vostra directory HTML un albero di directory come quello della prossima slide (arancio = directory verde = file)

2 Esercizi 12biz htdocs img Index.html Canzoni.html Galleria.htm guestbook velasquez motore beachmoon Messaggi.html Batteria.jpg Chitarra.jpg Basso.jpg mdb-database mailinglist guestbook scalette news

3 Esercizi 1. Alla pagina Index.html mettete uno sfondo arancio chiaro, testo blu, inserite come titolo della pagina 12biz, digitate come H1 Gruppo rock blues, e poi in un paragrafo giustificato la storia del gruppo mettendo una parola in grassetto, una in corsivo e una sottolineata 2. Alla pagina Canzoni.html mettete un immagine di sfondo, come titolo della pagina Le nostre canzoni, inserite un elenco puntato con i quadratini e elencate almeno 5 canzoni, aggiungete una linea orizzontale larga il 70% dello schermo

4 Esercizi 3. La pagina Galleria.html ha titolo Le nostre foto, scriveteci dentro che le foto arriveranno prestissimo mettendo la scritta allineata al centro con un div, come font impostate l Arial rosso di dimensione 4 4. Impostate per tutte le pagine html il linguaggio italiano 5. Nella pagina Messaggi.html mettete come titolo I nostri fans e poi un H2 rosso Lasciateci un messaggio!

5 Link: testi o ipertesti? I link sono il ponte che consente di passare da un testo all altro. I link sono formati da due componenti: 1. La parte visibile del link, da cliccare 2. La risorsa verso cui il collegamento punta

6 Sintassi Il sito delluniversità <a href= >di Crema</a>

7 Link a documenti La documentazione <a href= relazione1.doc >sul progetto</a> 1. Il file deve essere nella stessa directory del file html o bisogna specificare il percorso 2. Il file verrà aperto se c è un programma in grado di farlo

8 Link per download Tutto <a href= prgsistemi.zip >il progetto</a> per un link a un file che non sia un documento (.zip.exe) viene proposto di fare il download

9 Albero di un sito Man mano che il nostro sito web cresce sarà opportuno dividere il sito in varie sezioni, in modo da avere tutti i documenti dello stesso tipo all interno di un contesto omogeneo. In pratica ogni sezione sarà una directory

10 Esempio 12biz htdocs img Index.html Canzoni.html Galleria.htm guestbook velasquez motore beachmoon Messaggi.html Batteria.jpg Chitarra.jpg Basso.jpg mdb-database mailinglist guestbook scalette news

11 Percorsi relativi Si usano per fare riferimento a documenti situati nel vostro stesso sito I percorsi relativi fanno riferimento alla posizione degli altri file rispetto al documento in cui ci si trova in quel momento

12 File nella stessa directory Se i file si trovano nella stessa directory, basta scrivere il nome del file (come abbiamo visto prima) Supponiamo di fare un collegamento da Index.html a Canzoni.html ascolta qui le nostre <a href= canzoni.html >canzoni</a>

13 Directory di livello inferiore Per far riferimento a un file contenuto in una cartella di livello inferiore alla posizione corrente, basta nominare la cartella seguita dallo slash (eventualmente anche più livelli), e poi il nome del file. Per esempio per fare un link da Index.html a Messaggi.html Per lasciarci un <a href= guestbook/messaggi.html > messaggio</a>

14 Livello superiore Per tornare su di un livello, è sufficiente utilizzare la notazione:../nomefile.html Per esempio per tornare da Messaggi.html a Index.html Torna all <a href=../index.html > home page</a>

15 Navigazione in ogni senso Grazie a questi accorgimenti potete agevolmente navigare all interno delle directory del vostro sito: se ce ne fosse bisogno potrete per esempio tornare su di un livello rispetto alla posizione del file, scegliere un altra cartella, e poi scegliere un altro file:../altracartella/nuovofile.html

16 Percorsi assoluti Scopri le risorse <a href= > dell acquario di Genova</a> Per creare un collegamento assoluto è sufficiente copiare l url che vedete scritto nella barra degli indirizzi. I percorsi assoluti si usano per lo più, quando si ha la necessità di fare riferimento a file situati in siti esterni.

17 Percorsi assoluti Si usano percorsi assoluti anche per utilizzare i database Il percorso sarà del tipo d:\inetpub\webs\12bizit\mdb-database\gb.mdb

18 Link a una mail <a href= > Mandami un </a>.

19 Link: normali, visitati, attivi I link secondo le impostazioni predefinite sono blu, per cambiare colore: <body link="red"> Per cambiare colore ai link visitati (di default viola): <body vlink="green"> Per cambiare colore ai link attivi: <body alink="yellow"> La sintassi completa per impostare i link è quindi: <body link="red" alink="yellow" vlink="green">

20 Nomi dei file è consigliabile non lasciare spazi vuoti nei nomi dei file maiuscole e minuscole possono fare la differenza (in ambiente Unix LA fanno), quindi controllate il modo in cui avete scritto i nomi dei file quando create un collegamento state attenti a non avere una notazione simile a questa: <a href="file:///c percorso\nomefile.html">testo</a> significa che state facendo un riferimento (assoluto) al vostro computer: chiaro che quando metterete i file nel vostro spazio web, le cose non funzioneranno più.

21 Link interni È possibile anche creare un indice interno al documento, utilizzando le àncore. Per esempio fare un indice in cui ogni voce porta all inizio del capitolo.

22 Destinazione del link Per ognuno dei punti in cui vogliamo vada a finire un link interno dobbiamo posizionare un segnalibro. <a name= cap1 > inizio </a> N.B. Non c è la sottolinatura come nei link! L utente non si accorge che lì c è un segnalibro.

23 Partenza del link <a href= #cap1 >Capitolo primo</a> il cancelletto indica che il collegamento deve cercare un àncora chiamata cap1 all interno della pagina stessa.

24 Link fasulli Se non si specifica il nome dell àncora a cui si vuol puntare, viene comunque creato un link che punta ad inizio pagina. Ad esempio: <a href= # >link vuoto</a>

25 Esercizio Cercare la favola di Pinocchio ( Mettere i segnalibri sulle parole 1. C era una volta inizio 2. La casa di Geppetto casa 3. La storia di Pinocchio col grillo parlante grillo 4. Pinocchio vende l'abbecedario abbecedario Aggiungere l indice con i link interni all inizio del file Olga Scotti

26 Attributi dei link: target Di default la pagina viene aperta all interno della stessa finestra è possibile specificare che la pagina sia aperta in una nuova finestra: <a target= _blank href= >visita il sito dei libri gratuiti</a>

27 Attributi dei link: title L attributo title serve a dare una spiegazione su dove porterà il link. Questa spiegazione addizionale favorisce l accessibilità del sito anche ai disabili, alle persone per esempio che hanno disturbi alla vista. Se lasciate il cursore del mouse per qualche secondo su un collegamento dotato di title, vedrete comparire una specie di etichetta con il testo specificato nel title: <a title= libri gratuiti in formato elettronico target= _blank href= >visita il sito dei libri gratuiti</a> cioè: L'attributo "title" è anche utilissimo per migliorare la propria presenza nei motori di ricerca, che ne vanno a leggere il contenuto.

28 Attributi dei link: hreflang Con hreflang si indica la lingua del documento: si tratta di un attributo che migliora l accessibilità del sito, oltre ad essere potenzialmente utile per i motori di ricerca : Nel sito del <a href= hreflang= eng target= _blank >Word Wide Web Consortium</a> puoi trovare le specifiche dell HTML in lingua inglese

29 Link di base I percorsi relativi fanno di norma riferimento alla directory in cui si trova il file HTML che stiamo scrivendo. Se vogliamo far riferimento a un differente percorso per tutti i percorsi relativi, dobbiamo specificare nella head del documento: <base href= >

30 Colorare i link Per colorare solo alcuni link della pagina in modo diverso annidare il tag <font> all interno del link: <a target= _blank href= > <font color= red size= 2 face= Verdana, Arial, Helvetica, sans-serif > visita il sito dei libri gratuiti</font></a>

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

APPUNTI DI HTML (TERZA LEZIONE)

APPUNTI DI HTML (TERZA LEZIONE) Il web è costituito non da testi ma da ipertesti. APPUNTI DI HTML (TERZA LEZIONE) I link ci permettono di passare da un testo all altro. I link sono formati da due componenti: IL CONTENUTO "nasconde" il

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

Collegamenti ipertestuali.

Collegamenti ipertestuali. Collegamenti ipertestuali. Argomenti trattati: - Premessa: Cosa sono e perchè sono l'essenza del Web. - : Come realizzare e personalizzare i vari tipi di link a pagine o risorse. - Il collegamento ipertestuale

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

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

Modulo 1: Fondamenti per scrivere una pagina web

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

Dettagli

Esercitazione n. 11: Sito web con Kompozer

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

Dettagli

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

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

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

Corso html 5. Di Roberto Abutzu. *********** Terza parte: Prime nozioni: Tag e prima pagina, continuazione. **********

Corso html 5. Di Roberto Abutzu. *********** Terza parte: Prime nozioni: Tag e prima pagina, continuazione. ********** Corso html 5. Di Roberto Abutzu. *********** Terza parte: Prime nozioni: Tag e prima pagina, continuazione. ********** Prime nozioni: Tag e prima pagina, continuazione. Nota bene, al fine di avere anche

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

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

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

HTML: i link ipertestuali. La sintassi di qualunque link in HTML è la seguente: <A HREF= indirizzo > parolacalda </A>

HTML: i link ipertestuali. La sintassi di qualunque link in HTML è la seguente: <A HREF= indirizzo > parolacalda </A> HTML: i link ipertestuali La sintassi di qualunque link in HTML è la seguente: parolacalda A (=anchor) e /A introducono il tag pieno che definisce il link HREF è un attributo

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

Registrazione. Scelta del nome

Registrazione. Scelta del nome Introduzione Altervista (www.altervista.org) mette a disposizione le più moderne tecnologie web 2.0 per creare un proprio sito web. In questo tutorial vogliamo guidarvi nella registrazione al sito e nella

Dettagli

INSERIMENTO DI IMMAGINI,DOCUMENTI,SFONDI E OGGETTI FLASH

INSERIMENTO DI IMMAGINI,DOCUMENTI,SFONDI E OGGETTI FLASH INSERIMENTO DI IMMAGINI,DOCUMENTI,SFONDI E OGGETTI FLASH IMPOSTAZIONE DI UNA IMMAGINE ALL INTERNO DI UNA PAGINA WEB: In questo capitolo è spiegata la procedura di inserimento e modifica di una immagine

Dettagli

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

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

Dettagli

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

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

Centro Iniziative Sociali Municipio III

Centro Iniziative Sociali Municipio III Centro Iniziative Sociali Municipio III C.I.S Municipio III Corso di informatca Roberto Borgheresi C ORSO BASE DI I NFORMATICA Centro Iniziative Sociali Municipio III Coordinatore: Roberto Borgheresi Insegnanti:

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

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

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

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

MANUALE DI GESTIONE - AREA EXTRANET E PHOTOGALLERY SITO WEB

MANUALE DI GESTIONE - AREA EXTRANET E PHOTOGALLERY SITO WEB MANUALE DI GESTIONE - AREA EXTRANET E PHOTOGALLERY SITO WEB Collegarsi al proprio sito web ed entrare nella pagina dell area riservata. Cliccare sul pulsante in fondo alla pagina ed inserire in LOGIN NAME

Dettagli

AMMINISTRAZIONE DEI CONTENUTI DEL SITO TGLA7

AMMINISTRAZIONE DEI CONTENUTI DEL SITO TGLA7 AMMINISTRAZIONE DEI CONTENUTI DEL SITO TGLA7 Sommario ACCESSO ALL AMMINISTRAZIONE DEI CONTENUTI... 2 Andare alla url:... 2 GESTIONE NEWS... 3 Aggiungere una notizia... 4 Caricare immagini o video... 4

Dettagli

Guida all utilizzo del sito web 4 apr. 2013 v. 1.0

Guida all utilizzo del sito web 4 apr. 2013 v. 1.0 www.comune.piario.bg.it created by zeramico.com Guida all utilizzo del sito web 4 apr. 2013 v. 1.0 1 COSA È CAMBIATO Le modifiche più grosse sono state apportate alla struttura del sito web, a ciò che

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

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

I PRINCIPALI TAG DEL LINGUAGGIO HTML

I PRINCIPALI TAG DEL LINGUAGGIO HTML Struttura generica di una pagina Web: I PRINCIPALI TAG DEL LINGUAGGIO HTML Titolo

Dettagli

Creare un Ipertesto. www.vincenzocalabro.it 1

Creare un Ipertesto. www.vincenzocalabro.it 1 Creare un Ipertesto www.vincenzocalabro.it 1 Obiettivi Il corso si prefigge di fornire: Le nozioni tecniche di base per creare un Ipertesto I consigli utili per predisporre il layout dei documenti L illustrazione

Dettagli

Scegliere il font del testo

Scegliere il font del testo Scegliere il font del testo Vediamo ora come formattare il testo mediante la scelta del colore, delle dimensioni e del tipo di carattere del testo attraverso l utilizzo del tag . Il tipo di carattere

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

MANUALE D USO Stazione editoriale MIR cms

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

Dettagli

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

DOCENTI - guida web. 1 LOGIN E BACHECA.. Pag 2. 2 MODIFICARE LA PASSWORD... Pag. 3. 3 CREARE UN ARTICOLO.. Pag. 4. 4 INSERIRE LE FOTO.. Pag.

DOCENTI - guida web. 1 LOGIN E BACHECA.. Pag 2. 2 MODIFICARE LA PASSWORD... Pag. 3. 3 CREARE UN ARTICOLO.. Pag. 4. 4 INSERIRE LE FOTO.. Pag. DOCENTI - guida web INDICE 1 LOGIN E BACHECA.. Pag 2 2 MODIFICARE LA PASSWORD... Pag. 3 3 CREARE UN ARTICOLO.. Pag. 4 4 INSERIRE LE FOTO.. Pag. 5 5 IL TAG MORE. Pag. 12 6 CREARE UN EVENTO..... Pag. 12

Dettagli

Innanzitutto andiamo sul sito http://www.dropbox.com/ ed eseguiamo il download del programma cliccando su Download Dropbox.

Innanzitutto andiamo sul sito http://www.dropbox.com/ ed eseguiamo il download del programma cliccando su Download Dropbox. Oggi parlerò di qualcosa che ha a che fare relativamente con la tecnica fotografica, ma che ci può dare una mano nella gestione dei nostri archivi digitali, soprattutto nel rapporto professionale con altre

Dettagli

Creazione di un ipertesto con Word

Creazione di un ipertesto con Word Creazione di un ipertesto con Word Realizzare un ipertesto per illustrare la storia dell esplorazione dello spazio. Descriviamo le fasi principali per la creazione di un ipertesto: a. all inizio occorre

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

Pubblicazione di contenuti vari sul sito web www.setificio.gov.it

Pubblicazione di contenuti vari sul sito web www.setificio.gov.it Pubblicazione di contenuti vari sul sito web www.setificio.gov.it Istruzioni per i docenti-editor, che hanno la possibilità di pubblicare articoli, modificare o cancellare quelli scritti da loro, modificare

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

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

Siti web e Dreamweaver. La schermata iniziale

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

Dettagli

Istruzioni Archiviazione in Outlook 2007

Istruzioni Archiviazione in Outlook 2007 Istruzioni Archiviazione in Outlook 2007 In queste istruzioni si spiega come archiviare email dalle cartelle sul server in cartelle su files locali. Nell esempio si procederà all archiviazione delle email

Dettagli

Uso del browser, posta elettronica e motori di ricerca Gmail e Google

Uso del browser, posta elettronica e motori di ricerca Gmail e Google Facoltà di Lettere e Filosofia Cdl in Scienze dell Educazione A.A. 2010/2011 Informatica (Laboratorio) Uso del browser, posta elettronica e motori di ricerca Gmail e Google Author Kristian Reale Rev. 2011

Dettagli

INTRODUZIONE ALL HTML

INTRODUZIONE ALL HTML INTRODUZIONE ALL HTML LE REGOLE GENERALI Di seguito, sono raccolti i tag html (comandi) di uso più frequente per la formattazione dei testi e la gestione di una pagina web all interno del nostro sistema

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

Introduzione all'uso di

Introduzione all'uso di Introduzione all'uso di Microsoft Outlook Express 6 Outlook Express 6 è un programma, incluso nel browser di Microsoft Internet Explorer, che ci permette di inviare e ricevere messaggi di posta elettronica.

Dettagli

Scuola in ospedale e istruzione domiciliare Percorso formativo per Dirigenti Scolastici e Docenti

Scuola in ospedale e istruzione domiciliare Percorso formativo per Dirigenti Scolastici e Docenti Per accedere a Mindomo, digitare nella barra degli indirizzi: www.mindomo.com Quindi cliccare su Registrati n alto a destra Apparirà la finestra di registrazione a Mindomo: Inserire, Nome, Cognome e indirizzo

Dettagli

Guida al sito del CSV

Guida al sito del CSV www.csv.vda.it Guida al sito del CSV Come è strutturato, come si aggiorna Il CSV, da sempre attento alle opportunità offerte dalle nuove tecnologie, ha ritenuto necessario dotarsi di un nuovo sito internet.

Dettagli

Guida alla procedura di inserimento materiale didattico sui minisiti degli insegnamenti

Guida alla procedura di inserimento materiale didattico sui minisiti degli insegnamenti Guida alla procedura di inserimento materiale didattico sui minisiti degli insegnamenti Inserimento materiale Rendere il materiale accessibile tramite inserimento di user e password (autenticazione) Impostazioni

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

Corso html 5. Di Roberto Abutzu. `***********` Ottava parte: I link, seconda parte. `**********` I link, seconda parte.

Corso html 5. Di Roberto Abutzu. `***********` Ottava parte: I link, seconda parte. `**********` I link, seconda parte. Corso html 5. Di Roberto Abutzu. `***********` Ottava parte: I link, seconda parte. `**********` I link, seconda parte. Continuiamo la parte che completerà la trattazione dei link, andando ad operare direttamente

Dettagli

9) si ritorna alla maschera di fig. 6, nella quale si clicca su "Salva modifiche" per completare l operazione.

9) si ritorna alla maschera di fig. 6, nella quale si clicca su Salva modifiche per completare l operazione. Fig. 8 La finestra Gestione file con il file appena caricato 9) si ritorna alla maschera di fig. 6, nella quale si clicca su "Salva modifiche" per completare l operazione. Fig. 9 Il corso con la nuova

Dettagli

INTERNET EXPLORER Breve manuale d uso

INTERNET EXPLORER Breve manuale d uso INTERNET EXPLORER Breve manuale d uso INDICE INTRODUZIONE... 3 COME IMPOSTARE LA PAGINA INIZIALE... 3 LA WORK AREA... 3 LE VOCI DI MENU... 5 IL MENU FILE... 5 IL MENU MODIFICA... 6 IL MENU VISUALIZZA...

Dettagli

lezione 4 I collegamenti

lezione 4 I collegamenti lezione 4 I collegamenti In questa lezione conoscerai gli elementi necessari per arricchire le tue pagine Web di collegamenti ipertestuali. l documenti creati con il linguaggio Html, come spiegato nella

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

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

Abstract Questo documento descrive come è gestita la WYSIWYG tramite l editor di testi integrato in MOVIO.

Abstract Questo documento descrive come è gestita la WYSIWYG tramite l editor di testi integrato in MOVIO. Titolo Tutorial MOVIO: WYSIWYG Release MOVIO SCMS 1.00 Versione Tutorial 1.00 Data 02/03/14 Autori e affiliation Rubino Saccoccio (Gruppometa) Commenti Dichiarazione di copyright Abstract Questo documento

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

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

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

Dettagli

USARE JOOMLA 1.7/2.5 per gestire il vostro sito.

USARE JOOMLA 1.7/2.5 per gestire il vostro sito. 1 USARE JOOMLA 1.7/2.5 per gestire il vostro sito. 1. Per accedere al pannello di controllo: www.vostrosito.it/administrator 2. Inserire utente e password 3. Il vostro pannello di controllo si presenterà

Dettagli

MODULO 4: FOGLIO ELETTRONICO (EXCEL)

MODULO 4: FOGLIO ELETTRONICO (EXCEL) MODULO 4: FOGLIO ELETTRONICO (EXCEL) 1. Introduzione ai fogli elettronici I fogli elettronici sono delle applicazioni che permettono di sfruttare le potenzialità di calcolo dei Personal computer. Essi

Dettagli

Gestione dei contenuti web Ultimi eventi

Gestione dei contenuti web Ultimi eventi Gestione dei contenuti web Ultimi eventi Questo manuale illustra le operazioni più comuni per la manutenzione e aggiornamento del sito web http://terremoti.ingv.it/ultimi eventi/ tramite l interfaccia

Dettagli

Manuale d uso Lexun Area Riservata proprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Manuale d uso Lexun Area Riservata proprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia Pag. 1/5 Vi permetterà di gestire lo scambio di file con colleghi o clienti in maniera semplice, veloce e sicura. Potrete creare delle cartelle da condividere con i Vostri utenti e inserirvi all interno

Dettagli

Creare un nuovo articolo sul sito Poliste.com

Creare un nuovo articolo sul sito Poliste.com Creare un nuovo articolo sul sito Poliste.com Questa breve guida ti permetterà di creare dei nuovi articoli per la sezione news di Poliste.com. Il sito Poliste.com si basa sulla piattaforma open-souce

Dettagli

Modificare il proprio menu con Web designer - DOCUMENTI -

Modificare il proprio menu con Web designer - DOCUMENTI - DOCUMENTO ESPLICATIVO Modificare il proprio menu con Web designer - DOCUMENTI - La foto ci mostra come per ogni sottomenu si debba inserire il livello successivo e cioè documenti tale voce sta a rappresentare

Dettagli

Moodle per docenti. Indice:

Moodle per docenti. Indice: Abc Moodle per docenti Indice: 1. 2. 3. 4. ACCEDERE ALL INTERNO DELLA PIATTAFORMA MOODLE. pag 1 INSERIRE UN FILE (es. Piano di lavoro e Programmi finali)... pag 4 ORGANIZZARE UN CORSO DISCIPLINARE (inserire

Dettagli

TUTORIAL. Amministrazione di contenuto dinamico. Techno Srl www.techno-hse.com. communication

TUTORIAL. Amministrazione di contenuto dinamico. Techno Srl www.techno-hse.com. communication TUTORIAL Amministrazione di contenuto dinamico Techno Srl www.techno-hse.com communication Indice. Pannello Amministrativo.... Articoli... 4 3. Media Center... 6 4. Area Riservata... 7 5. Downloads...

Dettagli

GUIDA ALL HTML. Creato da SUPREMO KING

GUIDA ALL HTML. Creato da SUPREMO KING GUIDA ALL HTML Creato da SUPREMO_KING 1 PREMESSE L html è il linguaggio fondamentale attraverso il quale è possibile creare delle semplici pagine web. L html non è un linguaggio di programmazione ma un

Dettagli

INTERNET EXPLORER. Breve manuale d'uso

INTERNET EXPLORER. Breve manuale d'uso INTERNET EXPLORER Breve manuale d'uso INDICE INTRODUZIONE... 3 COME IMPOSTARE LA PAGINA INIZIALE...3 LA WORK AREA... 3 LE VOCI DI MENU... 5 IL MENU FILE... 5 IL MENU MODIFICA... 6 IL MENU VISUALIZZA...

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

Guida all'uso del CMS (Content Management System, Sistema di Gestione dei Contenuti)

Guida all'uso del CMS (Content Management System, Sistema di Gestione dei Contenuti) GUIDE Sa.Sol. Desk: Rete Telematica tra le Associazioni di Volontariato della Sardegna Guida all'uso del CMS (Content Management System, Sistema di Gestione dei Contenuti) Argomento Descrizione Gestione

Dettagli

ISTRUZIONI PASSO PASSO PER CREARE UN SITO CON JOOMLA SU ALTERVISTA

ISTRUZIONI PASSO PASSO PER CREARE UN SITO CON JOOMLA SU ALTERVISTA ISTRUZIONI PASSO PASSO PER CREARE UN SITO CON JOOMLA SU ALTERVISTA REGISTRARSI AL SITO ALTERVISTA, PER OTTENERE SPAZIO WEB GRATUITO o Andare sul sito it.altervista.org o Nel riquadro al centro, scrivere

Dettagli

Usare la webmail Microsoft Hotmail

Usare la webmail Microsoft Hotmail Usare la webmail Microsoft Hotmail Iscriversi ad Hotmail ed ottenere una casella di posta Innanzitutto è necessario procurarsi una casella di posta elettronica (detta anche account di posta elettronica)

Dettagli

INIZIAMO A IMPARARE WORD

INIZIAMO A IMPARARE WORD Associazione Nazionale Seniores Enel Associazione di solidarietà tra dipendenti e pensionati delle Aziende del Gruppo Enel Sezione Territoriale Lombardia - Nucleo di Milano E-Mail del Nucleo di Milano:

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

filrbox Guida all uso dell interfaccia WEB Pag. 1 di 44

filrbox Guida all uso dell interfaccia WEB Pag. 1 di 44 filrbox Guida all uso dell interfaccia WEB Pag. 1 di 44 Sommario Introduzione... 4 Caratteristiche del filrbox... 5 La barra principale del filrbox... 7 Elenco degli utenti... 8 Il profilo... 9 Le novità...

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

SCRIVERE TESTI CON WORD

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

Dettagli

Guida all utilizzo del CMS Drupal e alla gestione dei contenuti

Guida all utilizzo del CMS Drupal e alla gestione dei contenuti Guida all utilizzo del CMS Drupal e alla gestione dei contenuti 1. Come accedere al CMS di Drupal Per accedere al sistema di gestione dei contenuti, occorre digitare l indirizzo del sito da aggiornare

Dettagli

Foglio di calcolo. Il foglio di calcolo: Excel. Selezione delle celle

Foglio di calcolo. Il foglio di calcolo: Excel. Selezione delle celle Foglio di calcolo Il foglio di calcolo: Excel I dati inseriti in Excel sono organizzati in Cartelle di lavoro a loro volta suddivise in Fogli elettronici. I fogli sono formati da celle disposte per righe

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

MANUALE DI GESTIONE - CATALOGO ELETTRONICO SITO WEB

MANUALE DI GESTIONE - CATALOGO ELETTRONICO SITO WEB MANUALE DI GESTIONE - CATALOGO ELETTRONICO SITO WEB Collegarsi al proprio sito web ed entrare nella pagina del catalogo elettronico. Cliccare sul pulsante in fondo alla pagina ed inserire in LOGIN NAME

Dettagli

Accedere all'area riservata

Accedere all'area riservata Accedere all'area riservata Collegarsi all indirizzo: http://www.provincia.bologna.it/ambiente Fare click sul pulsante Rete Natura 2000 Misura 323 Accedere all'area riservata Fare click alla voce Area

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

EXCEL PER WINDOWS95. sfruttare le potenzialità di calcolo dei personal computer. Essi si basano su un area di lavoro, detta foglio di lavoro,

EXCEL PER WINDOWS95. sfruttare le potenzialità di calcolo dei personal computer. Essi si basano su un area di lavoro, detta foglio di lavoro, EXCEL PER WINDOWS95 1.Introduzione ai fogli elettronici I fogli elettronici sono delle applicazioni che permettono di sfruttare le potenzialità di calcolo dei personal computer. Essi si basano su un area

Dettagli

Guida a Theblog.net. cioè il sito è raggiungibile da due indirizzi, ma i contenuti sono gli stessi.

Guida a Theblog.net. cioè il sito è raggiungibile da due indirizzi, ma i contenuti sono gli stessi. 1 PRIMA PARTE 0) inserisci un commento 1) login 2) scrivi un post 3) (nel post) inserisci un immagine Il blog ha l indirizzo http://newblogpadova.theblog.net ma anche l alias http://049peoplesay.theblog.net

Dettagli

Centro Iniziative Sociali Municipio III

Centro Iniziative Sociali Municipio III Centro Iniziative Sociali Municipio III C.I.S Municipio III Corso di informatca Roberto Borgheresi C ORSO BASE DI I NFORMATICA Centro Iniziative Sociali Municipio III Coordinatore: Roberto Borgheresi Insegnanti:

Dettagli

Richiami sugli elementi del linguaggio HTML

Richiami sugli elementi del linguaggio HTML Richiami sugli elementi del linguaggio HTML Un documento in formato Web può essere aperto con un browser, attraverso un collegamento a Internet oppure caricandolo dal disco del proprio computer senza connettersi

Dettagli

Progetto di Formazione in rete. La qualità della professione docente.

Progetto di Formazione in rete. La qualità della professione docente. LICEO SCIENTIFICO STATALE G. GALILEI Progetto di Formazione in rete. La qualità della professione docente. ESERCITAZIONE PER L UTILIZZO DELLA WEB-INTRANET DI COLLABORAZIONE ASINCRONA SU RETE INTERNET Ing.

Dettagli

GUIDA. a cura di Maddalena Dal Degan

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

Dettagli

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

Cos è un word processor

Cos è un word processor Cos è un word processor è un programma di videoscrittura che consente anche di applicare formati diversi al testo e di eseguire operazioni di impaginazione: font diversi per il testo impaginazione dei

Dettagli

Ipertesto, navigazione e cenni HTML. Lezione Informatica I CLAWEB

Ipertesto, navigazione e cenni HTML. Lezione Informatica I CLAWEB Ipertesto, navigazione e cenni HTML Lezione Informatica I CLAWEB 1 Il concetto di Ipertesto (1/2) Definizione: Modello testuale in cui le diverse unità di contenuti non sono articolate secondo un ordine

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