2.3 Cenni sui fogli di stile CSS per XML
|
|
- Angelo Pesce
- 8 anni fa
- Visualizzazioni
Transcript
1 Fondamenti di Informatica Sistemi di Elaborazione delle Informazioni Informatica Applicata 2.3 Cenni sui fogli di stile CSS per XML Antonella Poggi Anno Accademico DIPARTIMENTO DI SCIENZE DOCUMENTARIE LINGUISTICO FILOLOGICHE E GEOGRAFICHE
2 Cosa sono i fogli di stile? Come abbiamo visto, né gli elementi XML né le dichiarazioni di un DTD dicono nulla sul modo in cui il contenuto di un documento XML debba essere presentato Principio fondamentale della marcatura con XML: separare forma e contenuto I fogli di stile è il meccanismo attraverso il quale si specifica come presentare (a schermo di un computer, di un tablet o su carta) il contenuto
3 CSS (Cascading Style Sheets) Standard (o meglio raccomadazione del W3C) nato come risposta al fatto che i browser avevano piano piano adottato estensioni proprietarie per HTML, per permettere agli autori di specificare come doveva essere formattato il contenuto dei documenti che scrivevano problemi di incompatibilità tra browser problemi comunicazione con i server dovuti alla pesantezza delle pagine arricchite con le informazioni per la formattazione incapacità per gli autori di controllare l effettiva presentazione dei loro contenuti... Diverse versioni: CSS1: prima versione nel 1996 CSS2: seconda versione nel 1998 (principale modifica: concetto di media type) CSS2.1: corregge, estende, taglia,... ce ne sono state altre ma noi le ignoreremo Antonella Poggi Pagina 3
4 Uso raccomandato dal W3C Il W3C raccomanda l uso di file CSS esterni Lo stesso file CSS può essere usato da più documenti Uno stesso documento XML può essere presentato secondo file CSS diversi a seconda per esempio dello strumento su cui deve essere presentato Sintassi raccomandata: attraverso un istruzione di processamento xml che associa al documento XML in cui occorre uno o più file CSS (esterni) che ne definiscono la presentazione Antonella Poggi Pagina 4
5 Istruzione di processamento per associare CSS a documenti XML Sintassi (semplificata) <?xml-stylesheet href=indirizzo_foglio?>! dove indirizzo_foglio è l indirizzo fisico del foglio di stile Ulteriori pseudo-attributi title che permette di assegnare un titolo al foglio usato! media che permette di indicare lo strumento per il quale si stanno definendo le regole di presentazione screen, print, tv, all! alternate che può assumere valori yes o no e, in caso di yes richiede sia specificato anche lo pseudo-attributo title; serve per esempio per assicurare l accesibilità dei contenuti; il client dovrebbe fornire all utente la possibilità di scegliere fogli di stile dichiarati come alternativi! Antonella Poggi Pagina 5
6 Associazione di un CSS (esempio) <?xml version= 1.0?>! <!DOCTYPE Mail SYSTEM Mail.dtd []>! <?xml-stylesheet href= Mail.css title= Normal?>! <?xml-stylesheet href= Mail-alt.css title= Alternative?>! <Mail>!!<From>!!!<Address> </Address>!!</From>!!<To>!!!<Address> </Address>!!!<Address> </Address>!!</To>!!<Subject> Appointment </Subject>!!<Body>!!Why don't we meet at disco.inferno at midnight.!!tell also Caronte. Cheers,!!- D.A.!!</Body>! </Mail> Antonella Poggi Pagina 6
7 Mail {! display: block;! margin-left: 1.5cm;! margin-top: 1.5cm;! font-size: 14pt;! font-family: sans-serif;! Address {! display:block;! From>Address:before {! content: "From:"; font-weight: bold;! }! To>Address:before {! content: "To:"; font-weight: bold;! }! Subject {! display: block; color: red;! Subject:before{! content:"subject:"; font-weight: bold;! Esempio di file CSS Body {! display:block; font-size: 18pt; margin-top: 1cm;! Antonella Poggi Pagina 7
8 Struttura di un file CSS Lista di regole che specificano come visualizzare i contenuti di tutti i nodi di un sottoalbero del file XML a cui è associato il foglio Sintassi di una regola selettore1[,selettore2,...] {!!attributo_stile1: valore1;!!attributo_stile2: valore2;!!...! la lista di selettori specifica gli elementi radice dei sottoalberi a cui la regola si applica la lista delle coppie attributo-stile: valore specifica il valore di una proprietà che definisce la formattazione! Una regola che si applica ad un sottoalbero interno ad un altro, integra ed, eventualmente, sovrascrive la regola che si applica al sottoalbero esterno (cascading) Antonella Poggi Pagina 8
9 REGOLA Struttura di un file CSS (esempio) Mail {! display: block;! SELETTORE margin-left: 1.5cm;! margin-top: 1.5cm;! font-size: 14pt;! font-family: sans-serif;! Address {! display:block;! From>Address:before {! content: "From:"; font-weight: bold;! }! To>Address:before {! content: "To:"; font-weight: bold;! }! Subject {! display: block; color: red;! Mail {!!display: block;!!margin-left: 1.5cm;!margin-top: 1.5cm;!!font-size: 14pt;!!font-family: sans-serif;! Subject:before{! content:"subject:"; ATTRIBUTO font-weight: bold;! VALORE Body {! display:block; font-size: 18pt; margin-top: 1cm;! Antonella Poggi Pagina 9
10 Formattazione (esempio) Antonella Poggi Pagina 10
11 Selettori Un selettore può essere il nome della radice o più in generale un cammino che permette di raggiungerla *: si applica ad un qualsiasi elemento E>F: si applica ad un elemento F figlio di un elemento E! E F: si applica ad un elemento F discendente di un elemento E! E[att]: si applica ad un elemento E che ha l attributo att valorizzato E[att= x ]: si applica ad un elemento E che ha l attributo att valorizzato E+F: si applica ad un elemento F immediatamente preceduto da un elemento fratello E Antonella Poggi Pagina 11
12 Mail {! display: block;! margin-left: 1.5cm;! margin-top: 1.5cm;! font-size: 14pt;! font-family: sans-serif;! Address {! display:block;! From>Address:before {! content: "From:"; font-weight: bold;! }! To>Address:before {! content: "To:"; font-weight: bold;! }! Subject {! display: block; color: red;! Subject:before{! content:"subject:"; font-weight: bold;! Selettori (esempio) Body {! display:block; font-size: 18pt; margin-top: 1cm;! Antonella Poggi Pagina 12
13 Attributo di stile display! Particolarmente importante perché permette di definire quello che non deve essere visualizzato: valore none! quello che deve essere visualizzato come un paragrafo : block! quello che deve essere visualizzato in linea con il contenuto che lo precede e lo segue: inline! un indirizzo potrebbe richiedere una formattazione particolare ma non per questo ogni indirizzo che occorre nel testo deve essere presentato come un paragrafo! quello che deve essere presentato come un elemento di una lista... Antonella Poggi Pagina 13
14 Esempi di attributi di stile per il testo font-family serif / sans serif / cursive. font-size punti (pt) / pixel (px) / centimetri (cm) / pollici (in) / percentuale (%) font-style normal / italic / oblique font-variant normal / small-caps font-weight extra-light / demi-light / light / medium /bold/ demi-bold / extra-bold text-decoration none / underline / italic / line-height color red / yellow / blue/... Antonella Poggi Pagina 14
15 Disposizione dei contenuti Il contenuto di un elemento viene visualizzato come se fosse all interno di un box Attraverso una serie di attributi si specificano le proprietà del contenuto rispetto a quello che viene chiamato box model Antonella Poggi Pagina 15
16 Il Box model Antonella Poggi Pagina 16
17 Esempi di attributi di stile per la disposizione del testo width, height, margin, margin-left, margin-right, margin-top, margin-bottom, border-width, borderbottom-width, padding-width,... punti (pt) / pixel (px) / centimetri (cm) / pollici (in) / percentuale (%)/... border-style, border-bottom-style,... dotted /double/hidden/... border-color... Antonella Poggi Pagina 17
18 Aggiungere testo nella visualizzazione L attributo di stile content permette di specificare del testo che precede o segue il contenuto dell elemento richiede l uso degli pseudo-attributi before e after indicano dove va aggiunto il contenuto Antonella Poggi Pagina 18
19 Mail {! display: block;! margin-left: 1.5cm;! margin-top: 1.5cm;! font-size: 14pt;! font-family: sans-serif;! Address {! display:block;! Aggiungere testo (esempio) From>Address:before {! content: "From:"; font-weight: bold;! }! To>Address:before {! content: "To:"; font-weight: bold;! }! Subject {! display: block; color: red;! Subject:before{! content:"subject:"; font-weight: bold;! Body {! display:block; font-size: 18pt; margin-top: 1cm;! Antonella Poggi Pagina 19
(A) CONOSCENZA TERMINOLOGICA (B) CONOSCENZA E COMPETENZA (C) ESERCIZI DI COMPRENSIONE
Dare una breve descrizione dei termini introdotti: (A) CONOSCENZA TERMINOLOGICA Foglio di stile interno Foglio di stile esterno Fogli di stile incorporati Fogli di stile inline (B) CONOSCENZA E COMPETENZA
DettagliUTILIZZO 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
DettagliXML INVITO ALLO STUDIO EUROPEAN NETWORK OF INNOVATIVE SCHOOLS
XML INVITO ALLO STUDIO EUROPEAN NETWORK OF INNOVATIVE SCHOOLS CSS e XML Per formatare i documenti XML è possibile seguire due strade: Quando non c è bisogno della potenza elaborativa di XSL, l utilizzo
DettagliWEB I FOGLI DI STILE. Gabriele Murara
WEB I FOGLI DI STILE Gabriele Murara 1 Cosa sono e a cosa servono HTML dovrebbe essere visto semplicemente come un linguaggio strutturale, alieno da qualunque scopo attinente la presentazione di un documento
DettagliCoder Dojo Tutorial 3
Coder Dojo Tutorial 3 Complimenti ancora, son certo che hai già imparato molte più cose di quel che pensi! Tempo per fare qualcosa di un po più divertente, come mettere insieme un foglio dedicato a definire
DettagliLa pagina Web modulo.html utilizza le specifiche di stile descritte nel foglio feedback.css.
Moduli di feedback Uno degli strumenti per l interattività con gli utenti è la pagina per raccogliere suggerimenti o commenti dai visitatori, formata da moduli sul video da riempire con il nome del mittente,
DettagliCorso di Web Programming
Corso di Web Programming 5. Cascading Style Sheets (CSS) Paolo Milazzo Dipartimento di Informatica, Università di Pisa http://www.di.unipi.it/ milazzo milazzo di.unipi.it Corso di Laurea in Informatica
DettagliJavascript. Politecnico di Milano Facoltà del Design Bovisa Elementi di Informatica e Reti di calcolatori
Javascript Politecnico di Facoltà del Design Bovisa Elementi di Informatica e Reti di calcolatori Ing. Claudio Menghi Dipartimento di Elettronica e Informazione menghi@elet.polimi.it http://home.dei.polimi.it/menghi
DettagliContenuto vs Stile: un esempio
I limiti dell HTML Il principale problema di HTML è la mancanza di separazione tra contenuto e stile all interno delle pagine. Molto spesso, invece degli appositi tag, si utilizzano le tabelle per posizionare
DettagliCSS. Cascading Style Sheets. Regola: selezionatore { proprietà : valore } h1 { color : green; } ul { font-style : italic; } H1 { color : green }
1 2 Foglio di stile Cascading Style Sheets CSS Regole che dicono al browser COME visualizzare le informazioni contenute nel documento HTML. Definiscono l APPARENZA del documento. Regola: selezionatore
DettagliLa sintassi di un DTD si basa principalmente sulla presenza di quattro dichiarazioni:
XML: DTD Da un punto di vista cronologico, il primo approccio per la definizione di grammatiche per documenti XML è rappresentato dai Document Type Definition (DTD). Un DTD è un documento che descrive
DettagliXSL: 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
DettagliCSS. Dott. Nicole NOVIELLI novielli@di.uniba.it http://www.di.uniba.it/intint/people/nicole.html. ignorare la definizione degli elementi di stile
CSS Dott. Nicole NOVIELLI novielli@di.uniba.it http://www.di.uniba.it/intint/people/nicole.html CSS: Cascading Style Sheet! Tecnologia W3C per la definizione dello stile di una pagina web! Contenuto e
DettagliIntroduzione al linguaggio XSL (exensible Styles Language) XSLT(eXensible Styles Language Trasformations)
Introduzione al linguaggio XSL (exensible Styles Language) XSLT(eXensible Styles Language Trasformations) Lezione del Corso Interazione Uomo Macchina 1, Docente Francesco Mele Corso di Laurea in Informatica
DettagliI Tag dell html. Parte quarta
I Tag dell html Parte quarta Le Form I moduli, o form, rendono interattive le pagine Web. Per creare un elemento modulo si usa il tag:
DettagliForm 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
DettagliModellazione e Gestione di Informazioni non Strutturate
Università della Calabria, Corso di Laurea Specialistica in Ingegneria Gestionale Progettazione di Sistemi Informativi Docente: Alfredo Cuzzocrea Modellazione e Gestione di Informazioni non Strutturate
DettagliPer l'esercizio preparare una cartella dal nome DUE COLONNE con le sottocartelle css e immagini
STRUTTURA A DUE COLONNE Per l'esercizio preparare una cartella dal nome DUE COLONNE con le sottocartelle css e immagini Un layout a due colonne ha, in genere, la seguente struttura: un'intestazione (TESTATA)
DettagliXML. Concetti principali. Risultato possibile. Differenze tra XML e HTML
Concetti principali Un documento XML contiente delle istruzioni particolari chiamate tag scritte in forma di coppia di parentesi (metalinguaggio con parentesi) Daniele Marini XML questa
DettagliXML: extensible Markup Language
XML: extensible Markup Language Laura Farinetti Dip. Automatica e Informatica Politecnico di Torino laura.farinetti@polito.it L. Farinetti - Politecnico di Torino 1 Introduzione XML: extensible Markup
DettagliG I O R D A N I A L E S S A N D R A I T T S E R A L E G. M A R C O N I
Introduzione ad XML G I O R D A N I A L E S S A N D R A I T T S E R A L E G. M A R C O N I XML XML (Extensible Markup Language) è un insieme standard di regole sintattiche per modellare la struttura di
DettagliCorso di Informatica di base per le discipline umanistiche - XPATH
Corso di Informatica di base per le discipline umanistiche - XPATH Francesca Frontini Pavia AA 2008-2009 Materiale http://www.w3schools.com/xpath/default.asp Cartella xpath esercizi scaricabile dalla pagina
DettagliLinguaggi per il web oltre HTML: XML
Linguaggi per il web oltre HTML: XML Luca Console Con XML si arriva alla separazione completa tra il contenuto e gli aspetti concernenti la presentazione (visualizzazione). XML è in realtà un meta-formalismo
DettagliAPPROCCIO "WEB DESIGN REATTIVO": Prima di tutto costruiamo una BASE
ESEMPIO FILE.CSS PER REALIZZARE MODELLO SITO WEB: www.modellinirobotanno80.altervista.org /*questo codice va aggiunto al css principale per far si che tutti i browser possano riconoscere correttamente
Dettagli- La formattazione con foglio di stile esterno: Come realizzare e collegare un file con codice di stile ad una pagina web.
I fogli di stile. Argomenti trattati: - La formattazione con foglio di stile interno: Come dichiarare lo stile di una pagina web all'interno del suo codice. - Ereditarietà e selettori contestuali: Come
DettagliGrafica: creare pulsanti con i css.
Grafica: creare pulsanti con i css. L'articolo originale in lingua inglese Graphics: making buttons with css proviene dal sito eosdev.com ed è stato tradotto e riprodotto per gentile concessione dell'autore.
DettagliCreare documenti XML. La natura epistemologica della codifica. Perché comprare XML? La struttura gerarchica ordinata. Riassumendo le componenti
Lez. 7 Creare documenti XML La codifica deve raggiungere 2 traguardi: Accessibilità tecnica Permanenza a lungo termine 05/03/12 Perché comprare XML La natura epistemologica della codifica HTML Descrive
DettagliXML: La nascita del linguaggio
XML: introduzione alla codifica dei testi Con la codifica dei testi si intende la rappresentazione dei testi stessi su un supporto digitale in un formato utilizzabile dall'elaboratore (Machine Readable
DettagliSommario. HTML e CSS I fogli di stile. cosa sono principali proprietà
HTML e CSS Sommario HTML e CSS I fogli di stile cosa sono principali proprietà CSS CSS La specifica HTML elenca le linee guida su come i browser dovrebbero visualizzare i diversi elementi del documento
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
DettagliSPORTELLO UNICO DELLE ATTIVITÀ PRODUTTIVE MANUALE OPERATIVO FUNZIONI DI PAGAMENTO ONLINE. Versione 05
SPORTELLO UNICO DELLE ATTIVITÀ PRODUTTIVE MANUALE OPERATIVO FUNZIONI DI PAGAMENTO ONLINE Versione 05 Novembre 2015 1 Sommario Generalità... 3 Pagare con ICONTO... 7 Pagare con carta di credito... 10 Pagare
DettagliMacchine per l elaborazione dell informazion e. Sistemi di Elaborazione delle Informazioni. Informatica II
Macchine per l elaborazione dell informazion e Sistemi di Elaborazione delle Informazioni Informatica II Ing. Mauro Iacono Seconda Università degli Studi di Napoli Facoltà di Studi Politici e per l Alta
Dettagli2.1 Introduzione ai linguaggi di marcatura
Fondamenti di Informatica Sistemi di Elaborazione delle Informazioni Informatica Applicata 2.1 Introduzione ai linguaggi di marcatura Antonella Poggi Anno Accademico 2012-2013 DIPARTIMENTO DI SCIENZE DOCUMENTARIE
DettagliTecniche della comunicazione web - 8 CFU
Tecniche della Comunicazione Web A.A. 2007/08 Corso di laurea in Scienze e Cultura delle Alpi Tecniche della comunicazione web - 8 CFU DocenTe: Viviana Patti Ricercatrice Dipartimento di Informatica Università
DettagliHTML. Queste slides sono un adattamento di quelle di Luca Anselma, cui va il mio ringraziamento
HTML Queste slides sono un adattamento di quelle di Luca Anselma, cui va il mio ringraziamento Cenni di HTML Hypertext Markup Language Linguaggio con cui sono scritte le pagine web Permette di realizzare
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
DettagliCapitolo 4 Pianificazione e Sviluppo di Web Part
Capitolo 4 Pianificazione e Sviluppo di Web Part Questo capitolo mostra come usare Microsoft Office XP Developer per personalizzare Microsoft SharePoint Portal Server 2001. Spiega come creare, aggiungere,
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
DettagliCome brandizzare la tua Piattaforma E-Learning Docebo
Come brandizzare la tua Piattaforma E-Learning Docebo La gestione della grafica 3 Carica un nuovo Logo 4 Modifica la pagina di login: immagine e layout 4 Inserisci pagine esterne 5 Guarda il risultato
DettagliI 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ò
DettagliHTML per tu+ Chiara Pere+
HTML per tu+ Chiara Pere+ Cos é L HTML è il linguaggio con cui potete indicare come i vari elemen7 saranno dispos7 in una pagina Web. L estensione del file è.html e verrà visualizzato corre?amente trascinandolo
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
DettagliWorking Draft 0.5 (Telefonia)
Working Draft 0.5 (Telefonia) Abstract Lo scopo del progetto è lo sviluppo di un SCP (Semantic Collaborative Portal), cioè un sistema di visualizzazione di una banca dati documentaria di grandi dimensioni
Dettagli01. Conoscere l area di lavoro
01. Conoscere l area di lavoro Caratteristiche dell interfaccia Cambiare vista e dividere le viste Gestire i pannelli Scegliere un area di lavoro Sistemare le barre degli strumenti Personalizzare le preferenze
DettagliHTML 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
DettagliScuola Digitale. Manuale utente. Copyright 2014, Axios Italia
Scuola Digitale Manuale utente Copyright 2014, Axios Italia 1 SOMMARIO SOMMARIO... 2 Accesso al pannello di controllo di Scuola Digitale... 3 Amministrazione trasparente... 4 Premessa... 4 Codice HTML
DettagliApplicazioni Web 2013/14
Applicazioni Web 2013/14 Lezione 5: Cascading Style Sheets Matteo Vaccari http://matteo.vaccari.name/ matteo.vaccari@uninsubria.it (cc) Matteo Vaccari. Published in Italy. Attribution Non commercial Share
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
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
DettagliTecniche Multimediali
Un programma di computer fa quello che gli dici, non quello che vuoi. Legge di Greer (Leggi di Murphy applicate all informatica) Tecniche Multimediali Corso di Laurea in «Informatica» - aa 2010-2011 Prof.
DettagliLaboratorio Matematico Informatico 2
Laboratorio Matematico Informatico 2 (Matematica specialistica) A.A. 2006/07 Pierluigi Amodio Dipartimento di Matematica Università di Bari Laboratorio Matematico Informatico 2 p. 1/1 Informazioni Orario
DettagliPROGRAMMA 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
DettagliFogli di stile CSS. Fogli di stile (2) Fogli di stile (3) Introduzione ai CSS. Regole
Fogli di stile CSS I fogli di stile permettono la separazione della forma dal contenuto. Il concetto di foglio di stile è quello di creare un documento separato che contenga tutte le informazioni necessarie
DettagliAPPUNTI DI HTML (SECONDA LEZIONE)
APPUNTI DI HTML (SECONDA LEZIONE) 1. TITOLI, PARAGRAFI, BLOCCHI DI TESTO E CONTENITORI. E utile scrivere il testo che vogliamo inserire nella nostra pagina html all interno di appositi tag. La pagina sarà
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
DettagliComandi 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
DettagliWeb Programming Specifiche dei progetti
Web Programming Specifiche dei progetti Paolo Milazzo Anno Accademico 2010/2011 Argomenti trattati nel corso Nel corso di Web Programming sono state descritti i seguenti linguaggi (e tecnologie): HTML
DettagliFISH Sardegna ONLUS. www.fishsardegna.org. Manuale Utente. www.fishsardegna.org
FISH Sardegna ONLUS Manuale Utente Note generali: Il sito è costruito su CMS Drupal 7. Per avere maggiori informazioni su Drupal si puo consultare online il portale ufficiale http://drupal.org/( in inglese)
DettagliDOCUMENTO ESERCITAZIONE ONENOTE. Utilizzare Microsoft Offi ce OneNote 2003: esercitazione rapida
Utilizzare Microsoft Offi ce OneNote 2003: esercitazione rapida MICROSOFT OFFICE ONENOTE 2003 AUMENTA LA PRODUTTIVITÀ CONSENTENDO AGLI UTENTI L ACQUISIZIONE COMPLETA, L ORGANIZZAZIONE EFFICIENTE E IL RIUTILIZZO
DettagliUniversità degli Studi di Padova Corso di Laurea in Informatica
Cognome e Nome Matricola Università degli Studi di Padova Corso di Laurea in Informatica Corso di Tecnologie Web Prova scritta del 24/03/2006 Importante: Scrivere il proprio Cognome, Nome e numero di matricola
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
DettagliSettimana I...1. Giorno 1 - Introduzione all XSLT...3
Settimana I...1 Giorno 1 - Introduzione all XSLT...3 Generalità su XSLT...3 Introduzione a XML e XSLT... 4 Cos è XSLT?... 5 Che cosa fa XSLT?... 6 Come si presenta XSLT?... 6 XSLT e la famiglia di XML...
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
DettagliGuida 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
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
DettagliJava Server Pages (JSP) JSP o Servlet? Java Server Pages (JSP) Java Server Pages Costituiscono un estensione della tecnologia delle servlet
Java Server Pages (JSP) Introduzione alle JSP Linguaggio di scripting lato server HTML-embedded Una pagina JSP contiene sia HTML sia codice Il client effettua la richiesta per la pagina JSP La parte HTML
DettagliCreare 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
DettagliLa struttura: DTD. Laura Farinetti Dip. Automatica e Informatica Politecnico di Torino. laura.farinetti@polito.it
La struttura: DTD Laura Farinetti Dip. Automatica e Informatica Politecnico di Torino laura.farinetti@polito.it L. Farinetti - Politecnico di Torino 1 Modello di struttura I tag annidati danno origine
DettagliChe cos'è un modulo? pulsanti di opzione caselle di controllo caselle di riepilogo
Creazione di moduli Creazione di moduli Che cos'è un modulo? Un elenco di domande accompagnato da aree in cui è possibile scrivere le risposte, selezionare opzioni. Il modulo di un sito Web viene utilizzato
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
DettagliBasi di Dati. Programmazione e gestione di sistemi telematici
Basi di Dati. Programmazione e gestione di sistemi telematici Coordinatore: Prof. Paolo Nesi Docenti: Prof. Paolo Nesi Dr.sa Michela Paolucci Dr. Emanuele Bellini Introduzione CSS Cascading Style Sheets
DettagliLinguaggi e tecnologie per il Web. Parte 5 CSS
Sapienza Università di Roma corso di laurea in Ingegneria informatica e automatica Linguaggi e tecnologie per il Web a.a. 2016/2017 Parte 5 CSS Riccardo Rosati Fogli di stile In HTML non c è separazione
DettagliLezione 3. Joomla 2.5
Lezione 3 Joomla 2.5 Joomla: il template Prima di partire con la modifica del template, diamo un occhiata alle posizioni definite dallo stesso. Come si può notare LOGO non ha un area che lo identifica
DettagliEUROPEAN COMPUTER DRIVING LICENCE WEB EDITING - Versione 2.0
EUROPEAN COMPUTER DRIVING LICENCE WEB EDITING - Versione 2.0 Copyright 2010 The European Computer Driving Licence Foundation Ltd. Tutti I diritti riservati. Questa pubblicazione non può essere riprodotta
DettagliXML e PHP. Gestire XML con PHP. Appendice
Appendice XML e PHP Tra tutti i linguaggi di programmazione esistenti PHP è tra quelli che meglio si adattano all elaborazione di documenti XML. PHP è un linguaggio di programmazione che consente di arricchire
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
Dettagliextensible Markup Language
XML a.s. 2010-2011 extensible Markup Language XML è un meta-linguaggio per definire la struttura di documenti e dati non è un linguaggio di programmazione un documento XML è un file di testo che contiene
DettagliIndice 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
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
Dettagli<a href= page2.html > Questo é il link all altra pagina </a> <a href= page2.html > <img src= "lamiaimmagine.jpg"/> </a>
Tutorial 4 Links, Span e Div È ora di fare sul serio! Che ci crediate o no, se sei arrivato fino a questo punto, ora hai solo bisogno di una cosa in più per fare un sito reale! Al momento hai una pagina
DettagliEstensione di un sistema per la gestione semi-automatica di siti didattici con XML
Università degli Studi di Milano Bicocca Facoltà di Scienze Matematiche, Fisiche e Naturali Corso di Laurea in Informatica Estensione di un sistema per la gestione semi-automatica di siti didattici con
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
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
DettagliINDICE. Introduzione 2 Esempio accorpamento preventivo 3. Corso Accorpamento Preventivo Pag. 1
Prodotto da INDICE Introduzione 2 Esempio accorpamento preventivo 3 Corso Accorpamento Preventivo Pag. 1 Capitolo VII Accorpamento Preventivo Introduzione La procedura Genera proposta di aggiornamento
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
DettagliIBM SPSS Statistics - Essentials for R- Istruzioni di installazione per Windows
IBM SPSS Statistics - ssentials for R- Istruzioni di installazione per Windows Le istruzioni riportate di seguito sono relative all installazione di IBM SPSS Statistics - ssentials for R su sistemi operativi
DettagliEXPLOit 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
DettagliIndice delle proprietà. Valori speciali. Compatibilità
CSS: sintassi, e valori 29 Valore: 'fontstyle'? 'fontsize' [ /'lineheight' ]? Valore: Valori speciali Nei valori, caratteri come, e / devono essere riportati letteralmente.
Dettagli/XML ALBERTO BELUSSI ANNO ACCADEMICO 2009/2010 XML
XML 1 ALBERTO BELUSSI ANNO ACCADEMICO 2009/2010 XML XML è un linguaggio di marcatura proposto dal W3C XML definisce una sintassi generica per contrassegnare i dati di un documento elettronico con marcatori
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
DettagliCostruzione del layout in gino cms
Costruzione del layout in gino cms Autore: Marco Guidotti - marco.guidotti(at)otto.to.it Versione: 1.0 Data: 2013-06-17 Layout Nell area amministrativa di gino l applicazione Layout permette di gestire
DettagliHTML il linguaggio per creare le pagine per il web
HTML il linguaggio per creare le pagine per il web Parte I: elementi di base World Wide Web Si basa sul protocollo HTTP ed è la vera novità degli anni 90 Sviluppato presso il CERN di Ginevra è il più potente
DettagliForm Editor. Dove NomeProfilo è personalizzabile.
Form Editor Il tema permette di generare automaticamente dei moduli per la raccolta di dati in tre semplici step: 1. Si crea una tabella nel database per la raccolta dei dati. Per la creazione si parte
DettagliNavigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog. Marco Torciani. (Terza lezione) Unitre Pavia a.a.
Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog (Terza lezione) Unitre Pavia a.a. 2014-2015 27/01/2015 dott. 1 La struttura del testo in html L'HTML fornisce una serie
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
DettagliCorso di Sistemi di Elaborazione delle informazioni
Corso di Sistemi di Elaborazione delle informazioni Basi di Dati Claudio Marrocco I report I Report sono lo strumento più adatto per ottenere una copia stampata dei dati e delle informazioni ricavate dalle
DettagliI CSS o Fogli di stile. Telematica per le arti e lo spettacolo a.a. 2006/07
I CSS o Fogli di stile Telematica per le arti e lo spettacolo a.a. 2006/07 Quando è nato il web il problema principale era semplicemente quello della gestione dei contenuti, dato anche il basso numero
Dettagli