Livret personnel de compétences

Formation Apprendre le HTML5 et CSS3 : Les bases

Ce livret personnel de compétences a pour objectif de permettre au stagiaire de suivre sa progression tout au long de la formation.
Il permet au stagiaire de se positionner par rapport aux compétences attendues à la fin de la formation.
Ce positionnement est personnel et s’enrichit au fil des apports et échanges avec le formateur.
Ce livret sera rempli tout au long de la formation par le stagiaire.
Les tableaux de compétences seront également remplis en parallèle par le formateur puisqu’ils serviront à établir un diagnostic final sur les connaissances acquises au cours de la formation.

Objet du référentiel pédagogique

Ce référentiel pédagogique présente l’ensemble des compétences évaluées dans les domaines et sous-domaines de la formation.
Il précise les compétences techniques attendues à la fin de la formation.

Résumé

Formation Apprendre le HTML5 et CSS3 : Les bases

Découvrez les bases de l’HTML5 et du CSS3

formation web html5 css3

Le HTML est un langage de balisage utilisé pour la création de pages Web, permettant notamment de définir des liens hypertextes. Le HTML 5 est la dernière version majeure du HTML. Les feuilles de style en cascade, généralement appelées CSS, forment un langage informatique qui décrit la présentation des documents HTML et XML. Le CSS3 est la dernière version majeure du CSS. Dans cette formation, vous allez apprendre les bases pour utiliser les langages HTML et CSS dans leurs dernières versions pour concevoir et habiller des documents ainsi que des sites statiques avec les standards du Web.

Objectif

A l’issue de la formation Formation Apprendre le HTML5 et CSS3 : Les bases, diverses compétences vous seront transmises, notamment :
  • Développer une culture sur les langages Web
  • Comprendre la structuration d’une page HTML 5
  • Ajouter des styles CSS aux éléments d’une page
  • Tester les nouveautés HTML 5 et CSS 3

Les prérequis

L’environnement Windows ou Mac de base doit être connu afin de suivre cette formation : un bilan préformation sera établi.

Public concerné

Toute personne souhaitant développer ses compétences.

Outils et moyens pédagogiques

Matériel requis : Ordinateur, connexion Internet, navigateur web à jour, si la formation porte sur un logiciel spécifique, vous devez avoir une version de celui-ci. En cas de formation en présentiel, un PC avec les logiciels nécessaires pourra vous être prêté le temps de la formation.
Plateformes utilisées : outils collaboratifs (Google Docs, Drive pour échanges de fichiers), échange de mail, site web spécifique pour envoi de gros fichiers
Supports fournis : supports PDF, modèles de sites, bibliothèques d’exemples

Suivi et évaluation

Feuille d’émargement signée. Une attestation de fin de stage est délivrée. Exercices pratiques tout au long de la formation. Une évaluation pratique & théorique sera réalisée en fin de parcours.

Les points forts

Formation réalisable à distance,
en présentiel ou un mix des deux.

Formation sur mesure et adaptée.

Avancement à votre rythme
Devenez autonomes !

Accessibilité

Pour les personnes en situation de handicap,
Vous pouvez consulter cette page pour vous orienter au mieux.

Délai d'accès

Variable en fonction de votre statut et du financement de la formation. Pour en savoir plus, contactez-nous

Si formation à distance

Dispositif d’exécution utilisé pour la visio : Nous utiliserons de préférence Google Meet, en cas de problème ou changement nous pouvons passer par Microsoft Teams, Zoom, Skype.
Dispositif mis en place pour échanger : Le formateur reste disponible par mail entre les séances pour toutes éventuelles question

Durée de la formation

Se référer au devis

Modalité d'execution

Se référer au devis

Progression pédagogique

Phase 1 – Analyse du niveau et cadrage des objectifs
– Test de positionnement initial
– Identification des besoins spécifiques du participant
– Définition des objectifs opérationnels
– Présentation du déroulé et des modalités d’évaluation
Objectif : adapter le parcours et sécuriser la progression.

Phase 2 – Acquisition ou révision des fondamentaux
– Apports théoriques structurés
– Présentation des concepts clés
– Démonstrations guidées
– Exercices simples d’application
Objectif : maîtriser les bases indispensables.

Phase 3 – Approfondissement et mise en pratique
– Exercices progressifs
– Études de cas
– Manipulations en autonomie encadrée
– Résolution de problématiques concrètes
Objectif : développer l’autonomie opérationnelle.

Phase 4 – Consolidation des compétences
– Travaux pratiques complets
– Mises en situation professionnelles
– Correction individualisée
– Ajustement pédagogique selon les difficultés rencontrées
Objectif : sécuriser les acquis et combler les écarts.

Phase 5 – Évaluation finale et préparation à la certification (le cas échéant)
– Simulation d’épreuve
– Quiz ou cas pratique de synthèse
– Analyse des résultats
– Préconisations personnalisées
Objectif : valider la capacité à mobiliser les compétences acquises.

En Bref

Modalités d'accompagnement pédagogique

L’accompagnement comprend

– Un test de positionnement initial permettant d’adapter le parcours
– Un entretien de cadrage pédagogique en début de formation
– Un suivi continu durant les séances (feedback immédiat, corrections guidées)
– Un temps de questions/réponses en début de chaque session (10 à 15 minutes). Votre formateur vous pose quelques questions pour repérer ce qui a été retenu du cours précédent et fait une piqûre de rappel en cas de besoin
– Une disponibilité du formateur par email entre les séances (sous 48h ouvrées)
– Un point intermédiaire à mi-parcours
– Un bilan final de préparation à la certification

Encadrement

– Le formateur est là pour vous, il vous accompagne tout au long du processus
– Accompagnement individualisé en cas de difficulté
– Adaptation des exercices au niveau du candidat
– Tout en dirigeant cette formation, il s’adapte à votre rythme, à votre besoin

Modes d’évaluation de la progression

L’évaluation se fait tout au cours de la formation. Une fois un point du programme vu, un retour d’information oral peut s’effectue ou plus fréquemment une manipulation par le stagiaire pour voir si le point est compris et acquis.

La théorie, mais surtout la pratique est de mise pour atteindre l’objectif fixé

La durée annoncée de chaque module est la durée minimum, elle peut être allongée si nécessaire au bon déroulement de la formation.

Contenu de la formation

Module 1 – L’environnement du Web | 1h

  • Internet, le Web et son fonctionnement
  • Distinguer les principaux navigateurs : Google Chrome, Mozilla Firefox, Opera, Safari, Internet Explorer
  • L’importance du référencement
  • Connaitre les principaux : Google, Yahoo, Bing
  • Les sites vitrines / sites de ventes en ligne
  • La mutation des modes de communication
  • Les évolutions du Web 1.0 au Web collaboratif

Module 2 – Quelques notions de base pour bien démarrer | 1h

  • Comprendre la notion de langage de programmation
  • Les différents types de langage : Php, JavaScript, MySQL…
  • Choisir un type de développement pour un type de site
  • Faire la distinction entre le HTML et le CSS
  • Changements, interprétations de chaque navigateur
  • HTML 5 & CSS 3
  • Les normes W3C
  • Rappels sur le référencement interne

Module 3 – La structure d’un document HTML | 1h

  • Les balises sémantiques de HTML5
  • Point sur les différentes parties d’un document HTML : header, footer, main, nav, …
  • Les principales balises et leurs attributs

Module 4 – Les balises sémantiques en HTML | 2h

  • Balises title et meta
  • Insertions des feuilles de styles CSS et des scripts JavaScript
  • Les balises principales de contenu : titres, paragraphe, listes…

Module 5 – Multimédia et interactivité | 2h

  • Notion de lien absolu et de lien relatif
  • Créer des menus et des ancres
  • Ajouter des formulaires
  • Les images et les règles à respecter
  • Vidéo et audio (sans Flash)

Module 6 – Habiller le document avec le CSS | 2h

  • Les sélecteurs de balise
  • Utilisation des attributs HTML « id » et « class »
  • Utilisation des pseudo-classes et mise en forme des liens
  • Utilisation des sélecteurs d’attributs
  • Calculer les règles de priorité

Module 7 – Positionnement des éléments | 2h

  • Principe des « boîtes » et leurs positionnements
  • Display : inline / block / inlineblock
  • Dimensions, marges, espacements et bordures
  • Positionnement classique : float / clear
  • Positionnements spéciaux : relatif, absolu, fixe…
  • Positionnements par Grille

Module 8 – Animations et effets | 3h

  • Ombres portées
  • Coins arrondis
  • Filtres graphiques
  • Transparence
  • Animations autonomes
  • Transformations 2D

Module 9 – Adapter la police et ajouter des couleurs | 1h

  • Unités de mesure
  • Polices et textes
  • Fonds
  • Couleurs
  • Styles des listes

Module 10 – Mettre un site en ligne | 1h

  • Tester la compatibilité avec le navigateur
  • Les notions d’hébergement et des noms de domaines
  • Mettre en ligne avec un client Ftp3
Domaine A ECA NA Remarque
Module 1 - L’environnement du Web
Module 2 - Quelques notions de base pour bien démarrer
Module 3 - La structure d’un document HTML
Module 4 - Les balises sémantiques en HTML
Module 5 - Multimédia et interactivité
Module 6 - Habiller le document avec le CSS
Module 7 - Positionnement des éléments
Module 8 - Animations et effets
Module 9 - Adapter la police et ajouter des couleurs
Module 10 - Mettre un site en ligne

A = Acquis
ECA = En cours d’acquisition
NA = Non acquis

Avis des apprenants

Moyenne des notes de ce programme :

Aucun avis/5

Nombre de votant :

0