Tecnologie informatiche multimediali - Università degli Studi di Ferrara Facoltà di Lettere e Filosofia Corso di Laurea in "Scienze e Tecnologie ...

Pagina creata da Michele De Marco
 
CONTINUA A LEGGERE
Tecnologie informatiche multimediali - Università degli Studi di Ferrara Facoltà di Lettere e Filosofia Corso di Laurea in "Scienze e Tecnologie ...
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
Tecnologie informatiche multimediali - Università degli Studi di Ferrara Facoltà di Lettere e Filosofia Corso di Laurea in "Scienze e Tecnologie ...
TEORIA E FONDAMENTI
LINGUAGGI MARCATORI E FOGLI DI STILE
HTML5, CSS3 E XML
Tecnologie informatiche multimediali - Università degli Studi di Ferrara Facoltà di Lettere e Filosofia Corso di Laurea in "Scienze e Tecnologie ...
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
Tecnologie informatiche multimediali - Università degli Studi di Ferrara Facoltà di Lettere e Filosofia Corso di Laurea in "Scienze e Tecnologie ...
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 attributi
Linguaggi 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 Design
Linguaggi 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
                                                                     P
Linguaggi 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

           Y
Linguaggi marcatori e fogli di stile
TIME LINE DELLE TECNOLOGIE WEB

    Struttura di una pagina HTML5
Puoi anche leggere