Programme

Initiation au html5 Css 3

  • Une petite histoire du web (Les acronymes web)
  • Les spécifications du HTML5
  • Les éditeurs  : Sublim-text ou Notepad++
  • Installation de EMMET (Zencoding google)
  • Les balises et leurs attributs
  • Structure de base d’une page HTML5
  • L’enregistrement des fichiers et création de la racine des pages
  • URL relatif ou absolu
  • Doctypes et normes W3C
  • Balises de type in line et block
  • Balises de structuration HTML 5
  • Compatibilité entre les navigateurs (Librairie js : Modernizr)
  •  Nouvelles balises HTML5
  • Exercices de rappel

Organiser les éléments texte

  • Les titres
  • Les paragraphes
  • La mise en valeurs
  • Les liens hypertext
  • Affichages des sources image
  • Créer des listes et son usage (UL, OL, LI et DL, DT, DD)
  • Faire un tableau
  • Les balises génériques : div, span et leur usage
  • (balises TABLE, TR, TD, TBODY, THEAD, TH, attributs colspan et rowspan)
  • Les formulaires en html 5 : nouveaux attributs pour les inputs

Les règles CSS2 et CSS3

  • Notion de feuille de style en cascades
  • Où écrit-on le CSS ? : link,style type et style scoped
  • Les sélecteurs html
  • Les différents types de sélecteur css : classe, id et pseudo-classe
  • Attributs de sélecteur
  • Préfixe pour les navigateurs.
  • Importation de la police et les possibilités de compatibilité css3 (@font-face)
  • Framework : font-squirrel pour l’optimisation d’affichage de la police importé
  • Introduction aux différentes unités : px, pt, %, em et rem
  • La notion de boite et présentation du modèle de boite
  • Gestion des couleurs : notion exadécimal, rgb et rgba
  • Utilisation du Framework : Flat-Ui et google material design, colorZilla
  • Propriété supplémentaire css : les border, padding, margin et box-sizing
  • Float, clear left, right et both
  • Background, background-image, background-color et background-size
  • Framework font-awesome pour l’application des icônes codés en css
  • Exercices pratique de rappel

Le Responsive Design avec html5 css 3

  • Le concept de responsive design
  • Adaptation de la page à la largeur des appareils : portable, tablette et pc
  • Les Media queris et les meta viewport
  • Rappel des unités de mesure px,%, em, rem
  • Exercices de mise en pratique