Tecnologie informatiche multimediali - Università degli Studi di Ferrara Facoltà di Lettere e Filosofia Corso di Laurea in "Scienze e Tecnologie ...
←
→
Trascrizione del contenuto della pagina
Se il tuo browser non visualizza correttamente la pagina, ti preghiamo di leggere il contenuto della pagina quaggiù
Università degli Studi di Ferrara Facoltà di Lettere e Filosofia Corso di Laurea in «Scienze e Tecnologie della Comunicazione» aa 2011-2012 Tecnologie informatiche multimediali Prof. Giorgio Poletti giorgio.poletti@unife.it
TEORIA E FONDAMENTI LINGUAGGI MARCATORI E FOGLI DI STILE HTML5, CSS3 E XML
Linguaggi marcatori e fogli di stile
TIME LINE DELLE TECNOLOGIE WEB HTML
HTML 3.2
HTML tags
Prima Recommendation del W3C
Tim Berners-Lee: basato su metalinguaggio SGML (Standard
Generalized Markup Language) + HTTP (HyperText Transfert Protocol).
HTML 4
HTML 2 HTML 3 Nuova Recommendation del
W3C (codice Cougar),
Reso pubblico depreca i tag di stile e
HTML Internet-Draft proposal per la Correzioni
auspicava i CSS (Cascading
formalizzazione del linguaggio : Lee + IETF da IETF
Style Sheets)
(Internet Engineering Task Force) community di
sviluppo
HTML Working Group
chiude HTML 4.01
1991 1994 1995 1996 1997 1999
HTML 5
Linguaggio per formattare • Strict: proibiti gli elementi deprecati
contenuti fruibili in modo INSUCCESSO della specifica • Transitional: permessi gli elementi deprecati
strutturato (guerra dei browser NETSCAPE- EXPLORER) • Frameset: permesso l'utilizzo dei soli
elementi strettamente legati ai frames.
Necessità di estensione e miglioramento del
linguaggio (aumento dei contenuti) Riduzione della distanza tra tag proprietarii, sintesi
condivisa e inserimento dei tag «stilistici» di NESTSACPE
Linguaggi marcatori e fogli di stile
Separato
TIME LINE DELLE TECNOLOGIE WEB CSS
File
Incorporato
Tag
Recommendation del W3C
e super set di CSS1,
NONmantenuto ad oggi
CSS2 CSS3
Correzioni Recommendation del W3C
e MODULARE
CSS1 CSS2.1
Working Draft
Recommendation del W3C Recommendation
Modifcihe
2009
1996 1998 2004 2005 2007 2010 2011
CANDIDATE WORKING DRAFT CANDIDATE LAST CALL RECOMMENDATION
Supporta: Introduce:
• Proprietà dei font Posizionamento assoluto, relativo e fisso
• Elementi tar cui sfondo, colori del testo z-Index
• Attributi del testo, ad esempio spaziatura • Moduli a stabilità diversa
• Allineamento di testi, immagini e tabelle • Definiti oltre 50 moduli
• Margini e posizionamenti degli elementi
• Identificazione dei gruppi di attributiLinguaggi marcatori e fogli di stile
TIME LINE DELLE TECNOLOGIE WEB
HTML tags HTML 3 HTML 4
HTML 2 HTML 3.2 HTML 4.01
1991 1994 1995 1997 1999 2009
HTML 5
Java Script (JS) AJAX Modifcihe
Tecnologia 2009
integrata
1996 1998 2002 2004 2005 2007 2010 2011
CANDIDATE WORKING DRAFT CANDIDATE LAST CALL RECOMMENDATION
CSS1 CSS2
CSS2.1 CSS3
Tableless Web DesignLinguaggi marcatori e fogli di stile
TIME LINE DELLE TECNOLOGIE WEB
HTML
HTML 5 CSS
HTML
TITLE
Java Script (JS)
META
HEAD
funz01
• Funzionalità SCRIPT funz02
• Comunicazione in Realtime
• Semantica e Markup DIV
• Grafica e Multimedialità
• CSS3 BODY
PLinguaggi marcatori e fogli di stile
TIME LINE DELLE TECNOLOGIE WEB
Funzionalità Nuovi elementi semantici Immagini e animazioni
Definizione del supporto delle
singole funzionalità (modernizr
libreria HTML 5 CSS 3)
Rendering pagina HTML genera
DOM (Document Object Model),
raccolta di tutti gli elementi della Esempi di utilizzo HTML5
pagina
http://caniuse.com/ Contenuto della pagina
http://html5readiness.com/Linguaggi marcatori e fogli di stile
TIME LINE DELLE TECNOLOGIE WEB
Funzionalità Nuovi elementi semantici Immagini e animazioni
VIDEO: «tag per inserire video, progettato CANVAS: «tela bitmap, che dipende dalla
• CANVAS
per poterlo usare anche senza nessuno risoluzione e può essere usata per fare
• VIDEO
• MEMORIZZAZIONE LOCALE script di controllo, può contenere più video rendering (resa grafica) dinamici di
• WEB WORKER in diversi formati tra cui i browser possono elementi grafici.» ().
• GEOLOCALIZZAZIONE scegliere.» () Ci sono di API per canvas testo.
MEMORIZZAZIONE LOCALE: «lo storage di HTML5 permette la memorizzazione di grandi quantità di dati sul computer client
per un loro utilizzo, attraverso Javascript (filosofia cookies+DB)»
GEOLOCALIZZAZIONE: «permette di gestire attraverso API (APPLICATION WEB WORKER: «modello standard di
PROGRAMMING INTERFACE) l’identificazione di dove ci si trova (indirizzo IP, elaborazione sui browser, in background, dei
connessione wireless, cella del cellulare, GPS. Se il browser non gestisce in JAVASCRIPT; si possono generare diversi
modo nativo la GEOLOCALIZZAZIONE esistono librerie API come Gears di thread da eseguire in ‘’CONTEMPORANEA’’»
Google»Linguaggi marcatori e fogli di stile
TIME LINE DELLE TECNOLOGIE WEB
Funzionalità Nuovi elementi semantici Immagini e animazioni
TIPI DI INPUT
•
• - <Linguaggi marcatori e fogli di stile
TIME LINE DELLE TECNOLOGIE WEB
Funzionalità Nuovi elementi semantici Immagini e animazioni
(0,0)
X
Canvas API
Librerie framework
Scripting client-side
YLinguaggi marcatori e fogli di stile
TIME LINE DELLE TECNOLOGIE WEB
Struttura di una pagina HTML5Puoi anche leggere
