SlideShare a Scribd company logo
Corsi terrelibere.org
Un foglio di stile per ogni prodotto finale
Corsi terrelibere.org                HTML5

          Css


             L'uso di fogli di stile differenti è
            fondamentale per il nostro lavoro
Corsi terrelibere.org         HTML5

                            <Css> Print

                              1.
  In questo modo, senza
  modificare i contenuti,   Un prodotto per la
     possiamo creare:            stampa
Corsi terrelibere.org           HTML5

                             <Css> Screen

                                2.
  In questo modo, senza
  modificare i contenuti,   Un sito web a larghezza
     possiamo creare:         fissa per i monitor
Corsi terrelibere.org         HTML5

                            <Css> Handled

                              3.
  In questo modo, senza
  modificare i contenuti,
                             Un sito «mobile»
     possiamo creare:
Corsi terrelibere.org           HTML5

                            <Css> Projection

                                4.
  In questo modo, senza
  modificare i contenuti,
                               Un'applicazione a
     possiamo creare:
                            schermo pieno, pensata
                             per esempio per tablet
Corsi
terrelibere
    .org
corsi@terreli
  bere.org

More Related Content

Viewers also liked

Analyzing movie openings
Analyzing movie openingsAnalyzing movie openings
Analyzing movie openings
ariand1
 
Creare icone per la chat (tutorial illustrator)
Creare icone per la chat (tutorial illustrator)Creare icone per la chat (tutorial illustrator)
Creare icone per la chat (tutorial illustrator)Terrelibere Org Edizioni
 
Disegnare un anello con Illustrator
Disegnare un anello con IllustratorDisegnare un anello con Illustrator
Disegnare un anello con Illustrator
Terrelibere Org Edizioni
 
Radiation dom strat
Radiation dom stratRadiation dom strat
Radiation dom strat
oA1bo
 
20160517-資料
20160517-資料20160517-資料
20160517-資料
Yusuke Yokozawa
 
Veryday academy masterclass service design oct 6 2014
Veryday academy masterclass service design oct 6 2014Veryday academy masterclass service design oct 6 2014
Veryday academy masterclass service design oct 6 2014
Madlene Lindström
 
少人数スタートアップで始める 意識低い系グロースハックへの取り組み
少人数スタートアップで始める 意識低い系グロースハックへの取り組み少人数スタートアップで始める 意識低い系グロースハックへの取り組み
少人数スタートアップで始める 意識低い系グロースハックへの取り組み
Yusuke Yokozawa
 
Fringe81内定者研修2013 yコンベンチャー発表資料
Fringe81内定者研修2013 yコンベンチャー発表資料Fringe81内定者研修2013 yコンベンチャー発表資料
Fringe81内定者研修2013 yコンベンチャー発表資料Yuzuru Tanaka
 
Presentation1
Presentation1Presentation1
Presentation1
scorbi2
 

Viewers also liked (17)

Analyzing movie openings
Analyzing movie openingsAnalyzing movie openings
Analyzing movie openings
 
Creare icone per la chat (tutorial illustrator)
Creare icone per la chat (tutorial illustrator)Creare icone per la chat (tutorial illustrator)
Creare icone per la chat (tutorial illustrator)
 
Calibre 1
Calibre 1Calibre 1
Calibre 1
 
Disegnare un anello con Illustrator
Disegnare un anello con IllustratorDisegnare un anello con Illustrator
Disegnare un anello con Illustrator
 
Disegnare un'astronave con Illustrator
Disegnare un'astronave con IllustratorDisegnare un'astronave con Illustrator
Disegnare un'astronave con Illustrator
 
Radiation dom strat
Radiation dom stratRadiation dom strat
Radiation dom strat
 
Disegnare una bottiglia con Illustrator
Disegnare una bottiglia con IllustratorDisegnare una bottiglia con Illustrator
Disegnare una bottiglia con Illustrator
 
20160517-資料
20160517-資料20160517-資料
20160517-資料
 
Corso HTML5. Una pagina base
Corso HTML5. Una pagina baseCorso HTML5. Una pagina base
Corso HTML5. Una pagina base
 
Lezione HTML5 3
Lezione HTML5 3Lezione HTML5 3
Lezione HTML5 3
 
Presentazione piattaforma eLearning
Presentazione piattaforma eLearningPresentazione piattaforma eLearning
Presentazione piattaforma eLearning
 
Calibre 4
Calibre 4Calibre 4
Calibre 4
 
Veryday academy masterclass service design oct 6 2014
Veryday academy masterclass service design oct 6 2014Veryday academy masterclass service design oct 6 2014
Veryday academy masterclass service design oct 6 2014
 
少人数スタートアップで始める 意識低い系グロースハックへの取り組み
少人数スタートアップで始める 意識低い系グロースハックへの取り組み少人数スタートアップで始める 意識低い系グロースハックへの取り組み
少人数スタートアップで始める 意識低い系グロースハックへの取り組み
 
Corso HTML5. Esempi di App
Corso HTML5. Esempi di AppCorso HTML5. Esempi di App
Corso HTML5. Esempi di App
 
Fringe81内定者研修2013 yコンベンチャー発表資料
Fringe81内定者研修2013 yコンベンチャー発表資料Fringe81内定者研修2013 yコンベンチャー発表資料
Fringe81内定者研修2013 yコンベンチャー発表資料
 
Presentation1
Presentation1Presentation1
Presentation1
 

Similar to Tl lezione-4

HTML5 e Css3 - 1 | WebMaster & WebDesigner
HTML5 e Css3 - 1 | WebMaster & WebDesignerHTML5 e Css3 - 1 | WebMaster & WebDesigner
HTML5 e Css3 - 1 | WebMaster & WebDesigner
Matteo Magni
 
Jquery mobile per App
Jquery mobile per AppJquery mobile per App
Jquery mobile per App
Salvatore Paone
 
Plone 5 - lo stato dell'arte
Plone 5 - lo stato dell'artePlone 5 - lo stato dell'arte
Plone 5 - lo stato dell'arte
Stefano Marchetti
 
Mobile UI Design
Mobile UI DesignMobile UI Design
Mobile UI Design
Simone Viani
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
Simone Viani
 
Come realizzare siti mobile - Buginar 29 Maggio 2011
Come realizzare siti mobile - Buginar 29 Maggio 2011Come realizzare siti mobile - Buginar 29 Maggio 2011
Come realizzare siti mobile - Buginar 29 Maggio 2011
Rocco Passaro
 
Come essere produttivi nel lavoro grazie agli strumenti di google
Come essere produttivi nel lavoro grazie agli strumenti di googleCome essere produttivi nel lavoro grazie agli strumenti di google
Come essere produttivi nel lavoro grazie agli strumenti di google
Raul Cafini
 
Introduzione a GisHosting
Introduzione a GisHostingIntroduzione a GisHosting
Aruba SuperSite - GUIDA: Semplici passi per imparare ad utilizzarlo
Aruba SuperSite - GUIDA: Semplici passi per imparare ad utilizzarloAruba SuperSite - GUIDA: Semplici passi per imparare ad utilizzarlo
Aruba SuperSite - GUIDA: Semplici passi per imparare ad utilizzarlo
Aruba S.p.A.
 
Il modello Joomla! di sito scolastico
Il modello Joomla! di sito scolasticoIl modello Joomla! di sito scolastico
Il modello Joomla! di sito scolastico
Antonio Todaro
 
Costruisci il tuo sito con WebSite: le risposte alle vostre domande
Costruisci il tuo sito con WebSite: le risposte alle vostre domande Costruisci il tuo sito con WebSite: le risposte alle vostre domande
Costruisci il tuo sito con WebSite: le risposte alle vostre domande
Register.it
 
Webperformance, come ottimizzare il tempo di caricamento di una pagina web!
Webperformance, come ottimizzare il tempo di caricamento di una pagina web!Webperformance, come ottimizzare il tempo di caricamento di una pagina web!
Webperformance, come ottimizzare il tempo di caricamento di una pagina web!
Stefano Marchisio
 
Bootstrap
BootstrapBootstrap
Bootstrap
Luca Modica
 
Html5
Html5Html5
Presentazione Frosmo in italiano Nov2015
Presentazione Frosmo in italiano Nov2015 Presentazione Frosmo in italiano Nov2015
Presentazione Frosmo in italiano Nov2015
Manuel Furlotti
 
Che cos’è google docs
Che cos’è google docsChe cos’è google docs
Che cos’è google docsSabrina Russo
 
Eco-Mind Meeting Book - What's next r3.5
Eco-Mind Meeting Book - What's next r3.5 Eco-Mind Meeting Book - What's next r3.5
Eco-Mind Meeting Book - What's next r3.5
Eco-Mind Ingegneria Informatica
 
eZ magazine: soluzione completa per la gestione multicanale della tua rivista
eZ magazine: soluzione completa per la gestione multicanale della tua rivistaeZ magazine: soluzione completa per la gestione multicanale della tua rivista
eZ magazine: soluzione completa per la gestione multicanale della tua rivista
Gabriele Francescotto
 
Come creare un progetto web
Come creare un progetto webCome creare un progetto web
Come creare un progetto web
Riccardo Mares
 

Similar to Tl lezione-4 (20)

HTML5 e Css3 - 1 | WebMaster & WebDesigner
HTML5 e Css3 - 1 | WebMaster & WebDesignerHTML5 e Css3 - 1 | WebMaster & WebDesigner
HTML5 e Css3 - 1 | WebMaster & WebDesigner
 
Jquery mobile per App
Jquery mobile per AppJquery mobile per App
Jquery mobile per App
 
Plone 5 - lo stato dell'arte
Plone 5 - lo stato dell'artePlone 5 - lo stato dell'arte
Plone 5 - lo stato dell'arte
 
Mobile UI Design
Mobile UI DesignMobile UI Design
Mobile UI Design
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Come realizzare siti mobile - Buginar 29 Maggio 2011
Come realizzare siti mobile - Buginar 29 Maggio 2011Come realizzare siti mobile - Buginar 29 Maggio 2011
Come realizzare siti mobile - Buginar 29 Maggio 2011
 
Come essere produttivi nel lavoro grazie agli strumenti di google
Come essere produttivi nel lavoro grazie agli strumenti di googleCome essere produttivi nel lavoro grazie agli strumenti di google
Come essere produttivi nel lavoro grazie agli strumenti di google
 
Html5
Html5Html5
Html5
 
Introduzione a GisHosting
Introduzione a GisHostingIntroduzione a GisHosting
Introduzione a GisHosting
 
Aruba SuperSite - GUIDA: Semplici passi per imparare ad utilizzarlo
Aruba SuperSite - GUIDA: Semplici passi per imparare ad utilizzarloAruba SuperSite - GUIDA: Semplici passi per imparare ad utilizzarlo
Aruba SuperSite - GUIDA: Semplici passi per imparare ad utilizzarlo
 
Il modello Joomla! di sito scolastico
Il modello Joomla! di sito scolasticoIl modello Joomla! di sito scolastico
Il modello Joomla! di sito scolastico
 
Costruisci il tuo sito con WebSite: le risposte alle vostre domande
Costruisci il tuo sito con WebSite: le risposte alle vostre domande Costruisci il tuo sito con WebSite: le risposte alle vostre domande
Costruisci il tuo sito con WebSite: le risposte alle vostre domande
 
Webperformance, come ottimizzare il tempo di caricamento di una pagina web!
Webperformance, come ottimizzare il tempo di caricamento di una pagina web!Webperformance, come ottimizzare il tempo di caricamento di una pagina web!
Webperformance, come ottimizzare il tempo di caricamento di una pagina web!
 
Bootstrap
BootstrapBootstrap
Bootstrap
 
Html5
Html5Html5
Html5
 
Presentazione Frosmo in italiano Nov2015
Presentazione Frosmo in italiano Nov2015 Presentazione Frosmo in italiano Nov2015
Presentazione Frosmo in italiano Nov2015
 
Che cos’è google docs
Che cos’è google docsChe cos’è google docs
Che cos’è google docs
 
Eco-Mind Meeting Book - What's next r3.5
Eco-Mind Meeting Book - What's next r3.5 Eco-Mind Meeting Book - What's next r3.5
Eco-Mind Meeting Book - What's next r3.5
 
eZ magazine: soluzione completa per la gestione multicanale della tua rivista
eZ magazine: soluzione completa per la gestione multicanale della tua rivistaeZ magazine: soluzione completa per la gestione multicanale della tua rivista
eZ magazine: soluzione completa per la gestione multicanale della tua rivista
 
Come creare un progetto web
Come creare un progetto webCome creare un progetto web
Come creare un progetto web
 

More from Terrelibere Org Edizioni

Da InDesign a iPad (usando ePub)
Da InDesign a iPad (usando ePub)Da InDesign a iPad (usando ePub)
Da InDesign a iPad (usando ePub)
Terrelibere Org Edizioni
 
Minori non accompagnati bloccati a lampedusa
Minori non accompagnati bloccati a lampedusaMinori non accompagnati bloccati a lampedusa
Minori non accompagnati bloccati a lampedusa
Terrelibere Org Edizioni
 
L'enigma di Attilio Manca - Com stampa 8_nov_10
L'enigma di Attilio Manca - Com stampa 8_nov_10L'enigma di Attilio Manca - Com stampa 8_nov_10
L'enigma di Attilio Manca - Com stampa 8_nov_10Terrelibere Org Edizioni
 

More from Terrelibere Org Edizioni (10)

Rapporto editoria 2012 - Slide
Rapporto editoria 2012 - SlideRapporto editoria 2012 - Slide
Rapporto editoria 2012 - Slide
 
Breve storia dell'ebook
Breve storia dell'ebookBreve storia dell'ebook
Breve storia dell'ebook
 
Da InDesign a iPad (usando ePub)
Da InDesign a iPad (usando ePub)Da InDesign a iPad (usando ePub)
Da InDesign a iPad (usando ePub)
 
Disegnare un mappamondo con Illustrator
Disegnare un mappamondo con IllustratorDisegnare un mappamondo con Illustrator
Disegnare un mappamondo con Illustrator
 
Calibre 5
Calibre 5Calibre 5
Calibre 5
 
Calibre 3
Calibre 3Calibre 3
Calibre 3
 
Calibre 2
Calibre 2Calibre 2
Calibre 2
 
Minori non accompagnati bloccati a lampedusa
Minori non accompagnati bloccati a lampedusaMinori non accompagnati bloccati a lampedusa
Minori non accompagnati bloccati a lampedusa
 
L'enigma di Attilio Manca - Com stampa 8_nov_10
L'enigma di Attilio Manca - Com stampa 8_nov_10L'enigma di Attilio Manca - Com stampa 8_nov_10
L'enigma di Attilio Manca - Com stampa 8_nov_10
 
Gli africani salveranno l'italia
Gli africani salveranno l'italiaGli africani salveranno l'italia
Gli africani salveranno l'italia
 

Tl lezione-4

  • 1. Corsi terrelibere.org Un foglio di stile per ogni prodotto finale
  • 2. Corsi terrelibere.org HTML5 Css L'uso di fogli di stile differenti è fondamentale per il nostro lavoro
  • 3. Corsi terrelibere.org HTML5 <Css> Print 1. In questo modo, senza modificare i contenuti, Un prodotto per la possiamo creare: stampa
  • 4. Corsi terrelibere.org HTML5 <Css> Screen 2. In questo modo, senza modificare i contenuti, Un sito web a larghezza possiamo creare: fissa per i monitor
  • 5. Corsi terrelibere.org HTML5 <Css> Handled 3. In questo modo, senza modificare i contenuti, Un sito «mobile» possiamo creare:
  • 6. Corsi terrelibere.org HTML5 <Css> Projection 4. In questo modo, senza modificare i contenuti, Un'applicazione a possiamo creare: schermo pieno, pensata per esempio per tablet
  • 7. Corsi terrelibere .org corsi@terreli bere.org