Formation HTML5 et CSS3

La formation HTML5 et CSS3 vous apporte les compétences pour créer des pages web responsives, travailler vos feuilles de style en CSS3. Incontournable, la maîtrise et la pratique de HTML5 et CSS3 est essentielle. La formation HTML5 et CSS3 vous permet de construire des sites internet en respectant les recommandations du W3C et d’appliquer une couche de présentation avec le CSS3. Le formateur s’attachera également à vous présenter et appliquer les méthodes permettant de rendre vos pages responsives à l’aide des medias query ou de bootstrap.

Objectifs pédagogiques

Compétences

Créer des pages en HTML5
Concevoir des feuilles de style en CSS3
Intégrer le responsive dans les pages HTML/CSS
Utiliser de manière simple le Framework Bootstrap

35h

Tout public

Avoir une pratique digitale courante, sur ordinateur et Smartphone.

Les + de cette formation

Equipe pédagogique

Les experts qui animent la formation sont des spécialistes des matières abordées. Ils ont été validés par nos équipes pédagogiques tant sur le plan des connaissances métiers que sur celui de la pédagogie, et ce pour chaque cours qu’ils enseignent. Ils ont au minimum cinq à dix années d’expérience dans leur domaine et occupent ou ont occupé des postes à responsabilité en entreprise.

Accessibilité PSH

Les personnes atteintes de handicap souhaitant suivre cette formation sont invitées à nous contacter directement, afin d’étudier ensemble les possibilités de suivre la formation par téléphone au 06 67 14 64 98 ou par mail.

Délai d'accès et organisation

Délai moyen : 2 semaines. Merci d’utiliser le formulaire de contact ou nous joindre par téléphone ou mail pour l’organisation de votre formation.

Modalité(s) d'organisation

Collectif sur site client ou à distance : groupe de 1 à 6 personnes, de 9h à 17h du lundi au samedi
Individuel sur site client ou à distance : planifiée selon vos disponibilités et celles du formateur, sessions de 2h à 3h30 du lundi 9h au samedi 12h

Déroulement

Contenu de la formation

Ouverture de la session
- Présentation de la formation
- Tour de table et attentes des participants
Doctype, syntaxe et validation W3C
Structure et hiérarchisation du contenu
- Balises de structure (section, header, footer, nav, etc.)
- Texte, images, liens hypertextes, listes, tableaux
- Éléments de médias (image, figure, vidéo, audio, etc.)
- Réalisations (à titre indicatif) : Création de pages en utilisant les bases du langage HTML
Structure et hiérarchisation du contenu (suite)
- Formulaires, les éléments et attributs (tél., email, etc.)
- Réalisations (à titre indicatif) : Création de pages plus complexes en utilisant le langage HTML.
Gestion des styles CSS
- Application des styles à l’aide d’un style local, d’une feuille de style interne ou externe
- Propriétés de texte, arrière-plan, bordure, marge, liste, tableau
- Unités CSS pour les dimensions (em, %, px, etc.) et pour les couleurs (hexadécimale, RGB, RGBA, etc.)
- Sélecteurs de base (sélecteur de type d’élément, d’ID, de classe, pseudo-classes pour les liens, etc.)
- Sélecteurs avancés (:first-child, :nth-child, E[attribut], E[attribut=”valeur”], etc.)
- Réalisations (à titre indicatif) : Modification des pages précédentes avec variable de styles.
Mise en page à l’aide de CSS
- Modèle de boîte CSS (margin, padding, box-sizing)
- Dimensions (width, min-width, max-width, etc.)
- Propriétés display (inline, block, inline-block, etc.)
- Éléments flottants (float, clear)
- Propriétés position pour le positionnement CSS (relative, fixed, absolute)
- Positionnement Flebox
- Position Grid Layout
- Propriétés décoratives CSS (border-radius, box-shadow, opacity, background-size, etc.)
- Transformations et animations CSS
- Gestion de la typographie et des polices avec notamment @font-face
- Réalisations (à titre indicatif) : Réalisation de mises en page élaborées avec le CSS
Utilisation des médias et Media queries
- Affichage sur différents supports
- Responsive webdesign
- Bootstrap.
- Réalisations (à titre indicatif) : Travailler et optimiser les ressources et la responsivité des pages sur différents supports.
Bilan de la session
- Tour de table de fin
- En option : Évaluation de la session ou passage de la certification
- En cas de certification, explication des modalités de passation et d’accompagnement des stagiaires
- Questionnaire de sortie de formation

Exposés, aides visuelles, support de cours, exercices pratiques d’utilisation
Questions/réponses entre les stagiaires et le formateur
Mise à disposition en ligne de documents supports à la suite de la formation.

Entretien permettant l’analyse des besoins des participants et/ou questionnaire de positionnement
Exercices pratiques et/ou mises en situation, tout au long de la formation pour valider les compétences
Questionnaire de satisfaction à chaud en fin de formation, et à froid à 3 mois.
Questionnaire d’auto-évaluation en fin de formation
Feuille de présence émargée par demi-journée par les stagiaires et le formateur.
Certificat de réalisation de l’action de formation

Pour les formations à distance :

Mac / PC
Connexion internet stable
Navigateur Web récent
Teams ou Zoom
Le logiciel enseigné installé

Pour les formations dans vos locaux :

Tableau blanc/paperboard
Vidéoprojecteur
1 Mac par stagiaire
Le logiciel enseigné installé

Suivez notre actualité

Top formations

Formations sollicitées par vos pairs

Vous bénéficierez d’un accès à des programmes de formation de haute qualité, dispensés par des professionnels chevronnés qui vous guideront dans l’avancement de votre carrière.