Formation : HTML5 pour Développeurs Web
Contenu du cours
- Présentation d'une page avec HTML5
- Structure de page
- Lay-out d’une page avec HTML 4 - la « vieille » manière
- Lay-out d’une page avec HTML5
- Nouveaux Tags HTML5 structurels
- Simplification de page
- HTML5 - Comment nous en sommes arrivés ici
- Les problèmes de HTML 4 Adresses
- Les problèmes XHTML Adresses
- La nouvelle approche plus flexible de HTML5 -Paving the Cowpaths
- Nouvelles fonctionnalités de HTML5
- HTML5 et Javascript
- Changements supplémentaires
- Modernizr
- HTML5 Spec (s)
- État actuel de support navigateur
- Sections et articles
- Le Tag de section
- La manière de HTML 4
- La manière HTML5
- Affichage des éléments HTML5 structurels
- Tag d'article
- Description
- Sectionnement
- Accessibilité
- HTML5 Audio et vidéo
- Types Média soutenus
- L'élément audio
- Formats audio
- Sources multiples
- Attributs Tags audio
- Obtenir et créer des fichiers audio
- L'élément vidéo
- Attributs Tags vidéo
- Création et conversion de fichiers vidéo
- Accessibilité
- Scripting Éléments multimédias
- Présence de navigateurs de Non-Soutien
- Dégradation progressive
- Formes HTML5
- Modernizr
- Nouveaux types d'entrée
- recherche
- téléphone
- URL et email
- types d'entrée de date/heure
- nombre
- gamme
- min, max, et attributs d'étape
- couleur
- HTML5 nouveaux attributs de forme
- autocomplete
- novalidate
- Quelques autres nouveaux attributs de champ de forme
- requis
- texte d'attente
- mise au point automatique
- autocomplete
- forme
- modèle
- Nouveaux éléments de forme
- datalist
- progrès et compteur
- HTML5 Web Storage
- Aperçu de HTML5 Web Storage
- Web Storage
- Support de navigateur
- Mémoire locale
- Stockage de session
- Préfixation de vos clés
- D'autres méthodes de stockage
- Stockage de base de données Web
- Base de données indexée api
- Canvas HTML5
- Mise en route avec Canvas
- Contexte
- Lignes de dessin
- Sous-Chemins multiples
- Le processus de dessin de chemin
- La méthode fill ()
- Couleur et transparence
- Rectangles
- Cercles et arcs
- Radians
- Équation quadratique et courbes de Bézier
- Pratique
- Images
- drawImage () - Basic
- drawImage () - Sprites
- Texte
- Propriétés des textes
- APIs intégrés
- Application API offline
- Dossier manifeste de Cache
- Le fichier HTML
- Application de gestion Cache avec Javascript
- Une application exemple
- Drag and Drop API
Description
Dans ce cours de formation HTML5, vous commencerez à vous servir des mains en sautant dans le code HTML5. Vous vous renseignerez sur le nouveau HTML5 structurel, sémantique, et des Tags de forme, comment employer le Canvas pour créer des dessins dans le navigateur, comment travailler avec HTML5 audio et vidéo, les nouvelles méthodes pour stocker des variables côté client, et comment vous établissez les applications qui fonctionnent offline. En cours de chemin, vous vous renseignerez sur l'état actuel du soutien de navigateur de HTML5 et la théorie derrière toutes les modifications qui ont été apportées.
Objectifs
Apprendre comment démarrer la construction des pages HTML5 aujourd'hui.
Apprendre les principaux avantages de HTML5.
Comprendre la différence entre HTML5 et HTML 4.
Se familiariser avec de nouveaux éléments et attributs de HTML5.
Apprendre à travailler avec audio et vidéo dans HTML5.
Apprendre à travailler avec le Canvas de HTML5 pour créer des dessins code basés.
Apprendre à employer le stockage de Web pour des applications offline.
Apprendre à employer tous les nouveaux éléments cool de la forme HTML5.
Apprendre l'état actuel de support du navigateur pour HTML5 et comment faire dégrader vos sites HTML5 gracieusement.
Liens internes
Formations Webdesign Formation Contribute |
