> Formations > Technologies numériques > Technologies Web > Développement Front-End > Formation HTML5 et CSS3, créer des contenus pour le web > Formations > Technologies numériques > Formation HTML5 et CSS3, créer des contenus pour le web

HTML5 et CSS3, créer des contenus pour le web

HTML5 et CSS3, créer des contenus pour le web

Télécharger au format pdf Partager cette formation par e-mail 2

Télécharger au format pdf Partager cette formation par e-mail 2

Ce cours en ligne a pour objectif de vous faire faire un tour d'horizon sur les possibilités offertes par HTML5 et CSS3 en matière de développement Web. Il s'adresse à toute personne souhaitant créer des contenus pour le web via HTML5 et CSS3. La pédagogie s'appuie sur un auto-apprentissage séquencé par actions de l’utilisateur sur l’environnement à maîtriser. Une option de tutorat vient renforcer l'apprentissage.


Catalogue
Sur mesure

Formation en ligne

Réf. 4QT
  7h00
Prix : 95 € H.T.
Langue : FR




Ce cours en ligne a pour objectif de vous faire faire un tour d'horizon sur les possibilités offertes par HTML5 et CSS3 en matière de développement Web. Il s'adresse à toute personne souhaitant créer des contenus pour le web via HTML5 et CSS3. La pédagogie s'appuie sur un auto-apprentissage séquencé par actions de l’utilisateur sur l’environnement à maîtriser. Une option de tutorat vient renforcer l'apprentissage.

Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure de :
  • Connaître les fondamentaux du langage HTML5
  • Mettre en forme vos contenus avec CSS
  • Structurer et mettre en forme vos contenus Web

Public concerné
Toute personne débutant dans la création ou le développement de sites web basés sur les langages HTML5 et CSS3.

Prérequis
Aucune connaissance particulière.

Programme de la formation

Introduction

  • Exemple de contenu : la fable La cigale et la fourmi.
  • Les langages et outils de création de contenus pour le web.
  • Aperçu d'un site et de son code.

Notions fondamentales du langage HTML5

  • Syntaxe, balises et attributs HMTL.
  • Structure du document HTML.
  • Mise en pratique : créer une page HTML.

Intégration de contenus et groupes de contenus simples

  • Éléments texte.
  • Éléments liste et image.
  • Mise en pratique : intégrer des blocs de texte.

Intégration d'éléments de navigation

  • Liens hypertextes.
  • Mise en pratique : créer des liens.

Notions de base de la mise en forme en CSS

  • Styles CSS, sélecteurs CSS et couleurs.
  • Mise en pratique : créer une feuille de style.

Mise en forme du texte

  • Police de caractères et autres mises en forme.
  • Mise en pratique : mettre en forme du texte.

Mise en forme des blocs

  • Propriétés d'un bloc.
  • Mise en pratique : mettre en forme un menu.

Structuration de la page

  • Éléments d'une page.
  • Mise en pratique : structurer une page.

Positionnement et dimensionnement des conteneurs

  • Position des éléments dans la page.
  • Mise en pratique : effectuer la mise en page.

Mise en forme avancée en CSS4

  • Sélecteurs CSS3.
  • Mise en pratique : mettre en forme des liens et le menu en-tête.
  • Ombres, dégradés et fonds multiples.
  • Mise en pratique : mettre en forme l'en-tête.

Intégration du contenu audio et vidéo

  • Documents audio et vidéo.
  • Mise en pratique : intégrer des vidéos et du son.

Création de tableaux

  • Disposition et mise en forme.
  • Mise en pratique : construire un tableau HTML.
  • Mise en pratique : mettre en forme un tableau HTML.

Création de formulaires HTML5

  • Disposition et mise en forme.
  • Contenu d'un formulaire.
  • Présentation d'un formulaire.

Création d'animations

  • Transformation et transition.
  • Mise en pratique : transformer des éléments et appliquer des transitions.
  • Animation en CSS3.
  • Mise en pratique : exécuter une animation.

Web adaptatif

  • Règle @media.
  • Mise en pratique : adapter la présentation aux smartphones et tablettes.


Modalités pratiques
Activités digitales
Démonstrations, cours enregistrés, partages de bonnes pratiques, quiz, fiches de synthèse.
Tutorat
Un formateur dédié accompagne l’apprenant dès le début de sa formation. Il corrige ses exercices et répond à ses questions par e-mail. Il anime une classe à distance sur mesure planifiée par l’apprenant durant la formation. Un forum de discussion permet aussi d’échanger et de partager entre les apprenants sur leurs pratiques. Un chef de projet coordonne les échanges.
Pédagogie et pratique;
Une évaluation tout au long de la formation grâce à une pédagogie active mixant théorie, exercice, partage de pratique et gamification. Un service technique est dédié au support de l’apprenant. La formation est diffusée au format SCORM (1.2) et accessible en illimité pendant 1 an.

Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétence acquises.

Solutions de financement
Pour trouver la meilleure solution de financement adaptée à votre situation : contactez votre conseiller formation.
Il vous aidera à choisir parmi les solutions suivantes :
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.