Maitrisez la création de site web en HTML/CSS

Maitrisez la création de site web en HTML/CSS – 28 heures

OBJECTIFS DE LA FORMATION

À l’issue de cette formation, les participants seront capables de :

  • Créer des formulaires web fonctionnels et accessibles, en intégrant les possibilités avancées du HTML5 (Web Forms 2), facilitant la navigation, la saisie assistée et l’utilisation avec des outils d’aide.
  • Mettre en œuvre une architecture responsive, grâce à l’exploitation de frameworks HTML/CSS modernes, pour garantir un affichage fluide sur ordinateurs, tablettes et smartphones, en tenant compte des impératifs d’accessibilité.
  • Appliquer les principes de design inclusif, en maîtrisant les règles fondamentales du CSS pour produire des interfaces esthétiques, lisibles et adaptées à tous les profils d’utilisateurs, y compris les personnes en situation de handicap visuel ou cognitif
  • Organiser une page web selon les normes sémantiques du HTML5, en hiérarchisant correctement les contenus pour en améliorer la lisibilité et l’interprétation par les lecteurs d’écran.
  • Utiliser des blocs et tableaux accessibles, en structurant les données avec clarté et en veillant à la mise en place de textes de remplacement pertinents pour les visuels.
  • Explorer les fonctionnalités avancées de HTML5 et CSS3, tout en s’initiant à l’évaluation de l’accessibilité via des outils dédiés (validateurs, simulateurs, extensions navigateur…).
  • Développer des interfaces adaptables avec les media queries, pour s’assurer que chaque utilisateur bénéficie d’une expérience cohérente, quel que soit le terminal ou ses capacités spécifiques.

PUBLIC

Cette formation s’adresse aux personnes amenées à créer ou maintenir des interfaces web, notamment :

  • Développeurs web débutants
  • Freelances ou professionnels travaillant avec des CMS (WordPress, Joomla, Drupal…)
  • Graphistes ou chargés de communication numérique souhaitant maîtriser les bases du code pour optimiser leur autonomie

Accessibilité

Nous pouvons adapter cette formation aux personnes en situation de handicap. Contactez-nous pour en discuter.

 

PREREQUIS

Savoir naviguer sur le web et utiliser des outils bureautiques de base (explorateur de fichiers, copier/coller, etc.)

 

TYPE

Présentiel

 

DUREE

La formation comprend 28 heures de cours réparties sur 3 jours

 

PRIX

Le coût total de la formation est fixé à 2 520 € TTC.

 

SANCTION

Une attestation de formation est remise en fin de parcours, sous condition d’assiduité et de

réalisation des exercices demandés.

Inscription à la certification ENI   https://www.certifications-eni.com/fr/creer-et-mettre-en-forme-des-pages-web-html-et-css.htm

 

METHODES PEDAGOGIQUES 

  • Approche interactive mêlant explications, démonstrations, échanges en direct et travaux pratiques
  • Construction progressive d’un projet de site web vitrine, permettant d’ancrer chaque apprentissage dans une application concrète
  • Encadrement individualisé comprenant :
    • Test de positionnement initial pour cerner le niveau et les attentes
    • Évaluation finale des acquis
  • Application sur un cas d’usage réel
  • Suivi en temps réel avec corrections et retours personnalisés
  • Questionnaire de satisfaction à la fin de la formation

 

MODALITES ET DELAIS D’ACCES

  • Entretien préalable par téléphone pour comprendre vos objectifs
  • Analyse des besoins et envoi du programme détaillé
  • Démarrage possible sous 14 jours après signature du devis ou de la convention de formation
  • Documents transmis avant la session :
    • Convocation officielle
    • Livret d’accueil contenant le règlement intérieur, les modalités pratiques et les informations utiles

Programme – HTML/CSS – Tableau

Contenu

Durée moyenne estimée

MODULE 0 – INTRODUCTION AU WEB

• Comprendre le fonctionnement d’un site web.
• Différence entre frontend et backend.
• Notions de serveur, domaine, hébergement, FTP.

2 heures

MODULE 1 – STRUCTURER UNE PAGE WEB AVEC HTML5

• Comprendre la composition d’un fichier HTML et le rôle des éléments structurants…
• Utiliser les balises indispensables…
• Intégrer les bases de l’accessibilité…
• Consolidation des connaissances…

4 heures

MODULE 2 – PREMIERS PAS AVEC LES FEUILLES DE STYLE CSS

• Apprendre à cibler précisément les éléments HTML…
• Maîtriser les propriétés fondamentales…
• Intégrer les principes d’accessibilité…
• Mettre en pratique ces notions…

4 heures

MODULE 3 – MISE EN PAGE AVANCÉE AVEC CSS3

• Exploiter les techniques de positionnement avancées…
• Maîtriser Flexbox et Grid Layout…
• Appliquer des effets dynamiques…
• Perfectionner la présentation typographique…
• Ateliers pratiques.

5 heures

MODULE 4 – CRÉATION D’INTERFACES ADAPTATIVES ET INCLUSIVES

• Développer des mises en page fluides…
• Utiliser efficacement les media queries…
• Intégrer les bonnes pratiques d’ergonomie mobile et accessibilité…
• Exercices pratiques.

4 heures

MODULE 5 – CRÉATION DE FORMULAIRES ERGONOMIQUES ET ACCESSIBLES

• Structurer un formulaire avec les balises HTML…
• Utiliser les attributs HTML5…
• Intégrer les fondamentaux de l’accessibilité…
• Exercices pratiques.

4 heures

MODULE 6 – INTÉGRATION DE CONTENUS MULTIMÉDIAS ACCESSIBLES

• Intégrer des médias externes (vidéos, cartes, audio)…
• Configurer les options des lecteurs…
• Appliquer les principes d’accessibilité aux contenus audiovisuels…
• Ateliers pratiques.

3 heures

MODULE 6 – PREMIERS PAS AVEC WORDPRESS (INITIATION COMPLÉMENTAIRE)

• Découverte de l’interface.
• Différence entre éditeur visuel et code source.

2 heures