Description

Le HTML5 et le CSS3 sont les dernières versions des principaux langages Web validés par le World Wide Web Consortium (W3C), l'organisme qui a pour mission de développer des protocoles et des standards sur les langages Web et leurs évolutions. Extrêmement complémentaires, le premier permettant d'afficher le contenu des pages web et le second visant à décrire la présentation de ces contenus, ils sont souvent associés dans le cadre des développements pour le web. Cette formation vous permettra d'utiliser les nouvelles possibilités offertes par le HTML5, telles que l'intégration vidéo et audio, grâce aux nouvelles balises et APIs puis de mettre vos pages en forme en tirant parti de la puissance de CSS3.

À qui s'adresse cette formation ?

Pour qui ?

• Développeur junior ou senior Chef de projet souhaitant apprendre HTML5 et CSS3.
• Développeurs, intégrateurs et webdesigners désirant maîtriser la nouvelle norme du langage HTML5 et CSS3 pour le web et les applications web.
• Développeurs Web .Net ou Java souhaitant savoir exploiter les possibilités offertes par HTML5 et CSS3.
• Toute personne qui souhaite créer des sites Web et les mettre à jour avec les CSS.
• Webmaster, concepteur de sites Web souhaitant développer avec HTML5 et CSS3.

Prérequis

 

• Avoir quelques petites notions de JavaScript.
• Connaissances sur un langage de programmation équivalent.
• Connaître les bases de HTML, savoir se servir d'un éditeur de code/texte.

 

 

 

Les objectifs de la formation

Comprendre comment tirer parti des dernières nouveautés HTLM5 comme le lecteur vidéos compatible mobiles

Disposer des compétences nécessaires au développement d’un site internet full HTML5 / CSS3

Être capable de créer des interactions dynamiques avec l’utilisateur sans développement serveur

Habiller des pages Web en CSS3 afin de les rendre plus attractives

Intégrer des animations et du contenu multimédia

Rendre responsive design les pages Web d'un site

Savoir produire des pages compatibles avec les différents navigateurs internet

Programme de la formation

• PRÉSENTATION
  • HTML : le langage du Web
  • Contexte historique
• ENVIRONNEMENT ET STRUCTURE
  • Concept et usage des balises
  • Le bon usage des balises
  • Particularités et pièges du HTML
  • Le document HTML minimum
• MISE EN FORME DU DOCUMENT
  • Le texte simple
  • Les objets d'un document
  • L'en-tête d'un document HTML
• MISE EN FORME DU TEXTE
  • Titres et paragraphes de texte
  • Le contrôle de passage à la ligne
  • Le formatage du texte, l'alignement
  • La taille, la couleur et la police
  • Les caractères spéciaux
  • Les commentaires
  • Les autres balises de texte
• LES LISTES
  • Numérotées, à puces, imbriquées
  • Les listes de définition
• LES TABLEAUX
  • Cellules de tableau et fusion des cellules
  • Gestion de la taille du tableau
  • En-tête et légende
  • Les bordures
  • Les groupes de colonnes et de lignes
• LES HYPERTEXTES
  • La balise de liens
  • Les différents types de liens : vers une autre page, dans une page, vers un site Web, de téléchargement...
  • Les Target
  • L'attribut titre
  • La couleur des liens
  • Liens et feuilles de style
• INSERTIONS D'IMAGES
  • L''insertion d'une image
  • L'espace autour d'une image
  • L'alignement d'une image
  • Couleur et image d'arrière-plan
  • L'insertion d'un lien sur une image
  • Les images réactives
• LES FORMULAIRES
  • La déclaration de formulaire
  • Zone de texte à une ligne
  • Menu déroulant
  • Boutons : radio, checkbox, d'envoi, d'annulation, de commande
  • Les formulaires : cachés, de transfert de fichier, de mot de passe
  • L'organisation des éléments d'un formulaire
• LES MÉTA-INFORMATIONS
  • Doctype ou DTD
• LES FEUILLES DE STYLE
  • Les propriétés : couleur, police, marge,...
  • Les classes
  • Dynamiser un site avec CSS
  • Gérer les positionnements
• INTRODUCTION À JAVASCRIPT
  • JavaScript pour quoi faire ?
  • L'environnement du client Web
  • Le navigateur, les outils
• JAVASCRIPT : LE COEUR DU LANGAGE
  • La syntaxe
  • Les variables, les fonctions globales, les opérateurs, les structures de contrôle
  • Les fonctions : définition, arguments, fonctions littérales, fonctions sous forme de données
  • Objets personnalisés et objets globaux
  • Manipuler les tableaux, les dates, les chaînes de caractères
• LES OBJETS DU NAVIGATEUR
  • La hiérarchie des objets
  • Les principaux objets : window, document, location, screen, navigator, form...
  • Manipuler des fenêtres
  • Gérer des timers
• INTRODUCTION À HTML5
  • Contexte : fonctionnement d’un site internet
  • Histoire et normalisation du HTML
  • La nouvelle vision HTML5
  • Roadmap HTML5
• COMMENT UTILISER LE HTML5 AUJOURD'HUI
  • Savoir quand choisir le HTML5
  • Utiliser le HTML5 avec des navigateurs qui ne le supportent pas
• LE BALISAGE HTML5
  • Structure d'une page
  • Doctype
  • Les nouveaux éléments et les éléments obsolètes
  • HTML5 et CSS3
• LES FORMULAIRES
  • La balise form
  • Créer et utiliser des formulaires HTML5
• AUDIO ET VIDÉO
  • Les éléments audio et vidéo
  • Les conteneurs, les codecs
  • Compromis pour un site à forte audience
• VUE D'ENSEMBLE DES APIS
  • Les APIs HTML5
  • Audio et vidéo
  • Site web hors ligne
  • Drag et Drop
• DESSINER EN HTML
  • Canvas vs SVG
  • Contexte et accessibilité
• LA COMMUNICATION EN HTML5
  • Les évènements
  • Envoi de messages entre documents
  • Envoi de messages par canaux
  • Le push et les WebSockets pour plus de performances
• LA GÉOLOCALISATION
  • Vue d'ensemble
  • La vie privée de l'utilisateur
• STOCKAGE
  • Stockage local
  • Stockage en session
  • Bases de données SQL Web
• CSS : STANDARDISER DES PROPRIÉTÉS
  • Se passer d'images, éviter les astuces
  • Coins arrondis, ombres portées, transparence, animations
  • Autres nouveautés
• CSS : MISE EN PAGE ET POSITIONNEMENT
  • Vue d'ensemble : clarifier le code, éviter la multiplication de div imbriquées
  • Niveau de présentation
  • Mise en page par patron
  • Mise en page multi-colonnes
  • Mise en page par boites horizontales ou verticales
  • Positionnement par grille
  • Autres nouveautés
  • CSS pour mobiles et tablettes