Html5 / Css3

Objectif de la formation

Réaliser des sites Internet – Créer des pages formatées avec des Div et des CSS – Importer et formater les textes . Ajouter des éléments graphiques tels que la couleur, la transparence, les arrondis, les ombres, l’orientation, les translations, placer des médias sons, vidéos et animations utilisant les dernières spécificités Html5 et Css3 – Mettre en place un système de navigation – Créer des formulaires html5. Aborder des sujets tels que la géolocalisation, la sauvegarde local, le glisser déposer

Niveau requis

Connaissance de l’environnement informatique (pratique courante d’OS X ou de Windows). La pratique d’un logiciel de création d’images est souhaitée.

Public concerné

Webmasters, créateurs de sites internet.

Déroulé

  • Révision des principes HTML 4 et CSS 2
  • Introduction à HTML 5 et CSS3
    • Pourquoi une nouvelle version
    • Quel navigateurs  supportent ce standard
    • L’ouverture vers les mobiles Iphone, androïd, tablette
  • HTML 5
    • La vision sémantique du HTML 5
    • Balisage HTML 5
    • Le Doctype
    • Les nouveaux éléments : section, article, aside, nav, …
    • Les pseudo-element
      • :hover, :before, :after , :first-letter
      • Les formulaires HTML 5
      • Audio et Video en HTML 5
      • Glisser déposer
      • Dessiner en HTML 5
      • La sauvegarde local
  • CSS3
    • standardiser des propriétés
    • Mise en page et positionnement
      • Flottement, …
      • Taille relative, taille absolu
      • Coins arrondis, ombres portés, couleurs et transparence
      • le format SVG
      • Les translations
      • L’animation
      • L’interactivité
  • Intégrer ses propres polices
  • Mise en page multi-colonnes
  • Media Queries CSS3 pour créer des sites Web plus réactifs
  • Responsive design – Feuille de style CSS multi-écran pour ordinateur, mobile et tablette
  • Contourner les problèmes posés par Internet Explorer