Scribd Logo
Importer

Bienvenue sur Scribd !

  • Presentation HTML5 &amp CSS3

    Transféré par

    Mohamed Hrichi
    438 vues22 pages

    Titre original

    Presentation HTML5 & CSS3

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Formats disponibles

    PPT, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme PPT, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    438 vues22 pages

    Presentation HTML5 &amp CSS3

    Transféré par

    Mohamed Hrichi

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme PPT, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 22

    HTML5

    CSS3
    HRICHI Mohamed
    « The World
    HTML 5
    is moving to
    HTML5 »
    Steve Jobs
    Apple CEO
    “We’re betting
    big on
    HTML5”
    Vic Gundotra
    Google Vice President,
    Engineering
    “The future
    of the Web
    is HTML5”
    Dean Hachamovitch
    Microsoft Corporate Vice President of Internet
    Explorer
    C’est quoi
    l’HTML5 ?
    HTML 5
     Le markup de la future génération
    d’applications Web

     De nombreuses nouveautés

     Cette version HTML5 est actuellement


    en développement

     Beaucoup de parties ne sont pas encore


    implémentées
    HTML5 SIMPLIFICATION

     <!DOCTYPE html>

     <html> (no xmlns)

     <meta charset=“UTF-8”>

     <script src=“file.js”></script>

     <link rel=“stylesheet”
    href=“styles.css”>
    HTML5 NOUVELLES BALISES
     Nouveaux éléments sémantiques
    • <nav>, <article>, <footer>, etc.
     Pas encore implémentés dans tous les navigateurs
     Balise audio sans nécessiter un plug-in
    <audio>
     Balise vidéo <video>
     Balise convas <Canvas> Permet de dessiner
    dans une Bitmap
    HTML5 NOUVELLES
    BALISES
    Avant en HTML4 Après en HTML5
    HTML5 COMPATIBILITÉ
    HTML5

    Démos
    CSS3
     Coins arrondis avec la propriété
    border-radius
     Plusieurs fonds possibles en arrière-plan
     Ombre portée avec la propriété box-shadow
     Des effets sur le texte
     Des boutons adorable
     Des animations
     Les dégradés
     Les sélecteurs
    CSS3 COINS ARRONDIS
    CSS3 MULTI BACKGROUND
    CSS3 OMBRE PORTÉE
    CSS3 effets sur le texte
    CSS3 boutons
    CSS3 LES ANIMATIONS
    CSS3 Les dégradés

    FireFox 

    Safari 
    CSS3 LES SÉLECTEURS
     Sélecteur d’attribut
    • [att^=»val»] commence par val
    • [att$=ident] finit exactement par “ident”
     Combinateur d’adjacence indirecte
    • div~img { border: 1px solid #ccc; }
     Pseudo-classes
    • :nth-child() , :nth-last-child()
    • tr:nth-child(2n+1) // ligne paire
     Pseudo-élément
    • ::selection { background-color: blue; }
    • modifier la couleur de fond du texte en cours
    de sélection.
    CSS3 COMPATIBILITY
    MERCI

    Vous aimerez peut-être aussi