Web Design

HTML & CSS Perfectionnement

Découvrir la version 5 du langage HTML et de la version 3 du langage CSS pour créer des pages web conformes aux normes et standards du W3C.

  • Présentiel ou distanciel
  • 35h (5jours)

Objectifs

Ce que vous saurez faire à l'issue de la formation :

  • Création de site et de pages web conformes aux normes et standards du W3C

Programme

  1. HTML5

    - Principes d’HTML5

    - Le doc type d’HTML5

    - La syntaxe d’HTML5

  2. Nouveaux éléments de mise en page

    - L’élément

    - L’élément

    - L’élément

  3. Nouveaux éléments multimédias

    - L’élément

    - L’élément

    - L’élément

  4. Nouveaux éléments de formulaires

    - Les éléments email, url, tel, number, color...

    - L’élément range

    - Les éléments date, datetime, month, week, time

    - L’élément search

    - L’élément placeholder

    - L’élément autofocus

    - L’élément Range

    - L’élément autocomplete

    - L’élément required

  5. Autres attributs

    - L’attribut draggable

    - L’attribut hidden

    - L’attribut contenteditable

  6. CSS3

    - État des lieux et compatibilité

    - Les préfixes propriétaires : -moz-, -ms-, -o-, -webkit- et -khtml-

  7. CCS3 et conteneurs

    - La propriété word-wrap

    - La propriété text-overflow

    - La propriété columns

  8. CSS3 et mise en forme

    - La règle @font-face et les formats de polices

    - (.ttf, .otf, .eit, .svg, .woff)

    - La propriété border-radius

    - La propriété opacity

    - La propriété box-shadow

    - La propriété text-shadow

    - La propriété background-size

    - Notion d’arrière-plans multiples

  9. Pseudo-classes et pseudo-éléments

    - :lang; :empty, :root, :target, :not,

    - :last-child, :nth-child, :nth-of-type, :only-child, :only-of-type

  10. La détection des medias : les Media Queries

    - L’attribut media et ses valeurs : screen,

    - handheld, print, aural (CSS 2.0) / speech (CSS 2.1), braille, embossed, projection, tty, tv, all

    - Les opérateurs logiques

    - Les critères de requêtes : color, width, height, device-width, device-height, orientation, aspect-ratio, resolution et device-pixel-ratio

  11. Transformations CSS3

    - Scale (zoom)

    - Rotate (rotation)

    - Skex, translate et matrix (déformations et translations)

  12. Transition CSS3

    - Animation : transition-property, transition-duration

    - Alternatives pour Internet Explorer


Prérequis

  • Aucun prérequis pour cette formation

Publics visés

  • Web designers ayant en charge la création d’un site Internet répondant aux normes standards

Modalités et délais d’accès à la formation :

  • Pour s’inscrire ou se renseigner sur une formation, veuillez nous contacter
  • Une fois inscrit à une session de formation, vous recevrez une confirmation d’inscription à la formation par email
  • Votre accès à la formation aura alors lieu au maximum 2 mois après confirmation de votre inscription
  • Au plus tard une semaine avant le début de la formation, vous recevrez une convocation à la session de formation

Méthodes mobilisées :

  • Méthode transmissive
  • Méthode démonstrative
  • Méthode interrogative
  • Méthode active
  • Méthode expérientielle

Modalités d’évaluation :

  • En début de formation : Évaluation des besoins et objectifs individuels
  • Durant la formation : Quiz et exercices individuels ou de groupes
  • Fin de formation : Quiz d’auto-évaluation ou passage de certification

Accessibilité aux personnes en situation de handicap :

  • Nous favorisons l’accès aux personnes en situation de handicap. En savoir +