La struttura del sito. La struttura. della pagina. controllo

Dimensione: px
Iniziare la visualizzazioe della pagina:

Download "La struttura del sito. La struttura. della pagina. controllo"

Transcript

1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN " REC-html40/loose.dtd"> <HTML><HEAD><TITLE> Università di Firenze. Sistema bibliotecario d i Ateneo</TITLE>. PROGEAS - Università di Firenze

2 Obiettivi Utenza Contenuto informativo

3 dell informazione Dividere l informazione in unità logiche Stabilire una gerarchia (dal generale al particolare o dal più importante al meno importante) Organizzare le relazioni fra le unità informative sulla base della gerarchia individuata Controllare la funzionalità della struttura creata

4 può essere: sequenziale a griglia gerarchica a ragnatela

5

6 Caratteristiche Facilità di accesso Velocità di accesso Navigabilità Affidabilità Interattività Semplicità Coerenza

7 Caratteristiche Facilità di accesso L utente deve arrivare all informazione col minor numero possibile di passaggi Velocità di accesso Se un utente accede attraverso un modem può avere difficoltà a caricare una pagina troppo pesante Bilanciare le esigenze estetiche con l esigenza di velocizzare il caricamento

8 Caratteristiche Navigabilità L utente deve potersi orientare all interno Fornire strumenti per la navigazione Affidabilità Il sito deve essere costantemente monitorato, in modo da evitare link persi o pagine che non funzionano correttamente

9 Caratteristiche Interattività Fornire sempre all utente la possibilità di interagire sia con critiche che con suggerimenti Usare il tag <mailto> o una form Semplicità L interfaccia deve essere semplice, familiare all utente e logica Evitare complessità gratuite

10 Caratteristiche Coerenza Costruire tutte le pagine sullo stesso modello Questo permette all utente di orientarsi più facilmente, prevedendo in quale parte può trovarsi l informazione che cerca

11 Struttura Identificare la tipologia della pagina Organizzare in unità logiche l informazione da inserire nella pagina Strutturare la pagina in modo da rispettare l organizzazione logica dell informazione

12 strumenti links di particolare informazioni alla per unità indice logo orientarsi nel rilievo redazionali indirizzo superiore sito

13 logo links di particolare rilievo indice strumenti per orientarsi nel sito links di particolare rilievo informazioni redazionali indirizzo link alla unità superiore

14 informazioni link logo titolo menu di navigazione redazionali

15 logo titolo menu informazioni redazionali link di navigazione

16 Il disegno Logo Uso dei colori e dei caratteri Uso delle immagini e degli effetti speciali

17 Il disegno Logo Studiare un logo che identifichi l organizzazione Inserirlo in tutte le pagine Si può usare un immagine più grande nella homepage e più piccola nelle altre pagine

18 Il disegno Uso dei colori e dei caratteri Coerenza nell uso dei colori e dei caratteri Usare colori che si armonizzino e rendano la lettura facile e scorrevole Per il background preferire un colore pastello; un immagine è più pesante, può disturbare la lettura e creare effetti spiacevoli su monitor con diversa risoluzione

19 Il disegno Uso dei colori e dei caratteri Non tutti i colori risultano uguali con tutti browser Un font di caratteri, per essere visualizzato, deve essere installato sul pc dell utente; l uso di un font particolare può causare una visualizzazione diversa da quella pensata; prevedere un font alternativo (Times o arial)

20 Il disegno Uso delle immagini e degli effetti speciali Un uso eccessivo di immagini, statiche o animate, e di effetti creati attraverso l uso di linguaggi di scripting rischia di: mettere in ombra il contenuto rendere difficoltoso il caricamento Non tutti i browser sono in grado di elaborare gli script

21 Nello sviluppare pagine web bisogna tener conto del fatto che molti utenti possono: avere disabilità che rendano impossibile o difficoltoso l accesso ad alcuni tipi di informazione non avere o non poter usare determinati dispositivi di input (mouse, tastiera) avere monitor testuali o connessioni di rete molto lente essere in una situazione per cui non possono usare occhi, orecchie o mani (p.es. in ambienti rumorosi) avere versioni precedenti o diverse di browser non capire perfettamente la lingua in cui il documento è scritto

22 Il W3C, nell'ambito della Web Accessibility Initiative, ha sviluppato le Linee guida per l'accessibilità ai contenuti del Web, reperibili all'url: I-WEBCONTENT (traduzione italiana -trad.htm)

23 Principi per una progettazione volta all accessibilità Assicurare una trasformazione elegante Rendere il contenuto comprensibile e navigabile

24 Struttura vs presentazione Equivalenti testuali Pagine alternative Indipendenza da dispositivo di input Uso del colore Navigabilità Comprensibilità

25 Struttura vs presentazione Distinguere la struttura del documento da come il documento viene presentato Definire le varie sezioni del documento e utilizzare gli elementi strutturali (es. intestazioni H1-H6 in HTML) per identificarle Non usare elementi strutturali per creare effetti di presentazione Usare elementi strutturali (TITLE, META, LINK) che forniscono informazioni sul documento (metadati) Usare i fogli di stile per gestire la presentazione del documento

26 La costruzione di un sito web Struttura vs presentazione. HTML E un linguaggio a marcatori, in cui gli elementi del testo sono identificati e delimitati da un etichetta o <tag> Dovrebbero essere usati solo i marcatori strutturali, e nel modo corretto, cioè al fine per cui sono stati creati e non per produrre effetti di formattazione Le linee guida per un uso corretto del linguaggio HTML allo scopo di garantire la massima accessibilità si trovano in: Techniques for web Content Accessibility Guidelines 1.0 ( WEBCONTENT-TECHS ). Per una sintesi vedi: rea/accessibilita.htm

27 Struttura vs presentazione. Fogli di stile I fogli di stile permettono di controllare la presentazione di una pagina web Le caratteristiche di ogni elemento del documento vengono definite con l istruzione: selettore { proprietà: valore; proprietà: valore } p.es.: H1 { font-family: comic sans ms ; color: # } Lo stile può essere definito all interno di un singolo documento o in un documento esterno che viene richiamato all inizio di ogni pagina (molto utile se si vuol definire uno stile uniforme per tutto il sito; ogni variazione viene effettuata una sola volta ed ha effetto su tutto il sito)

28 Struttura vs presentazione Avvertenze sull uso dei fogli di stile Benché l uso dei fogli di stile offra grandi potenzialità per la presentazione delle pagine, bisogna ricordare che essi non sono ancora totalmente supportati e quindi non è possibile affidare a questi effetti di formattazione il compito di veicolare l informazione Accertarsi che il documento sia comunque leggibile anche se il browser non supporta i fogli di stile L HTML 4.0 supportato dai browers di ultima generazione raccomanda l uso dei fogli di stile

29 Equivalenti testuali Il testo è accessibile per quasi tutte le tipologie di utenti e può essere gestito da ogni tipo di interprete Fornire un equivalente testuale per ogni oggetto non testuale (p.es. con l attributo alt o longdesc in HTML) L equivalente testuale deve essere esplicativo (si può immaginare di dover descrivere l oggetto ad un interlocutore telefonico)

30 La costruzione di un sito web Pagine alternative Se si ritiene che la pagina sia comunque inaccessibile si possono fornire pagine alternative, per es. in versione esclusivamente testuale Si può inserire il link alla pagina alternativa in testa ad ogni pagina oppure utilizzare l elemento LINK in HTML

31 Indipendenza da dispositivo di input E necessario fare in modo che l utente possa interagire con la pagine anche senza mouse Fornire equivalenti testuali per le aree delle mappe sensibili Fornire scorciatoie da tastiera per i link (p.es. con l attributo accesskey ) Creare un ordine logico di tabulazione (p.es. con l attributo tabindex )

32 Uso del colore Non fare affidamento solo sul colore per veicolare informazione Assicurarsi che l informazione sia fornita anche attraverso altri effetti stilistici (p.es. tipi di carattere) e attraverso il contesto (p.es. testi dei links esplicativi) Assicurarsi che le combinazioni di colori fra sfondo e testo forniscano un contrasto sufficiente Per verificare l effetto stampare la pagina in scala di grigi

33 La costruzione di un sito web Navigabilità Rispettare uno stile coerente di presentazione (la struttura delle pagine di un sito deve essere uniforme) Provvedere barre di navigazione, mappa del sito, strumenti di ricerca Fornire adeguata informazione sulle raccolte di documenti (p.es. con l elemento LINK) e costituire archivi (p.es. in formato zip) delle diverse pagine

34 Comprensibilità Usare per i link frasi chiare ed esplicative Chiarire fin dall inizio della frase o del paragrafo quale sia il suo contenuto Usare un linguaggio semplice e usare parole di uso comune Non usare costrutti troppo complessi Limitare ogni paragrafo ad un idea principale

35 Validatori automatici Validazione HTML ( Validazione dei fogli di stile ( Validazione dell accessibilità: BOBBY ( Scenari utente Testare la pagina con un emulatore di un browser testuale, p. es. Lynxview ( Provare diverse impostazioni del browser (con o senza immagini etc.) Usare diversi browser, anche in versioni precedenti

36 Strumenti per la manutenzione Link checker Site mapper Strumenti per misurazioni statistiche Contatori Log analyser

PIANO BIENNALE PER I DIRITTI DELLE PERSONE CON DISABILITÀ

PIANO BIENNALE PER I DIRITTI DELLE PERSONE CON DISABILITÀ PIANO BIENNALE PER I DIRITTI DELLE PERSONE CON DISABILITÀ 15 novembre 2014 Daniela Sangiovanni Comunicazione e Ufficio stampa Policlinico S,Orsola ACCESSIBILITÀ Gli Stati dovrebbero riconoscere l importanza

Dettagli

REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ

REPORT 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

Dettagli

Progettare un sito web

Progettare un sito web Progettare un sito web Problematiche di accessibilità (Capitolo 2) (materiale illustrativo degli esempi gentilmente messo a disposizione da R. Polillo) Accessibilità La capacità dei sistemi informatici,

Dettagli

Lista dei Punti di Controllo per l'accessibilità dei contenuti web

Lista dei Punti di Controllo per l'accessibilità dei contenuti web Lista dei Punti di Controllo per l'accessibilità dei contenuti web Questo documento è tratto dal sito del W3C http://www.w3.org/tr/wai-webcontent/full-checklist.html ed è stato tradotto dagli studenti

Dettagli

Conformità: Conforme; tutte le pagine sono realizzate con linguaggio XHTML 1.0 Strict.

Conformità: Conforme; tutte le pagine sono realizzate con linguaggio XHTML 1.0 Strict. Tasti di accesso rapido Al fine di migliorare l'accessibilità del sito sono stati definiti i seguenti tasti di accesso rapido, per attivare le principali funzionalità offerte: [H] = Homepage [R] = Ricerca

Dettagli

Università della Svizzera italiana

Università della Svizzera italiana Università della Svizzera italiana Il sito dell Università della Svizzera italiana e l accessibilità Vs.1.0 11 / 12 / 2007 TEC-LAB WEB-SERVICE 1. INTRODUZIONE Avere accesso al web, per un utente disabile,

Dettagli

REQUISITO DI ACCESSIBILITA

REQUISITO DI ACCESSIBILITA ISTITUTO COMPRENSIVO Pascoli - Crispi Via Gran Priorato, 11-98121 Messina Via Monsignor D'Arrigo, 18-98122 Messina Tel/Fax. 09047030 090360037 e-mail: meic87300t@istruzione.it / meee00800r@istruzione.it

Dettagli

LINEE GUIDA PER LA REALIZZAZIONE AUTONOMA DI SITI WEB E STAMPATI DEI CORSI DI DOTTORATO

LINEE GUIDA PER LA REALIZZAZIONE AUTONOMA DI SITI WEB E STAMPATI DEI CORSI DI DOTTORATO Area Comunicazione e Relazioni Esterne Servizio web e grafica di Ateneo LINEE GUIDA PER LA REALIZZAZIONE AUTONOMA DI SITI WEB E STAMPATI DEI CORSI DI DOTTORATO La presente guida vuole essere un supporto

Dettagli

Un corso (accessibile) sull accessibilità dei siti web. di Gianluca Affinito gianluca.affinito@gmail.com

Un corso (accessibile) sull accessibilità dei siti web. di Gianluca Affinito gianluca.affinito@gmail.com Un corso (accessibile) sull accessibilità dei siti web di Gianluca Affinito gianluca.affinito@gmail.com La conoscenza della Legge 4/2004 nella scuola italiana Un recente questionario, proposto dall'istituto

Dettagli

Progettazione di siti Web

Progettazione 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

Dettagli

UN MODELLO DI QUALITÀ PER I SITI WEB

UN MODELLO DI QUALITÀ PER I SITI WEB UN MODELLO DI QUALITÀ PER I SITI WEB fonte prof Polillo - 1 - Cos'è un modello di qualità l Una selezione delle caratteristiche che fanno di un sito web un buon sito l Scopo: valutare un sito orientarci

Dettagli

Dichiarazione di accessibilità del sito di Ulisse - Nella rete della scienza

Dichiarazione 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

Dettagli

TECNOLOGIE INFORMATICHE DELLA COMUNICAZIONE ORE SETTIMANALI 2 TIPO DI PROVA PER GIUDIZIO SOSPESO PROVA DI LABORATORIO

TECNOLOGIE INFORMATICHE DELLA COMUNICAZIONE ORE SETTIMANALI 2 TIPO DI PROVA PER GIUDIZIO SOSPESO PROVA DI LABORATORIO CLASSE DISCIPLINA MODULO Conoscenze Abilità e competenze Argomento 1 Concetti di base Argomento 2 Sistema di elaborazione Significato dei termini informazione, elaborazione, comunicazione, interfaccia,

Dettagli

REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ

REPORT 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

Dettagli

connessioni tra i singoli elementi Hanno caratteristiche diverse e sono presentati con modalità diverse Tali relazioni vengono rappresentate QUINDI

connessioni tra i singoli elementi Hanno caratteristiche diverse e sono presentati con modalità diverse Tali relazioni vengono rappresentate QUINDI Documenti su Internet LINGUAGGI DI MARKUP Internet permette (tra l altro) di accedere a documenti remoti In generale, i documenti acceduti via Internet sono multimediali, cioè che possono essere riprodotti

Dettagli

Progettazione di siti Web

Progettazione 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

Dettagli

Accessibilità del sito web del Comune di Triggiano

Accessibilità del sito web del Comune di Triggiano Accessibilità del sito web del Comune di Triggiano Il Comune di Triggiano, già attento nella precedente versione del suo sito web al tema dell'accessibilità delle informazioni, ha riprogrammato tutte le

Dettagli

Corso di Informatica

Corso di Informatica Corso di Informatica Modulo T2 1 Sistema software 1 Prerequisiti Utilizzo elementare di un computer Significato elementare di programma e dati Sistema operativo 2 1 Introduzione In questa Unità studiamo

Dettagli

UN MODELLO DI QUALITÀ PER I SITI WEB - Sintesi del modello completo 1 -

UN MODELLO DI QUALITÀ PER I SITI WEB - Sintesi del modello completo 1 - UN MODELLO DI QUALITÀ PER I SITI WEB - Sintesi del modello completo 1 - Le tabelle seguenti riportano una sintesi del modello, e possono essere utilizzate come promemoria durante la effettuazione del check-up

Dettagli

CONOSCENZE Sapere Riconoscere e descrivere con terminologia

CONOSCENZE Sapere Riconoscere e descrivere con terminologia DISCIPLINA TRATTAMENTO TESTI E DATI Igea-Erica M.1.1 IL PC: STRUMENTO DI LAVORO U.D.1.1. Hardware e Software U.D.1.1.2 Ambienti operativi U.D. 1.1.3 Finestre windows U.D 1.1.4 Gestione di file e cartelle

Dettagli

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

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

Dettagli

Creare un nuovo tema grafico ( skin")

Creare un nuovo tema grafico ( skin) Creare un nuovo tema grafico ( skin") Potenzialità e tecniche Validità: Febbraio 2013 Questa pubblicazione è puramente informativa. SISECO non offre alcuna garanzia, esplicita od implicita, sul contenuto.

Dettagli

Ipertesti e Internet. Ipertesto. Ipertesto. Prof.ssa E. Gentile. a.a. 2011-2012

Ipertesti e Internet. Ipertesto. Ipertesto. Prof.ssa E. Gentile. a.a. 2011-2012 Corso di Laurea Magistrale in Scienze dell Informazione Editoriale, Pubblica e Sociale Ipertesti e Internet Prof.ssa E. Gentile a.a. 2011-2012 Ipertesto Qualsiasi forma di testualità parole, immagini,

Dettagli

EXPLOit Content Management Data Base per documenti SGML/XML

EXPLOit Content Management Data Base per documenti SGML/XML EXPLOit Content Management Data Base per documenti SGML/XML Introduzione L applicazione EXPLOit gestisce i contenuti dei documenti strutturati in SGML o XML, utilizzando il prodotto Adobe FrameMaker per

Dettagli

Relazione sulla verifica accessibilità

Relazione 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

Dettagli

Database. Si ringrazia Marco Bertini per le slides

Database. Si ringrazia Marco Bertini per le slides Database Si ringrazia Marco Bertini per le slides Obiettivo Concetti base dati e informazioni cos è un database terminologia Modelli organizzativi flat file database relazionali Principi e linee guida

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

SITI WEB DEL COMUNE DI PESARO, RAPPORTO DI CONFORMITA' AI REQUISITI TECNICI DELLA LEGGE N.4-9 GENNAIO 2004

SITI WEB DEL COMUNE DI PESARO, RAPPORTO DI CONFORMITA' AI REQUISITI TECNICI DELLA LEGGE N.4-9 GENNAIO 2004 SITI WEB DEL COMUNE DI PESARO, RAPPORTO DI CONFORMITA' AI REQUISITI TECNICI DELLA LEGGE N.4-9 GENNAIO 2004 Le pagine del sito istituzionale e dei siti tematici del Comune di Pesaro sono state progettate

Dettagli

Il calcolatore - Applicazioni

Il 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

Dettagli

Domande WEB Modulo 1. ************* Introduzione alla Legge Stanca Definizioni *******************************

Domande WEB Modulo 1. ************* Introduzione alla Legge Stanca Definizioni ******************************* Domande WEB Modulo 1 ************* Introduzione alla Legge Stanca Definizioni ******************************* La Legge 9 gennaio 2004, n. 4, recante Disposizioni per favorire l'accesso dei soggetti disabili

Dettagli

PROGRAMMAZIONE DISCIPLINARE INDIVIDUALE

PROGRAMMAZIONE DISCIPLINARE INDIVIDUALE ANNO SCOLASTICO: 2014-2015 DISCIPLINA: TECNOLOGIE INFORMATICHE CLASSE: 1 CA INDIRIZZO: COSTRUZIONI AMBIENTE E TERRITORIO DOCENTI: TISO EMANUELE SECCHI BARBARA 1 2 3 4 5 6 ELENCO MODULI ARGOMENTI PRINCIPALI

Dettagli

AUTOAGGIORNAMENTO DOCUMENTI ACCESSIBILI e USABILI

AUTOAGGIORNAMENTO DOCUMENTI ACCESSIBILI e USABILI AUTOAGGIORNAMENTO DOCUMENTI ACCESSIBILI e USABILI Cosa è l accessibilità? Legge Stanca del 9 gennaio 2004 che regola la forma e i contenuti dei siti web delle P.A L «accessibilità» è la capacità dei sistemi

Dettagli

Client - Server. Client Web: il BROWSER

Client - 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

Dettagli

PROGETTAZIONE DI UN SITO WEB

PROGETTAZIONE 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

Dettagli

capitolo 8 LA CHECKLIST PER LA VALUTV ALUTAZIONEAZIONE TECNOLOGICA

capitolo 8 LA CHECKLIST PER LA VALUTV ALUTAZIONEAZIONE TECNOLOGICA capitolo 8 LA CHECKLIST PER LA VALUTV ALUTAZIONEAZIONE TECNOLOGICA 8.1 ISTRUZIONI PER IL VALUTATORE Campioni Il processo di valutazione tecnologica si basa su un campione del prodotto, precedentemente

Dettagli

Access. P a r t e p r i m a

Access. P a r t e p r i m a Access P a r t e p r i m a 1 Esempio di gestione di database con MS Access 2 Cosa è Access? Access e un DBMS che permette di progettare e utilizzare DB relazionali Un DB Access e basato sui concetti di

Dettagli

Accessibilità digitale

Accessibilità digitale Accessibilità digitale Guido Gelatti guido.gelatti@itiscastelli.it Brixia Generazione Digitale - 6 Dicembre 2013 The power of the Web is in its universality Tim Berners-Lee afferma che il web "deve consentire

Dettagli

XSL: extensible Stylesheet Language

XSL: extensible Stylesheet Language XSL: extensible Stylesheet Language XSL è un insieme di tre linguaggi che forniscono gli strumenti per l elaborazione e la presentazione di documenti XML in maniera molto flessibile. I tre linguaggi devono

Dettagli

Esercizi di JavaScript

Esercizi di JavaScript Esercizi di JavaScript JavaScript JavaScript é un linguaggio di programmazione interpretato e leggero, creato dalla Netscape. E' presente a patire da Netscape 2 in tutti i browser ed é dunque il linguaggio

Dettagli

MANUALE D USO DELLA PIATTAFORMA ITCMS

MANUALE 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

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

Accessibilità e Guida all'uso del Sito

Accessibilità e Guida all'uso del Sito Accessibilità e Guida all'uso del Sito Questo documento fornisce una panoramica sulle caratteristiche di questo sito con particolare riferimento alla accessibilità. IMPORTANTE: Se si riscontrano problemi

Dettagli

PROGETTO DI APPLICAZIONI MOBILI INTERATTIVE. Emanuele Panizzi

PROGETTO DI APPLICAZIONI MOBILI INTERATTIVE. Emanuele Panizzi PROGETTO DI APPLICAZIONI MOBILI INTERATTIVE Emanuele Panizzi CONTESTO D USO 2 UTENTE DI UN DISPOSITIVO MOBILE In movimento, non concentrato a lungo Esegue i compiti nei ritagli di tempo poco tempo a disposizione

Dettagli

Appunti sugli Elaboratori di Testo. Introduzione. D. Gubiani. 19 Luglio 2005

Appunti sugli Elaboratori di Testo. Introduzione. D. Gubiani. 19 Luglio 2005 Appunti sugli Elaboratori di Testo D. Gubiani Università degli Studi G.D Annunzio di Chieti-Pescara 19 Luglio 2005 1 Cos è un elaboratore di testo? 2 3 Cos è un elaboratore di testo? Cos è un elaboratore

Dettagli

Come viene definito un layout studiato per una dimensione standard, di cui non è possibile variare la larghezza ridimensionando la finestra del

Come viene definito un layout studiato per una dimensione standard, di cui non è possibile variare la larghezza ridimensionando la finestra del Come viene definito un layout studiato per una dimensione standard, di cui non è possibile variare la larghezza ridimensionando la finestra del browser o cambiando la dimensione del testo? Layout elastic

Dettagli

Programma analitico d'esame. Versione 1.0.00

Programma analitico d'esame. Versione 1.0.00 Programma analitico d'esame Versione 1.0.00 Programma analitico d esame EIPASS Web Il percorso didattico prevede cinque moduli d esame. Ai fini del conseguimento della certificazione, il candidato dovrà,

Dettagli

GIORNATA DELLA TRASPARENZA IL RESTYLING DEL SITO WEB http://www.toscana.istruzione.it. Lidia Merlo 2014 USR Toscana. Firenze 27 novembre 2014

GIORNATA DELLA TRASPARENZA IL RESTYLING DEL SITO WEB http://www.toscana.istruzione.it. Lidia Merlo 2014 USR Toscana. Firenze 27 novembre 2014 GIORNATA DELLA TRASPARENZA IL RESTYLING DEL SITO WEB http://www.toscana.istruzione.it Lidia Merlo 2014 USR Toscana Firenze 27 novembre 2014 LA GIORNATA DELLA TRASPARENZA 2014 La giornata della Trasparenza

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

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

7. Layer e proprietà degli oggetti

7. Layer e proprietà degli oggetti 7. Layer e proprietà degli oggetti LAYER 09/01/13 ing. P. Rordorf arch. D. Bruni arch. A. Chiesa ing. A. Ballarini 38(52) Le proprietà dei layer: - Nome: ogni layer ha un nome proprio che ne permette una

Dettagli

WBT Authoring. Web Based Training STUDIO

WBT Authoring. Web Based Training STUDIO Web Based Training STUDIO AU-1.0-IT http://www.must.it Introduzione è un applicazione on-line in grado di soddisfare un gran numero di esigenze nel campo della formazione a distanza e della comunicazione.

Dettagli

CONTENT MANAGEMENT SYSTEM

CONTENT MANAGEMENT SYSTEM CONTENT MANAGEMENT SYSTEM P-2 PARLARE IN MULTICANALE Creare un portale complesso e ricco di informazioni continuamente aggiornate, disponibile su più canali (web, mobile, iphone, ipad) richiede competenze

Dettagli

Dichiarazione di Accessibilità

Dichiarazione di Accessibilità Dichiarazione di Accessibilità Requisito n. 1 : Realizzare le pagine e gli oggetti al loro interno utilizzando tecnologie definite da grammatiche formali pubblicate nelle versioni più recenti disponibili

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

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

Esercitazione su Windows. Introduzione al calcolatore Introduzione a Windows

Esercitazione su Windows. Introduzione al calcolatore Introduzione a Windows Esercitazione su Windows Introduzione al calcolatore Introduzione a Windows Sistemi Operativi Moderni Multi-Utente Multi-Processo Strutturati a Cipolla Dispongono di Interfaccia Grafica (GUI) oltre che

Dettagli

utente: collezione di contenuti e servizi sviluppatore: pagine e applicazioni

utente: collezione di contenuti e servizi sviluppatore: pagine e applicazioni Tecnologie di Sviluppo per il Web Valutazione della Qualità del Codice HTML versione 2.2 Questo lavoro è concesso in uso secondo i termini di una licenza Creative Commons (vedi ultima pagina) G. Mecca

Dettagli

Lista di controllo dei Punti di controllo per le Linee guida per l'accessibilit à ai contenuti del Web 1.0

Lista di controllo dei Punti di controllo per le Linee guida per l'accessibilit à ai contenuti del Web 1.0 Pagina 1 di 7 [Linee Guida] Lista di controllo dei Punti di controllo per le Linee guida per l'accessibilit à ai contenuti del Web 1.0 Questa versione del documento: (formato testo, postscript, pdf) Questa

Dettagli

CONTENUTI 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 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

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

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

Scrivere per il web. Università degli Studi di Genova Corso di formazione all uso di Drupal

Scrivere per il web. Università degli Studi di Genova Corso di formazione all uso di Drupal Scrivere per il web 3 Sul web così si legge, così si scrive (1) Nella comunicazione ogni strumento deve avere il suo linguaggio. Scrivere un discorso è diverso da scrivere una brochure. Scrivere il bilancio

Dettagli

Linee guida per l'organizzazione, l'usabilità e l'accessibilità dei siti Web delle pubbliche amministrazioni

Linee guida per l'organizzazione, l'usabilità e l'accessibilità dei siti Web delle pubbliche amministrazioni PRESIDENZA DEL CONSIGLIO DEI MINISTRI DIPARTIMENTO DELLA FUNZIONE PUBBLICA CIRCOLARE 13 marzo 2001, n. 3/2001 Linee guida per l'organizzazione, l'usabilità e l'accessibilità dei siti Web delle pubbliche

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

Siti Web e Information Architecture: organizzare i contenuti e strutturare le informazioni

Siti Web e Information Architecture: organizzare i contenuti e strutturare le informazioni Siti Web e Information Architecture: organizzare i contenuti e strutturare le informazioni Ornella Nicotra A.A.1999-2000 Modulo europeo Action Jean Monnet Scuola Speciale per Archivisti e Bibliotecari

Dettagli

UN MODELLO DI QUALITà PER I SITI WEB - Sintesi delle linee guida e best practice 1

UN MODELLO DI QUALITà PER I SITI WEB - Sintesi delle linee guida e best practice 1 UN MODELLO DI QUALITà PER I SITI WEB - Sintesi delle linee guida e best practice 1 Per ogni caratteristica di qualità del modello, vengono qui elencate le principali linee guida e best practice menzionate

Dettagli

PRINCIPI DI PROGETTAZIONE DI UN SITO WEB

PRINCIPI DI PROGETTAZIONE DI UN SITO WEB PRINCIPI DI PROGETTAZIONE DI UN SITO WEB Area di specializzazione Esperto in DTP e Web graphic design Anno scolastico 2006/2007 Prof. ALDO GORLA PRINCIPI DI PROGETTAZIONE DI UN SITO WEB Progettare in base

Dettagli

Rich Media Communication Using Flash CS5

Rich Media Communication Using Flash CS5 Rich Media Communication Using Flash CS5 Dominio 1.0 Impostare i requisiti del progetto 1.1 Individuare lo scopo, i destinatari e le loro esigenze per i contenuti multimediali. 1.2 dentificare i contenuti

Dettagli

Guida alla registrazione on-line di un DataLogger

Guida alla registrazione on-line di un DataLogger NovaProject s.r.l. Guida alla registrazione on-line di un DataLogger Revisione 3.0 3/08/2010 Partita IVA / Codice Fiscale: 03034090542 pag. 1 di 17 Contenuti Il presente documento è una guida all accesso

Dettagli

Indice PARTE PRIMA L INIZIO 1

Indice PARTE PRIMA L INIZIO 1 Indice Introduzione XIII PARTE PRIMA L INIZIO 1 Capitolo 1 Esplorare il World Wide Web 3 1.1 Come funziona il World Wide Web 3 1.2 Browser Web 10 1.3 Server Web 14 1.4 Uniform Resource Locators 15 1.5

Dettagli

Accessibilità sito internet dell Ente e obiettivi anno 2014 e seguenti

Accessibilità sito internet dell Ente e obiettivi anno 2014 e seguenti COMUNE DI GALLARATE Settore Risorse Economiche e Finanziarie Centro Elaborazione Dati Accessibilità sito internet dell Ente e obiettivi anno 2014 e seguenti Dichiarazione di accessibilità Il sito del Comune

Dettagli

CONTROLLO ORTOGRAFICO E GRAMMATICALE

CONTROLLO ORTOGRAFICO E GRAMMATICALE CONTROLLO ORTOGRAFICO E GRAMMATICALE Quando una parola non è presente nel dizionario di Word, oppure nello scrivere una frase si commettono errori grammaticali, allora si può eseguire una delle seguenti

Dettagli

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

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

Dettagli

Organizzati la vita con Bulletin Board e ReelTime

Organizzati la vita con Bulletin Board e ReelTime Organizzati la vita con Bulletin Board e ReelTime Presentazione di Toshiba LifeSpace Organizzarsi non è mai stato più semplice LifeSpace è uno strumento semplice ed elegante che ti consentirà di organizzare

Dettagli

PresidenzadelConsigliodeiMinistri DipartimentopergliA farigiuridicielegislativi Servizioanalisidel impatodelaregolamentazione

PresidenzadelConsigliodeiMinistri DipartimentopergliA farigiuridicielegislativi Servizioanalisidel impatodelaregolamentazione PresidenzadelConsigliodeiMinistri DipartimentopergliA farigiuridicielegislativi Servizioanalisidel impatodelaregolamentazione Forum PA 2011 9 maggio 2011, ore 11.00, Fiera di Roma Il Sistema Gestionale

Dettagli

Obiettivi di accessibilità per l anno

Obiettivi di accessibilità per l anno Obiettivi di accessibilità per l anno Redatto ai sensi dell articolo 9, comma 7 del decreto legge 18 ottobre 2012, n. 179. 1 Premessa L articolo 9, comma 7, del decreto legge 18 ottobre 2012, n. 179 stabilisce

Dettagli

Cos è Excel. Uno spreadsheet : un foglio elettronico. è una lavagna di lavoro, suddivisa in celle, cosciente del contenuto delle celle stesse

Cos è Excel. Uno spreadsheet : un foglio elettronico. è una lavagna di lavoro, suddivisa in celle, cosciente del contenuto delle celle stesse Cos è Excel Uno spreadsheet : un foglio elettronico è una lavagna di lavoro, suddivisa in celle, cosciente del contenuto delle celle stesse I dati contenuti nelle celle possono essere elaborati ponendo

Dettagli

Disegnare il Layout. www.vincenzocalabro.it 1

Disegnare il Layout. www.vincenzocalabro.it 1 Disegnare il Layout www.vincenzocalabro.it 1 Il problema dell interfaccia Una buona interfaccia deve assolvere a diverse funzioni: far percepire i contenuti permettere di individuare le principali aree

Dettagli

MANUALE UTENTE. In questo manuale verranno descritte tutte le sue funzioni. Il sistema OTRS è raggiungibile al seguente link:

MANUALE UTENTE. In questo manuale verranno descritte tutte le sue funzioni. Il sistema OTRS è raggiungibile al seguente link: MANUALE UTENTE OTRS è il sistema di ticketing per la gestione delle richieste tecniche e di supporto ai clienti e partner di Delta Progetti 2000. La nuova versione 3.2.10 introduce una grafica più intuitiva

Dettagli

CMS ERMES INFORMATICA

CMS 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

Dettagli

Corso di PHP. Prerequisiti. 1 - Introduzione

Corso di PHP. Prerequisiti. 1 - Introduzione Corso di PHP 1 - Introduzione 1 Prerequisiti Conoscenza HTML Principi di programmazione web Saper progettare un algoritmo Saper usare un sistema operativo Compilazione, link, esecuzione di programmi Conoscere

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

SCENARIO. Personas. 2010 ALICE Lucchin / BENITO Condemi de Felice. All rights reserved.

SCENARIO. Personas. 2010 ALICE Lucchin / BENITO Condemi de Felice. All rights reserved. SCENARIO Personas SCENARIO È una delle tecniche che aiuta il designer a far emergere le esigente dell utente e il contesto d uso. Gli scenari hanno un ambientazione, attori (personas) con degli obiettivi,

Dettagli

cos è l architettura dell informazione?

cos è l architettura dell informazione? Tipologia dei dati e organizzazione delle informazioni Sistemi di indicizzazione e recupero 3. Architettura dell informazione cos è l architettura dell informazione? E la progettazione di spazi informativi

Dettagli

Introduzione. Installare EMAS Logo Generator

Introduzione. Installare EMAS Logo Generator EMAS Logo Generator Indice Introduzione... 3 Installare EMAS Logo Generator... 3 Disinstallare EMAS Logo Generator... 4 Schermata iniziale... 5 Creare il Logo... 7 Impostazioni... 7 Colore...8 Lingua del

Dettagli

PROGRAMMA DEL CORSO WEB GRAPHIC DESIGNER

PROGRAMMA DEL CORSO WEB GRAPHIC DESIGNER PROGRAMMA DEL CORSO WEB GRAPHIC DESIGNER Il percorso Web Graphic Designer con Certificazione internazionale Adobe Dreamweaver prepara lo studente ad acquisire solide conoscenze per la figura professionale

Dettagli

Programma corso Adobe Flash CS3

Programma corso Adobe Flash CS3 Programma corso Adobe Flash CS3 PCAcademy Via Capodistria 12 www.pcacademy.it info@pcacademy.it Informazioni generali Il corso di Flash viene affrontato sulla nuova release Cs3 (Adobe Flash Cs3 Professional);

Dettagli

LINEE GUIDA SITI WEB UFFICI GIUDIZIARI

LINEE 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

Dettagli

Tecniche di accessibilità web

Tecniche di accessibilità web Valutazione e kit dell accessibilità Decreto ministeriale dell 8 luglio 2005 Requisiti tecnici e i diversi livelli per l accessibilità agli strumenti informatici, www.pubbliaccesso.gov.it/normative/dm080705.htm

Dettagli

Obiettivi di accessibilità per l anno 2014

Obiettivi di accessibilità per l anno 2014 ISTITUTO D ISTRUZIONE SUPERIORE Evangelista Torricelli Via Udine 7 MANIAGO (PN) - 0427/731491 Fax 0427/732657 http:// www.torricellimaniago.it email: pnis00300q@istruzione.it Obiettivi di accessibilità

Dettagli

Forest Stewardship Council. Guida rapida ai marchi per i detentori di certificati

Forest Stewardship Council. Guida rapida ai marchi per i detentori di certificati Forest Stewardship Council Guida rapida ai marchi per i detentori di certificati Informazioni sui marchi registrati FSC e su questa guida rapida I marchi registrati FSC sono il principale strumento di

Dettagli

On-line Corsi d Informatica sul web

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

Dettagli

Siti interattivi e dinamici. in poche pagine

Siti interattivi e dinamici. in poche pagine Siti interattivi e dinamici in poche pagine 1 Siti Web interattivi Pagine Web codificate esclusivamente per mezzo dell HTML non permettono alcun tipo di interazione con l utente, se non quella rappresentata

Dettagli

I blog. Andrea Marin. a.a. 2013/2014. Università Ca Foscari Venezia SVILUPPO INTERCULTURALE DEI SISTEMI TURISTICI SISTEMI INFORMATIVI PER IL TURISMO

I blog. Andrea Marin. a.a. 2013/2014. Università Ca Foscari Venezia SVILUPPO INTERCULTURALE DEI SISTEMI TURISTICI SISTEMI INFORMATIVI PER IL TURISMO Andrea Marin Università Ca Foscari Venezia SVILUPPO INTERCULTURALE DEI SISTEMI TURISTICI SISTEMI INFORMATIVI PER IL TURISMO a.a. 2013/2014 Section 1 Pubblicare tramite i blog Self-publishing Prima del

Dettagli

CORSO DI WEB DESIGN 40 ORE

CORSO DI WEB DESIGN 40 ORE CORSO DI WEB DESIGN 40 ORE Adobe Photoshop CS5 Unità didattica 1: Grafica bitmap ed introduzione all utilizzo di photoshop Concetti fondamentali di Photoshop Immagini bitmap e grafica vettoriale Dimensioni

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

Guida alla registrazione on-line di un NovaSun Log

Guida alla registrazione on-line di un NovaSun Log Guida alla registrazione on-line di un NovaSun Log Revisione 4.1 23/04/2012 pag. 1 di 16 Contenuti Il presente documento è una guida all accesso e all utilizzo del pannello di controllo web dell area clienti

Dettagli

Rapporto conclusivo di accessibilità

Rapporto conclusivo di accessibilità Rapporto conclusivo di accessibilità Modello per soggetti di cui all articolo 3, comma 1, della legge gennaio 2004, n. Soggetto interessato: Responsabile dell accessibilità: URL del sito web in oggetto:

Dettagli