HTML5 et CSS3

5 jours II Code CNCP : 2226 II Certif info : 83841

/HTML5 et CSS3

HTML et CSS sont des technologies Web permettant le développement d’applications Web en tenant compte des évolutions des standard. Ces compétences ouvrent la voie au développement Web.

Cette formation vous apportera toutes les compétences nécessaires pour construire des pages web statiques avec un langage de balises et à les mettre en forme avec une feuille de style.

Les objectifs de la formation HTML5 et CSS3

A l’issue de la formation HTML 5 & CSS 3 les apprenants auront les capacités de :

  • Coder des sites Web à l’aide de nouvelles balises et fonctionnalités HTML5
  • Créer des formulaires web HTML5
  • Ajouter du contenu multimédia convivial et sans utiliser des plugins
  • Utiliser l’élément Canvas pour générer dynamiquement des formes complètes avec remplissages, couleurs, traits, dégradés, et plus
  • Combiner les puissantes fonctionnalités de style et d’animation de CSS3 pour améliorer la présentation de vos pages web
  • Améliorer l’interactivité de votre site avec les fonctions glisser /déposer de HTML5
Lien vers site CPF

Les prérequis de la formation HTML5 et CSS3

  • Maîtriser l’informatique et l’internet en tant qu’utilisateur.

Vous n’avez pas les prérequis nécessaires pour la formation HTML5 et CSS3 ? Contactez-nous pour étudier ensemble un parcours sur mesure et garantir ainsi la réussite de votre projet.

Lien vers site CPF

Le public de la formation HTML5 et CSS3

La formation HTML 5 & CSS 3 s’adresse à tout public salarié, demandeur d’emploi ou en reconversion professionnelle et souhaitant comprendre le fonctionnement de HTML 5 & CSS 3, notamment :

  • Toute personne ayant des connaissances basiques en WEB et souhaitant maîtriser le développement d’application WEB
  • Graphiste, intégrateur WEB, designer, Webmaster ou référenceur WEB
  • Journaliste, réalisateur, communicant, responsable de projet, toute personne souhaitant gérer un projet web éditorial
  • Informaticiens et concepteurs souhaitant maîtriser les techniques pour développer des sites WEB riches et interactif
  • Toute personne souhaitant élargir ses compétences sur les missions liées à la fonction de développement WEB
Lien vers site CPF

0

Certif Info

0

Code CNCP

0

Jours

0

Heures

Contenu de la formation
HTML5 et CSS3

Introduction

Définir HTML 5

  • Balisage HTML5
  • Une visite des principaux éléments HTML5
  • Les éléments <vidéo>,<Audio> et <Canvas>
  • Les formulaires web
  • Beaucoup plus de nouveaux éléments avec HTML5
  • Une vue d’ensemble des API HTML5 et les technologies de soutien
  • Géolocalisation en action
  • Web workers
  • Le Web Storage
  • Les animations CSS
  • Les transitions CSS
  • Les transformations CSS 2D et 3D
  • CSS3, les arrières plans, les frontières, les couleurs RGBA, les dégradés, les ombres portées, et des coins arrondis
  • Polices Web @font-face
  • HTML5 est dans un état de transition
  • Qui est en utilisant HTML5 aujourd’hui ?
  • Identifier les sites HTML5

Principes de base de HTML, XHTML et CSS

  • Langages du Web
  • Page structure basée sur HTML
  • Les détails de la syntaxe XHTML
  • Doctype permet au navigateur web savoir à quoi vous attendre
  • Le W3C et la page de validation
  • La structure HTML
  • Mise en place des images en HTML
  • Le rôle du CSS
  • Du style d’une rubrique
  • Comprendre les styles de classe et l’élément <span>
  • Trois façons d’utiliser le style
  • Feuilles interne vs. Feuilles externe
  • Création d’une feuille de style externe
  • Ce qui rend les styles en cascade

Atelier et cas pratique

  • L’importance de la typographie sur le Web
  • Les défis de la police sur le Web
  • Définition d’une famille de polices
  • Dimensionner le texte avec CSS
  • Les pixels et les points ne sont pas les meilleurs choix
  • Utiliser une combinaison de pour cent et la mesure em
  • L’utilisation des marges pour modifier l’espace entre votre texte
  • Paragraphe pour réglage de la hauteur de ligne
  • Transformation de texte avec CSS
  • Utilisation des listes HTML
  • Listes HTML avec Styles

Introduction à la mise en page CSS

  • Travailler avec un fichier de réinitialisation CSS
  • Une brève histoire des techniques de mise en page sur le web
  • Un aperçu de la page des options de mise en page
  • La compréhension de l’élément <div>: la création d’une disposition de deux colonnes à largeur fixe
  • Comprendre la propriété CSS float
  • Création de colonnes avec la propriété float
  • Travailler avec la propriété claire
  • Création d’une navigation basée sur une liste en utilisant des flotteurs
  • Ajout de styles de texte
  • L’effet des marges et le remplissage de votre mise en page à largeur fixe
  • Un examen de l’utilisation de marges et le remplissage des mises en page
  • Styling de votre pied de page avec une image d’arrière-plan

Atelier et cas pratique

Création de formulaires HTML 5

  • Les formulaires mis à jour
  • Le fonctionnement des formulaires
  • Les composants d’un formulaire
  • L’ajout de nouveaux types d’entrée HTML5 et les attributs
  • Création d’un formulaire de commande
  • Fournir une solution de repli pour les navigateurs qui ne prennent pas en charge HTML5

Principes de base de HTML, XHTML et CSS

  • Langages du Web
  • Page structure basée sur HTML
  • Les détails de la syntaxe XHTML
  • Doctype permet au navigateur web savoir à quoi vous attendre
  • Le W3C et la page de validation
  • La structure HTML
  • Mise en place des images en HTML
  • Le rôle du CSS
  • Du style d’une rubrique
  • Comprendre les styles de classe et l’élément <span>
  • Trois façons d’utiliser le style
  • Feuilles interne vs. Feuilles externe
  • Création d’une feuille de style externe
  • Ce qui rend les styles en cascade

Introduction à JavaScript et jQuery

  • Interactivité sur le web
  • Adobe Flash
  • JavaScript
  • Bases JavaScript
  • Placer votre JavaScript dans un document externe
  • Le modèle objet de document
  • Framework JavaScript
  • Cacher un élément avec JQuery
  • Ajout d’un événement pour déclencher l’événement show

Introduction à JavaScript et jQuery

  • Ajout d’une vidéo
  • Ajout du support pour d’autres navigateurs
  • Contrôle d’une vidéo avec JavaScript
  • Ajout d’audio

Atelier et cas pratique

Travailler avec les dessins

  • Comprendre l’élément canvas
  • Les avantages de l’élément canvas
  • Dessin de rectangles
  • Tracer des lignes et des cercles
  • Dessin avec des courbes
  • Ajout d’un texte
  • L’utilisation de couleurs, des styles et des dégradés
  • Ajout d’images
  • L’utilisation des transformations
  • Création d’une boucle de dessin

CSS 3

  • Comprendre le rôle de CSS3
  • Ajout de plusieurs images d’arrière-plan
  • Travailler avec la transparence et l’opacité CSS3
  • En utilisant des gradients CSS3
  • CSS3 gradients de potentiel pour l’avenir
  • Transformation CSS3, des transitions et des animations
  • Utilisation des polices web
  • En utilisant @ font-face pour spécifier une police web
  • L’utilisation d’un service Web pour générer plusieurs polices

CSS 3 médias Queries et avenir de CSS 3

  • Le rôle des médias queries CSS3
  • Utilisation de médias queries CSS3 pour fournir une mise en page mobile optimisé
  • Développements à venir dans CSS3
  • La mise en page multi-colonnes CSS3
  • Le module de mise en boîte souple CSS3
  • Le module de mise en page du modèle CSS3
  • Ajout position sur la base du modèle CSS

Atelier et cas pratique

  • Types de stockage HTML5
  • Méthodes localStorage
  • Exemple localStorage
  • Mettre tout ensemble
  • Stockage de données avancées
  • La mise en cache des applications
  • Le cache, le fichier manifeste
  • Mise à jour du cache
  • L’objet applicationCache
  • Amener tout ensemble

HTML 5 Géolocalisation

  • Comprendre Géolocalisation
  • Obtenir l’emplacement de l’utilisateur
  • Affichage de l’emplacement de l’utilisateur avec Google Maps
  • Navigateurs manquant HTML5 Géolocalisation
  • Création d’un HTML5 Géolocalisation et mashup Google Maps
  • Ajout de marqueurs de carte Google à votre page Géolocalisation

HTML 5 Drag & Drop

  • Glissez et déposez sur le Web
  • Glisser-déposer Cross-navigateur
  • Transfert de données avec une opération de glisser-déposer

Atelier et cas pratique

Une attestation d’assiduité sera délivrée après la validation de toutes les compétences du module HTML5 et CSS3.

Modalités De Formations

HTML5 et CSS3

La formation certifiante HTML5 et CSS3 est disponible en 3 modalités : E-learning tutoré, Blended Learning et en présentiel.

FOAD / E-Learning tutoré

La formation certifiante HTML5 et CSS3 est disponible en e-learning ou à distance tutoré. Vous serez accompagné par un formateur / Tuteur tout au long de la formation.

Blended-Learning

La formation HTML5 et CSS3 est disponible en Blended learning.
La partie apprentissage se déroule en e-learning, et les projets fil rouge en présentiel.

Présentiel

Le module de formation HTML5 et CSS3 est disponible en présentiel ou en distanciel.
La formation sera animé par un formateur à distance ou en classe.

Financement et Éligibilité

de la formation HTML5 et CSS3

CPF

CPF « Compte Personnel de Formation.

VAE

VAE: Validation des Acquis de l’Expérience.

AIF

AIF : Aide Individuelle à la Formation par Pôle Emploi.

CPF de transition

CPF de transition pour une Reconversion Professionnelle.

Contrat PRO

Contrat d’alternance ou de Professionnalisation.

POEc

Préparation Opérationnelle Emploi Collective.

PDC

Plan de Développement de Compétences de l’entreprise.

AFPR

Action de Formation Préalable à l’Embauche.

POEi

Préparation Opérationnelle Emploi Individuelle.

Besoin d'un