ACCESSIBILITÀ: PROBLEMI E SOLUZIONI
|
|
- Annibale Mura
- 8 anni fa
- Visualizzazioni
Transcript
1 Autore: Classe: Nicola Ceccon QUINTA INFORMATICA (5IA) Anno scolastico: 2003/2004 Scuola: Itis Euganeo ACCESSIBILITÀ: PROBLEMI E SOLUZIONI Dispensa In questa dispensa si affrontano alcuni problemi tipici dell'accessibilità e le relative soluzioni tecniche che si possono adottare utilizzando il linguaggio HTML. Per esempio si affrontano la linearizzazione delle tabelle, la skip navigation e la descrizione testuale delle immagini.
2 Premessa Accessibilità: 2 Gli screen reader e altre tecnologie assistive utilizzano una tecnica nota come linearizzazione per convertire una pagina web in una sequenza di parole e linee. Questo processo di linearizzazione prevede: 1. conversione delle immagini nell alternativa testuale specificata con l attributo ALT oppure, in caso di mancanza dell attributo, la sostituzione con il testo INLINE; 2. linearizzazione delle tabelle una cella alla volta partendo da sinistra verso destra riga per riga. Nel caso di una tabella di tre righe e tre colonne la linearizzazione comporta la presentazione del contenuto nella seguente sequenza 1 > 2 > 3 > 4 > 5 > 6 > 7 > 8 > 9. Questo processo incide in moto rilevante sulla accessibilità del sito per non vedenti o ipovedenti poiché la mancanza di alternativa testuale rende l eventuale informazione veicolata dall immagine inaccessibile e l utilizzo delle tabelle per la rappresentazione di dati rende le informazioni incomprensibili. Per esempio nel caso di una mappa stradale la mancanza dell alternativa testuale cancella l informazione presentando solamente l informazione INLINE che avverte che c è una immagine. Vedente Non vedente INLINE
3 3 Per esempio nel caso di una tabella statistica è impossibile associare le frequenze ai caratteri misurati. Vedente Sesso Iscritti Presenti Ritirati M F Non vedente sesso iscritti presenti ritirati m f La linearizzazione delle tabelle incide in modo rilevante anche sulla fruizione dei contenuti della pagina web quando (e sino ad ora è la norma) il layout della pagina è realizzata utilizzando tabelle in modo più o meno sofisticato. Tipicamente il layout dominante prevede l organizzazione della pagina in tre zone a cui sono assegnate specifiche informazioni e compiti: I. nella prima zona, posta in alto, si inserisce un banner contenente il logo, la tagline, il menu supplementare e alla fine del banner la navigazione principale che fornisce l accesso alle diverse sezioni del sito; II. nella seconda zona, posta a sinistra si inserisce la navigazione locale all interno della sezione attiva; III. nella terza zona, posta a destra della navigazione locale e che occupa il resto della pagina si inserisce il contenuto della pagina.
4 4 In questo caso lo screen reader rende disponibile in sequenza la zona del banner, della navigazione locale e alla fine il contenuto. Vedente Non vedente logo navigazione supplementare navigazione principale link 1 link 2 link 3 link 4 titolo titolo paragrafo 1 paragrafo 1.1 paragrafo 1.2 titolo paragrafo 2 paragrafo 2.1 Queste scelte comportano problemi di accessibilità poiché mentre un non vedente accede all area del contenuto con una operazione di scanning rapido (la cui rapidità dipende dall interfaccia progettata) il non vedente, invece, non potendo fare questa operazione deve aspettare lo scorrimento di informazioni meno importanti e in alcuni casi tempi molto lunghi tali da rendere la pagina totalmente inaccessibile.
5 5 Il layout La soluzione del problema dell utilizzo delle tabelle per la costruzione dell interfaccia della pagina può essere risolta continuando a utilizzare le tabelle modificando, però, il posizionamento degli elementi oppure passare ai CSS 2.0 per il posizionamento degli elementi (oltre che per lo stile). Rimandiamo l utilizzo dei CSS 2.0 ad un altra dispensa e affrontiamo la prima soluzione basata sulle tabelle. Le soluzioni sono: 1. scambiare l area del contenuto con l area della navigazione locale mantenendo la navigazione principale e supplementare nell area del banner; Vedente Non vedente logo navigazione supplementare navigazione principale titolo titolo paragrafo 1 paragrafo 1.1 paragrafo 1.2 titolo paragrafo 2 paragrafo 2.1 link 1 link 2 link 3 link 4 2. scambiare l area del contenuto con l area della navigazione locale spsotando la navigazione principale nell area locale e mantenedo la navigazione supplementare nell area del banner; 3. Mantenere l impostazione dominate introducendo dei collegamenti interni alla pagina che permettono di saltare all area del contenuto saltando la navigazione (skip navigation) ed eventualmente di muoversi all interno delle diverse aree. In questo caso i collegamenti possono essere resi invisibili o visibili al normodato e si utilizzano diverse tecniche.
6 Skip navigation Accessibilità: 6 Il collegamento che permette di saltare la navigazione posta nella zona del banner può essere invisibile oppure visibile e viene comunque inserito come primo elemento della pagina o secondo dopo il logo. L invisibilità si può ottenere in due modi 1 : 1. Si associa il collelgamento ad una immagine di 1x1 pixel trasparente o dello stesso colore dello sfondo e si utilizza l attributo ALT del tag <A HREF > per specificare la label del collegamento del tipo Salta al contenuto oppure Salta la navigazione tra le sezioni. Il codice è il seguente: <a href= #contenuto > <img src= immagini/salta.gif border= 0 alt= Salta al contenuto > </a> e all inizio del contenuto: <a name= contenuto ></a> 2. Si inserisce un link testuale utilizzando come colore di primo piano lo stesso del colore dello sfondo. Il codice è il seguente: <a href= #contenuto >Salta al contenuto</a> e all inizio del contenuto: <a name= contenuto ></a> Nel caso di collegamento visibile si inserisce il collegamento con un carattere molto piccolo per ridurre lo spazio. Si tratta comunque di una soluzione meno elegante della precedente. 1 L alternativa con i fogli di stile CSS non è affrontata in questo documento.
7 7 Testo alternativo La mancanza del testo alternativo è una delle principali barriere digitali per i non vedenti, ma anche per chi ha problemi di ipovisione o difficoltà varie nella visualizzazione, e infatti la prima regola WCAG 1.0 consiste nel fornire una alternativa testuale alle immagini dato che si deve fornire, se ritenuto pertinente, al non vedente le informazioni rappresentate o associate all immagine invece del semplice testo INLINE che fornisce come unica informazione la presenza. Le immagini assolvo a molteplici compiti in una pagina web a seconda del tipo di immagine che si utilizza. I tipi sono: 1. Foto, grafico e disegno 2. Icona 3. Immagine di collegamento 4. Mappa di immagini 5. Punti elenco 6. Elementi per la realizzazione dell interfaccia come le linee Indipendentemente dal tipo l accessibilità si affronta utilizzando l attributo ALT del tag dell immagine <IMG SRC> con l aggiunta in alcuni casi di altre tecniche. Analizziamo le soluzioni per ogni tipo di immagine. Foto, grafico e disegno Per questa tipologia di immagini si deve fornire una descrizione testuale dell immagine che risulta essere particolarmente importante nel caso dei grafici o per tutte quelle immagini che veicolano informazioni fondamentali. L accessibilità si garantisce utilizzando: 1. l attributo ALT associato al tag <IMG SRC> con la descrizione testuale dell immagine se lo spazio disponibile, pari a 150 caratteri è sufficiente. Il codice è il seguente: <img src= immagini/quadro.gif border= 0 alt= Descrizione: testo descrittivo in modo da avere un equivalente testuale. > 2. l attributo ALT associato al tag <IMG SRC> con la sintesi testuale dell immagine e un collegamento testuale ad una pagina di descrizione estesa. Questo collegamento, noto come D-Link, può avere come etichetta Descrizione dell immagine posto prima o dopo l immagine oppure semplicemente D posto sulla destra, seguendo uno standard de facto americano. Il codice è il seguente: <img src= immagini/quadro.gif border= 0 alt= Quadro di Magritte Ceci n est pas une pipe > <a href= descrizionemag.html title= Descrizione testuale del quadro >Descrizione del quadro</a> oppure: <img src= immagini/quadro.gif border= 0 alt= Quadro di Magritte Ceci n est pas une pipe > <a href= descrizionemag.html title= Descrizione testuale del quadro >D</a>
8 8 Vedente Non vedente descrizione testuale del quadro D Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. torna indietro 3. l attributo ALT associato con la sintesi testuale dell immagine e l attributo LONGDESC che contiene la descrizione estesa associati tag <IMG SRC>. Questo ultimo attributo serve per superare i limiti della lunghezza del testo in ALT e consiste nel definire un file di testo che contiene la descrizioneil codice è il seguente: <img src= immagini/quadro.gif border= 0 alt= Quadro di Magritte Ceci n est pas une pipe longdesc= descrizionemag1.html > Il problema dell utilizzo di LONGDESC consigliato dalle linee guida WCAG, è che non tutte le tecnologie assistive lo supportano. La soluzione consiste nell utilizzare oltre a LONGDESC anche il D-link sino a che non ci sarà una uniformità. Esempi nel web
9 9 Icona Nel caso delle icone si specifica la descrizione testuale dell imamgine utilizzando l attributo ALT associato al tag <IMG SRC> solo se questa veicola una informazione o un servizio. Se invece non ha questo ruolo si nasconde l immagine al software assistivo assegando ad ALT uno spazio oppure la stringa vuota con. E importante sottolineare che l eventuale testo alternativo non deve descrivere l icona ma specificare la funzione o servizio. Per esempio nel caso dell icona del carrello in un sito di vendita online è meglio specificare Inserisci il prodotto nel carrello piuttosto di Carrello. Il codice per nascondere l immagine è il seguente: <img src= icone/pdf.gif border= 0 alt= > Immagine di collegamento Nel caso di una immagine di collegamento, tipicamente utilizzata per la navigazione principale come pulsanti o etichette, si utilizza sempre l attributo ALT associato al tag <IMG SRC> senza specificare nel testo alternativo che si tratta di un collegamento, dato che il software assistivo lo specifica. Per esempio nel caso del pulsante Collegamento a contatto. si utilizza il testo Contatto invece di
10 10 Mappa di immagini Le mappe di immagini, molto diffuse per la costruzione del banner, costituiscono un serio problema di accessibilità perché i collegamenti sono incorporati nell immagine ed individuati da aree sensibili. Un vedente individua i collegamenti sulla base del contesto e delle scelte grafiche che evidenziano i collegamenti, mentre un non vedente se non specificato diversamente assume la sola informazione USEMAP che specifica che si è in presenza di una mappa senza possibilità di accedere ai collegamenti. La soluzione consiste semplicemente nello specificare per ogni tag <AREA> il testo alternativo con l attributo ALT. Nel caso di questa mappa: il codice è il seguente: <img src="immagini/bannerehome.jpg" width="760" height="75" border="0" alt="banner con logo e navigazione supplementare (mappa di immagini)" usemap="#bannerehome"> <map name="bannerehome"> <area shape="rect" coords="702,4,743,18" href="euganeo/mappa.html" title="accesso alle pagine mediante la mappa del sito" alt="mappa del sito"> <area shape="rect" coords="634,4,694,19" href="euganeo/contatto.htm" title="indirizzo, recapiti telefonici, " alt="contatto"> </map> Vedente Non vedente contatto mappa
11 11 Punti elenco Il ruolo dei punti elenco è quello di evidenziare del contenuto o specificare un menu di collegamenti e le immagini, che risultano essere ridondanti, si nascondono assegnando uno spazio oppure stringa vuota all attributo ALT del tag dell immagine <IMG SRC>. Il codice è il seguente: <img src="evidceleste.gif" width="22" height="8" border="0" alt=""> <a href="euganeo/elet.htm" title="descrizione e informazioni">elettronica e telecomunicazioni<br></a> <img src="evidceleste.gif" width="22" height="8" border="0" alt=""> <a href="euganeo/ele.htm" title="descrizione e informazioni">elettrotecnica e automazione<br></a> <img src="evidceleste.gif" width="22" height="8" border="0" alt=""> <a href="euganeo/inf.htm" title="descrizione e informazioni">informatica<br></a> Vedente Non vedente Elettronica e telecomunicazioni Elettrotecnica e automazione elettronica e telecomunicazioni elettrotecnica e automazione informatica Informatica Elementi per la realizzazione dell interfaccia come le linee In questo caso si nasconde l immagine assegnando uno spazio o la stringa vuota all attributo ALT del tag dell immagine <IMG SRC>.
12 12 Tabelle Il problema della fruizione del contenuto di una tabella è legato al processo di linearizzazione dei browser e le soluzioni consistono nella riscrittura, quando possibile, della tabella tenendo conto della linearizzazione oppure nel mantenimento della tabella agendo su alcuni attributi 2 supportati dall ultima versione (4) dell HTML. Gli attributi sono: 1. CAPTION 2. SUMMARY 3. TH In particolare si utilizza SUMMARY per presentare una descrizione testuale della tabella e TH per specificare che la cella è una cella di intestazione della tabella, mentre con TD si identifica la cella come cella dati. Consideriamo il seguente codice di esempio 3 : <TABLE border="1" summary="this table charts the number of cups of coffee consumed by each senator, the type of coffee (decaf or regular), and whether taken with sugar."> <CAPTION>Cups of coffee consumed by each senator</caption> <TR> <TH id="header1">name</th> <TH id="header2">cups</th> <TH id="header3" abbr="type">type of Coffee</TH> <TH id="header4">sugar?</th> <TR> <TD headers="header1">t. Sexton</TD> <TD headers="header2">10</td> <TD headers="header3">espresso</td> <TD headers="header4">no</td> <TR> <TD headers="header1">j. Dinnen</TD> <TD headers="header2">5</td> <TD headers="header3">decaf</td> <TD headers="header4">yes</td> </TABLE> Tratto da:
13 13 Il browser assistivo presenta: Caption: Cups of coffee consumed by each senator Summary: This table charts the number of cups of coffee consumed by each senator, the type of coffee (decaf or regular), and whether taken with sugar. Name: T. Sexton, Cups: 10, Type: Espresso, Sugar: No Name: J. Dinnen, Cups: 5, Type: Decaf, Sugar: Yes Approfondimento nel web Traduzione del libro "Dive into Accessibility", semplici suggerimenti per rendere un sito più accessibile, a tutti:
14 Titolo: Autore: Classe: Accessibilità: Nicola Ceccon QUINTA INFORMATICA (5IA) Anno scolastico: 2003/2004 Scuola: Note legali: Itis Euganeo Via Borgofuro, 6 Via Borgofuro Este (PD) - Italy Telefono Fax informazioni@itiseuganeo.it Diffusione consentita con obbligo di citarne le fonti
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
DettagliMANUALE DI GUIDELINES MARCHIO ENTI EROGATORI PUBBLICI E PRIVATI SISTEMA SANITARIO REGIONE LOMBARDIA
MANUALE DI GUIDELINES MARCHIO ENTI EROGATORI PUBBLICI E PRIVATI SISTEMA SANITARIO REGIONE LOMBARDIA Nella comunicazione al cittadino, Regione Lombardia sottolinea l unitarietà del lombardo affiancando
DettagliCMS MUSEO&WEB. Mappe grafiche. Andrea Tempera (OTEBAC) 12 aprile 2010
CMS MUSEO&WEB Mappe grafiche Andrea Tempera (OTEBAC) 12 aprile 2010 Introduzione Grazie ad appositi tag HTML possiamo associare molteplici collegamenti a differenti zone di un'unica immagine; un'immagine
Dettaglivelit. Castia è una piattaforma facile, veloce ed economica, Progetto Castia Il progetto CASTIA
Progetto Castia Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud
DettagliGUIDA ALL IMPAGINAZIONE DEGLI INTERNI DEL LIBRO
GUIDA ALL IMPAGINAZIONE DEGLI INTERNI DEL LIBRO INDICE 1. Come sono composti i modelli 2. Duplica una sezione tipo 3. Elimina una sezione tipo 4. Inserisci il testo 5. Inserisci le immagini 6. Inserisci
DettagliMANUALE DI GUIDELINES MARCHIO ASL REGIONE LOMBARDIA
MANUALE DI GUIDELINES MARCHIO ASL REGIONE LOMBARDIA Il nuovo marchio ASL di Regione Lombardia nasce per offrire al pubblico un immagine coordinata unitaria e immediatamente riconducibile all ente istituzionale.
DettagliREPORT DI VALUTAZIONE DELL ACCESSIBILITÀ
Pag. 1 di 13 REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ PUBBLICA AMMINISTRAZIONE Comune di Pella (NO) http://www.comune.pella.no.it/ DATA DELLA VALUTAZIONE 09/07/2008 AUTORE DELLA VALUTAZIONE Alessio Mantegna
DettagliInformatica A per Ingegneria Gestionale (2005-2006) Il linguaggio HTML. Elisa Quintarelli-Laura Mandelli. HyperText Markup Language
Informatica A per Ingegneria Gestionale (2005-2006) Il linguaggio HTML Elisa Quintarelli-Laura Mandelli 1 HyperText Markup Language Linguaggio di descrizione di testi secondo lo schema SGML (Standard Generalized
DettagliREPORT DI VALUTAZIONE DELL ACCESSIBILITÀ
REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ Ente richiedente Provincia url Comune di Carmagnola TO http://comune.carmagnola.to.it/ Autore della valutazione Data Maurizio
DettagliA 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
DettagliOSSERVATORIO REGIONALE CONTRATTI PUBBLICI DI LAVORI, SERVIZI E FORNITURE
REGIONE LOMBARDIA DIREZIONE GENERALE INFRASTRUTTURE E MOBILITA U.O. INFRASTRUTTURE VIARIE E AEROPORTUALI OSSERVATORIO REGIONALE CONTRATTI PUBBLICI DI LAVORI, SERVIZI E FORNITURE PROGRAMMI TRIENNALI Manuale
DettagliSistema Informativo di Teleraccolta EMITTENTI
Sistema Informativo di EMITTENTI aventi l Italia come Stato membro di origine i cui valori mobiliari sono ammessi alla negoziazione in un altro Stato membro dell Unione Europea Art. 116 bis, comma 1, del
DettagliIntroduzione HTML. Maurizio Palesi. Multimedialità - Maurizio Palesi 1
Introduzione HTML Maurizio Palesi Multimedialità - Maurizio Palesi 1 Generalità sull HTML HTML: HyperText Markup Language (linguaggio di marcatura ipertestuale) E il linguaggio che permette di descrivere
DettagliWWW.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
DettagliManuale Utente Albo Pretorio GA
Manuale Utente Albo Pretorio GA IDENTIFICATIVO DOCUMENTO MU_ALBOPRETORIO-GA_1.4 Versione 1.4 Data edizione 04.04.2013 1 TABELLA DELLE VERSIONI Versione Data Paragrafo Descrizione delle modifiche apportate
DettagliDichiarazione di accessibilità del sito di Ulisse - Nella rete della scienza
Dichiarazione di accessibilità del sito di Ulisse - Nella rete della scienza I riferimenti riguardano quanto indicato nelle Recommendation del World Wide Web Consortium (W3C) ed in particolare in quelle
DettagliCatalogo Elettronico Lancia, Fiat e Alfa Romeo
Catalogo Elettronico Lancia, Fiat e Alfa Romeo Manuale sulla Navigazione Release 1.0 Indice Manuale Struttura pagine Caratteristiche prodotto Utilizzo carrello ( Carrello Prodotti ) Funzionalità di ricerca
DettagliPORTALE TERRITORIALE PER LA FATTURAZIONE ELETTRONICA
REGIONE CALABRIA PORTALE TERRITORIALE PER LA FATTURAZIONE ELETTRONICA Pag. 1 di 12 Sommario AREA PUBBLICA... 3 PAGINE INFORMATIVE... 3 PAGINA DI LOGIN... 4 AREA PRIVATA... 4 PROFILO UFFICIO... 5 FATTURAZIONE
DettagliTutorial 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
DettagliIntroduzione. Strumenti di Presentazione Power Point. Risultato finale. Slide. Power Point. Primi Passi 1
Introduzione Strumenti di Presentazione Power Point Prof. Francesco Procida procida.francesco@virgilio.it Con il termine STRUMENTI DI PRESENTAZIONE, si indicano programmi in grado di preparare presentazioni
DettagliA 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
DettagliManuale Operativo Beneficiario Sfinge2020
Manuale Operativo Beneficiario Sfinge2020 Pag. 1 di 20 Identificazione Edizione 1.3 Titolo SFINGE 2020 Manuale Operativo Beneficiario Tipo Manuale Utente N. Pagine 20 Diffusione o Riservata o Interna x
DettagliLINEE GUIDA SITI WEB UFFICI GIUDIZIARI
LINEE GUIDA SITI WEB UFFICI GIUDIZIARI PRINCIPI GENERALI Accessibilità: il sito - in ottemperanza a quanto disposto dalla legge 9 gennaio 2004, n. 4, recante disposizioni per favorire l accesso dei soggetti
DettagliA 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
Dettagli5.3 TABELLE 5.3.1 RECORD 5.3.1.1 Inserire, eliminare record in una tabella Aggiungere record Eliminare record
5.3 TABELLE In un sistema di database relazionali le tabelle rappresentano la struttura di partenza, che resta poi fondamentale per tutte le fasi del lavoro di creazione e di gestione del database. 5.3.1
DettagliProgetto: ARPA Fonte Dati. ARPA Fonte Dati. Regione Toscana. Manuale Amministratore
ARPA Fonte Dati Regione Toscana 1 Redatto da L. Folchi (TAI) Rivisto da Approvato da Versione 1.1 Data emissione 09/10/13 Stato FINAL 2 Versione Data Descrizione 1,0 06/08/13 Versione Iniziale 1.1 09/10/2013
DettagliUniversità degli Studi di Ferrara - A.A. 2014/15 Dott. Valerio Muzzioli ORDINAMENTO DEI DATI
ORDINAMENTO DEI DATI Quando si ordina un elenco (ovvero una serie di righe contenenti dati correlati), le righe sono ridisposte in base al contenuto di una colonna specificata. Distinguiamo due tipi di
DettagliMANUALE D USO DELLA PIATTAFORMA ITCMS
MANUALE D USO DELLA PIATTAFORMA ITCMS MANULE D USO INDICE 1. INTRODUZIONE... 2 2. ACCEDERE ALLA GESTIONE DEI CONTENUTI... 3 3. GESTIONE DEI CONTENUTI DI TIPO TESTUALE... 4 3.1 Editor... 4 3.2 Import di
Dettagli5.6.1 REPORT, ESPORTAZIONE DI DATI
5.6 STAMPA In alcune circostanze può essere necessario riprodurre su carta i dati di tabelle o il risultato di ricerche; altre volte, invece, occorre esportare il risultato di una ricerca, o i dati memorizzati
DettagliLEZIONI 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 , ,...,
DettagliClient - Server. Client Web: il BROWSER
Client - Server Client Web: il BROWSER Il client Web è un applicazione software che svolge il ruolo di interfaccia fra l utente ed il WWW, mascherando la complessità di Internet. Funzioni principali Inviare
Dettagliintranet.ruparpiemonte.it
ruparpiemonte Infopoint Manuale d'uso intranet.ruparpiemonte.it Indice 1. Accesso...3 2. Gestione categorie...3 3. Gestione argomenti...6 4. Gestione schede...7 5. Editor di testo...11 2 1. Accesso Si
DettagliENTRARE NEL SISTEMA. Clicca su Entra per entrare nel sistema. PAGINA 1
ENTRARE NEL SISTEMA Clicca su Entra per entrare nel sistema. PAGINA 1 ENTRARE NEL SISTEMA Compare il box di LOGIN in cui inserire il nome utente e la password fornite tramite posta elettronica dall indirizzo
DettagliPULSANTI 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
DettagliCosa è un foglio elettronico
Cosa è un foglio elettronico Versione informatica del foglio contabile Strumento per l elaborazione di numeri (ma non solo...) I valori inseriti possono essere modificati, analizzati, elaborati, ripetuti
Dettagli1 PROFILO RISTORATORE
PROFILO RISTORATORE 1 2 MyCIA Iscrizione Guidata 3 MyCIA - Carta d Identità Alimentare rivoluziona il mondo del food e del lifestyle: da oggi con un clic diventa possibile selezionare ristoranti e locali
DettagliRelazione sulla verifica accessibilità
Relazione sulla verifica accessibilità Sito web: www.comune.stresa.vb.it Premessa Il presente rapporto e l effettiva attività di controllo requisiti per l accessibilità, sono stati effettuati seguendo
DettagliRegione Toscana. ARPA Fonte Dati. Manuale Amministratore. L. Folchi (TAI) Redatto da
ARPA Fonte Dati Regione Toscana Redatto da L. Folchi (TAI) Rivisto da Approvato da Versione 1.0 Data emissione 06/08/13 Stato DRAFT 1 Versione Data Descrizione 1,0 06/08/13 Versione Iniziale 2 Sommario
DettagliGUIDA PER IL DOCENTE ALL UTILIZZO DELL APPLICATIVO ONLINE E PORTFOLIO
GUIDA PER IL DOCENTE ALL UTILIZZO DELL APPLICATIVO ONLINE E PORTFOLIO http://eportfolio.tqmproject.eu Progetto "TQM Agreement n 2011 1 IT1 LEO05 01873; CUP G72F11000050006 1 SOMMARIO PREMESSA... 3 PAGINA
DettagliManuale 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
DettagliCONTENUTI 1. INTRODUZIONE...3 2. CONCETTI BASICI SU EQUINOX CMS XPRESS...5 3. ACCESSO A EQUINOX CMS XPRESS...9 4. PAGINA D INIZIO...
CONTENUTI 1. INTRODUZIONE...3 DEFINIZIONE...3 ELEMENTI DEL SERVIZIO...3 TECNOLOGIA E OPERAZIONE...3 WORKFLOW E GRAFICO DI PROCESSI...4 2. CONCETTI BASICI SU EQUINOX CMS XPRESS...5 STRUTTURA...5 OGGETTI...5
DettagliGUIDA ALL USO DEL PORTALE DI PRENOTAZIONE LIBRI ON LINE
Introduzione Benvenuto nella guida all uso della sezione ecommerce di shop.libripertutti.it/coop dove è possibile ordinare i tuoi testi scolastici e seguire lo stato del tuo ordine fino all evasione. si
DettagliCitySoftware PROTOCOLLO. Info-Mark srl
CitySoftware PROTOCOLLO Info-Mark srl Via Rivoli, 5/1 16128 GENOVA Tel. 010/591145 Fax 010/591164 Sito internet: www.info-mark.it e-mail Info-Mark@Info-Mark.it SISTEMA DI PROTOCOLLAZIONE AUTOMATICA Realizzato
Dettagli. A primi passi con microsoft a.ccepss SommarIo: i S 1. aprire e chiudere microsoft access Start (o avvio) l i b tutti i pro- grammi
Capitolo Terzo Primi passi con Microsoft Access Sommario: 1. Aprire e chiudere Microsoft Access. - 2. Aprire un database esistente. - 3. La barra multifunzione di Microsoft Access 2007. - 4. Creare e salvare
DettagliMANUALE D USO DELL E-COMMERCE. Versione avanzata
MANUALE D USO DELL E-COMMERCE Versione avanzata Versione SW. 2 Rev. 0.2 Sommario 1 Personalizzare i contenuti del sito... 3 1.1 Inserimento logo e slogan azienda... 3 1.2 Modificare i dati dell Azienda...
DettagliProgettazione di siti Web
Progettazione di siti Web Tipi di siti Siti statici Siti dinamici Software di progetto/gestione Editor visuali Content Management System Portali Siti Internet Un sito Internet è come un qualsiasi altro
DettagliAnalisi di bilancio: un modello con grafici
Esercitazioni svolte di laboratorio 2008 Scuola Duemila 207 Il caso Esercitazione svolta di laboratorio n. 3 Analisi di bilancio: un modello con grafici Roberto Bandinelli Riccardo Mazzoni Gli addetti
DettagliSistema per scambi/cessioni di Gas al Punto di Scambio Virtuale
Sistema per scambi/cessioni di Gas al Punto di Scambio Virtuale Modulo Bacheca 1 INDICE 1 Generalità...3 2 Accesso al sistema...4 2.1 Requisiti tecnici 5 3 Elenco funzioni e tasti di navigazione...6 3.1
DettagliHTML 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
DettagliSistema 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
DettagliDirezione Programmazione Sanitaria. Scarico Dati Sanità. Manuale Utente. Versione 1.0.0
SDS Scarico Dati Sanità Manuale Utente Versione 1.0.0 Torino, Novembre 2011 1 di 21 INDICE 1 APPLICATIVO SDS...3 1.1 GENERALITÀ...3 1.2 AUTENTICAZIONE...5 1.2.1 Primo caso Utente con ruolo PUBBLICO e PRIVATO...9
DettagliGESTIONE DELLA PROGRAMMAZIONE UNITARIA 2007-2013 OB. C5 STAGE IN ITALIA GESTIONE DELLO STAGE
GESTIONE DELLA PROGRAMMAZIONE UNITARIA 2007-2013 OB. C5 STAGE IN ITALIA GESTIONE DELLO STAGE 1 Negli interventi dell obiettivo C5 - Stage in Italia il cuore del percorso formativo è l esperienza di stage
DettagliSoftware Gestionale Politiche Giovanili
Software Gestionale Politiche Giovanili Guida all Uso Progettisti e Referenti tecnico-organizzativi Edizione 2012 1 INDICE DEI CONTENUTI: 1. NOZIONI GENERALI E ACCESSO AL SISTEMA 1.1 Requisiti di sistema...
DettagliManuale swiss-archives.ch
Dipartimento federale dell interno DFI Archivio federale svizzero AFS Manuale swiss-archives.ch Banca dati dell Archivio federale svizzero Indice 1 Introduzione 3 1.1 Funzioni... 4 1.2 Registrazione...
DettagliMicrosoft Word. Nozioni di base
Microsoft Word Nozioni di base FORMATTARE UN DOCUMENTO Gli stili Determinano l aspetto dei vari elementi di testo di un documento Consistono in una serie di opzioni (predefinite o personalizzate) salvate
DettagliHTML 6. I frame. Sintassi di base. I frame e DOCTYPE FRAME. ...head... <FRAMESET lista_attributi> <FRAME SRC= URL lista_attributi>
FRAME HTML 6 I frame Danno la possibilità di creare finestre multiple all'interno della finestra del browser Si riesce a suddividere la pagina in più sezioni indipendenti, ma che si possono influenzare
DettagliLogo Gruppi del cuore Istruzioni per l uso
Logo Gruppi del cuore Istruzioni per l uso Le istruzioni per l uso del logo dei gruppi del cuore contengono informazioni e spiegazioni per utilizzarlo in pratica. Definiscono le proporzioni tra immagine
DettagliManuale d immagine coordinata
LINEE GUIDA PER L USO DELL IMAMGINE COORDINATA COSTRUZIONE DEL MARCHIO E DEL LOGOTIPO TIPOGRAFIA DEL LOGOTIPO E AUSILIARIA UTILIZZO DEI COLORI ISTITUZIONALI PALETTE DEI COLORI ISTITUZIONALI SUI COLORI
DettagliIl calcolatore - Applicazioni
Alfonso Miola Il calcolatore - Applicazioni Esercitazione Dispensa B-01-E Settembre 2005 1 Contenuti Applicazioni Applicazioni e Interfacce Il pacchetto Office Word Excel Power Point Il CD per ECDL 2 Applicazioni
DettagliIntroduzione Benvenuto nella guida del sito ecommerce di www.lariolibri.it
Introduzione Benvenuto nella guida del sito ecommerce di www.lariolibri.it Ricorda che la guida è visualizzata in una finestra del browser diversa da quella del sito www.libripertutti.it, così potrai tenere
DettagliCapitolo 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
DettagliEntrare nel sistema. Clicca su Entra per entrare nel sistema. PAGINA 1
Entrare nel sistema Clicca su Entra per entrare nel sistema. PAGINA 1 Entrare nel sistema Compare il box di login in cui inserire il nome utente e la password fornite tramite posta elettronica. PAGINA
DettagliUniversità Politecnica delle Marche. Progetto Didattico
Università Politecnica delle Marche Facoltà di Ingegneria Corso di Laurea in Ingegneria Informatica e dell Automazione Sede di Ancona Anno Accademico 2011-2012 Corso di Tecnologie WEB Docente prof. Alessandro
DettagliGestione degli appelli e verbalizzazione degli esami online GUIDA DOCENTI. (versione 1.0 del 26.11.2014)
Gestione degli appelli e verbalizzazione degli esami online GUIDA DOCENTI (versione 1.0 del 26.11.2014) INDICE 1. LOGIN... 3 2. VISUALIZZAZIONE APPELLI... 4 3. DEFINIZIONE APPELLI... 4 4. GESTIONE LISTA
Dettagli5.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à.
DettagliTutta un altra storia
Rival srl _ Tutta un altra storia RIVAL ha una storia lunga 45 anni e il suo nome nasce dalle parole che ne spiegano l originale oggetto societario: Rivestimenti Industriali, 1969 2014 Vernici ed Affini
DettagliMANUALE 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
DettagliIl 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
DettagliPROGETTAZIONE DI UN SITO WEB
PROGETTAZIONE DI UN SITO WEB UN BUON SITO DEVE AVERE DUE CARATTERISTICHE: USABILITA ACCESSIBILITA Navigazione fluida con contenuti facilmente reperibili. Organizzazione dei contenuti e predisposizione
DettagliCreare diagrammi di Gantt con Visio 2003
Creare diagrammi di Gantt con Visio 2003 La fase di pianificazione di un progetto è sicuramente molto delicata e alquanto complessa, in quanto bisogna riuscire a definire una scomposizione del progetto
Dettagli2.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
DettagliProgettazione di siti Web
Progettazione di siti Web Tipi di siti Siti statici Siti dinamici Software di progetto/gestione Editor visuali Content Management System Siti Internet Un sito Internet è come un qualsiasi altro S.I. ma
DettagliManuale d uso per la raccolta: Sicurezza degli impianti di utenza a gas - Postcontatore
Manuale d uso per la raccolta: Sicurezza degli impianti di utenza a gas - Postcontatore 1. Obbligo di comunicazione dei dati... 2 2. Accesso alla raccolta... 2 3. Compilazione... 6 2.1 Dati generali Sicurezza
DettagliGUIDA 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...
DettagliIl controllo della visualizzazione
Capitolo 3 Il controllo della visualizzazione Per disegnare in modo preciso è necessario regolare continuamente l inquadratura in modo da vedere la parte di disegno che interessa. Saper utilizzare gli
DettagliMANUALE MOODLE STUDENTI. Accesso al Materiale Didattico
MANUALE MOODLE STUDENTI Accesso al Materiale Didattico 1 INDICE 1. INTRODUZIONE ALLA PIATTAFORMA MOODLE... 3 1.1. Corso Moodle... 4 2. ACCESSO ALLA PIATTAFORMA... 7 2.1. Accesso diretto alla piattaforma...
DettagliAPPLICAZIONE DI UN COMPORTAMENTO A UN'IMMAGINE E TESTO CREAZIONE GALLERIA IMMAGINI
dispense APPLICAZIONE DI UN COMPORTAMENTO A UN'IMMAGINE E TESTO CREAZIONE GALLERIA IMMAGINI Attributo target / destinazione L'attributo target specifica dove deve essere aperta la pagina collegata. _top
DettagliCMS ERMES INFORMATICA
01/07/2014 Guida di riferimento alla pubblicazione di contenuti sul portale Il presente documento costituisce una guida di riferimento all aggiornamento e alla pubblicazione di contenuti sui portali web
Dettaglila storia Il Sig. Marco Gutter iniziò la sua attività nel 1901 rilevando Dal 1906 protagonisti nel sollevamento
Dal 1906 protagonisti nel sollevamento la storia Il Sig. Marco Gutter iniziò la sua attività nel 1901 rilevando una modesta officina che comunque godeva già la stima e la fiducia di una buona clientela
DettagliMaschere. Microsoft Access. Maschere. Maschere. Maschere. Aprire una maschere. In visualizzazione foglio dati: Maschere
Microsoft Access In visualizzazione foglio dati: È necessario spostarsi tra i campi come in un foglio di lavoro tipico di un foglio elettronico (Excel ecc.) Le maschere: una finestra progettata e realizzata
DettagliGuida 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
DettagliDispensa di database Access
Dispensa di database Access Indice: Database come tabelle; fogli di lavoro e tabelle...2 Database con più tabelle; relazioni tra tabelle...2 Motore di database, complessità di un database; concetto di
DettagliYour Detecting Connection. Manuale utente. support@xchange2.net
Your Detecting Connection Manuale utente support@xchange2.net 4901-0133-4 ii Sommario Sommario Installazione... 4 Termini e condizioni dell applicazione XChange 2...4 Configurazione delle Preferenze utente...
DettagliGuida alla gestione dei Verbali d esame online
Guida alla gestione dei Procedura informatica ESSE3 Versione 2.2 Autore Stato Revisore Data 31/01/2014 Distribuito a: Gruppo di lavoro ESSE3 Docenti dell Ateneo Sommario Introduzione... 1 1 Accesso all
DettagliMANUALE EDICOLA 04.05
MANUALE EDICOLA 04.05 Questo è il video che si presenta avviando il programma di Gestione Edicola. Questo primo video è relativo alle operazioni di carico. CARICO Nello schermo di carico, in alto a sinistra
DettagliGuida di addestramento Introduzione alle Comunicazioni Obbligatorie [COB] SINTESI
SINTESI Introduzione alle Comunicazioni Obbligatorie [COB] Questo documento è una guida al sito dedicato alle aziende: archivio delle comunicazioni obbligatorie che i datori di lavoro sono tenuti ad effettuare
DettagliManuale 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
DettagliMinerva, verso la qualità dei siti web pubblici. Dott. Antonio De Vanna responsabile Ufficio accessibilità dei sistemi informatici
Minerva, verso la qualità dei siti web pubblici Dott. Antonio De Vanna responsabile Ufficio accessibilità dei sistemi informatici Centro Nazionale per l Informatica nella Pubblica Amministrazione CNIPA
DettagliRaggruppamenti Conti Movimenti
ESERCITAZIONE PIANO DEI CONTI Vogliamo creare un programma che ci permetta di gestire, in un DB, il Piano dei conti di un azienda. Nel corso della gestione d esercizio, si potranno registrare gli articoli
DettagliAccessibilità per siti web e applicazioni. Qualificazione dei prodotti di back office Linee Guida RER
Accessibilità per siti web e applicazioni Qualificazione dei prodotti di back office Linee Guida RER 1 Cliente Redatto da Verificato da Approvato da Regione Emilia-Romagna CCD CCD Nicola Cracchi Bianchi
DettagliGuida rapida all uso di Moodle per gli studenti
Guida rapida all uso di Moodle per gli studenti Introduzione La piattaforma utilizzata per le attività a distanza è Moodle, un software per la gestione di corsi on-line. Per chi accede come studente, essa
DettagliPROGRAMMA DEL CORSO OFFICE BASE (36 ORE)
PROGRAMMA DEL CORSO OFFICE BASE (36 ORE) Il programma del corso Office Base è costituito da 6 moduli (Word, Excel, PowerPoint, Access, Internet e Posta elettronica, Reti e sistemi operativi) di cui verranno
DettagliGuida 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
DettagliMinistero dell Economia e delle Finanze
Ministero dell Economia e delle Finanze DIPARTIMENTO DELL AMMINISTRAZIONE GENERALE, DEL PERSONALE E DEI SERVIZI DIREZIONE CENTRALE DEI SISTEMI INFORMATIVI E DELL INNOVAZIONE Data Roma, 22 marzo 2012 Messaggio
DettagliGuida - acquistare online sul sito www.newpatshop.it
Guida - acquistare online sul sito www.newpatshop.it L acquisto di un prodotto mediante il servizio offerto dal sito www.newpatshop.it richiede la registrazione dell utente/cliente al sito stesso. La registrazione
DettagliA destra è delimitata dalla barra di scorrimento verticale, mentre in basso troviamo una riga complessa.
La finestra di Excel è molto complessa e al primo posto avvio potrebbe disorientare l utente. Analizziamone i componenti dall alto verso il basso. La prima barra è la barra del titolo, dove troviamo indicato
DettagliL insieme di queste funzioni, costituisce un sistema completo di gestione e controllo del lavoro di ogni Punto Vendita.
35. Orari di Lavoro Le Aziende di medie o grandi dimensioni hanno spesso la necessità di tenere monitorati gli orari di attività dei propri Punti Vendita e del personale. Shop_Net offre una serie di funzioni
DettagliStudio Grafico Portale
1 di Progetto SISCoTEL Sistema Informativo Sovracomunale di Comunicazione Telematica degli Enti Locali per il Centro Sistema dislocato presso Cinisello Balsamo CBM on line Studio Grafico Portale ( - 06/03/2007)
DettagliWorkshop 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