Aller au contenu principal

HTML5 CSS3 Blended Learning

Date de mise à jour :
Identifiant Offre Info : 10_26103261F
Organisme responsable : Vivaneo (ouvre dans un nouvel onglet)

Nouvelle recherche

Présentation de la formation

Objectifs

  • Comprendre le fonctionnement du web et des langages HTML5 et CSS3
  • Structurer une page web conforme aux standards actuels
  • Mettre en forme des pages web avec CSS3
  • Créer des mises en page responsives adaptées à tous les écrans
  • Intégrer des contenus multimédias en HTML5
  • Appliquer les bonnes pratiques d'accessibilité et de référencement
  • Utiliser des outils de développement web modernes
  • Être capable de réaliser un site web statique complet

Programme de la formation

Module 1 : Introduction au web et à l'environnement de travail Fonctionnement du web Rôle du HTML et du CSS Présentation des navigateurs et éditeurs de code Organisation des fichiers d'un site web Modalités du blended learning (présentiel / distanciel / e-learning) Module 2 : Les bases du HTML5 Structure d'un document HTML5 Balises essentielles Hiérarchie et sémantique du contenu Attributs et bonnes pratiques Module 3 : HTML5 avancé Balises sémantiques…

Module 1 : Introduction au web et à l'environnement de travail
  • Fonctionnement du web
  • Rôle du HTML et du CSS
  • Présentation des navigateurs et éditeurs de code
  • Organisation des fichiers d'un site web
  • Modalités du blended learning (présentiel / distanciel / e-learning)
Module 2 : Les bases du HTML5
  • Structure d'un document HTML5
  • Balises essentielles
  • Hiérarchie et sémantique du contenu
  • Attributs et bonnes pratiques
Module 3 : HTML5 avancé
  • Balises sémantiques HTML5
  • Formulaires et champs avancés
  • Intégration de médias (audio, vidéo, iframe)
  • Accessibilité et structuration du contenu
Module 4 : Les bases du CSS3
  • Syntaxe CSS
  • Sélecteurs et propriétés
  • Couleurs, unités et typographie
  • Modèle de boîte (box model)
Module 5 : Mise en page avec CSS3
  • Positionnement des éléments
  • Flexbox
  • Grid Layout
  • Gestion des alignements et espacements
Module 6 : Responsive design
  • Principes du responsive design
  • Media queries
  • Design mobile-first
  • Adaptation aux différents écrans
Module 7 : CSS3 avancé
  • Transitions et animations
  • Pseudo-classes et pseudo-éléments
  • Bonnes pratiques et optimisation du code
Module 8 : Projet de synthèse
  • Conception d'un site web statique
  • Intégration HTML5 et CSS3
  • Mise en ligne et tests
  • Corrections et améliorations

Validation et sanction

  • Créer des pages web structurées en HTML5
  • Mettre en forme des sites web avec CSS3
  • Réaliser une mise en page responsive
  • Produire un site web statique fonctionnel
  • Appliquer les standards du web et les bonnes pratiques
  • Gagner en autonomie dans le développement front-end

Type de formation

Non certifiante

Niveau de sortie

Sans niveau spécifique

Durée, rythme, financement

Durée

En centre

35 h

Financement

Conventionnement
Oui
Financeur
  • Entreprise

    Programme : Accessible en formation professionnelle continue hors alternance

Conditions d'accès

Public visé

  • Tout public

Niveau d'entrée

Sans niveau spécifique

Conditions spécifiques et prérequis

Maîtrise de l'outil informatique Connaissances de base en navigation internet Aucune connaissance préalable en développement web n'est requise

Lieu de réalisation de l'action

Modalités d'enseignement

Formation entièrement en présentielle

Adresse

64e Rue Sully
21000 Dijon

Responsable : Hope !

Périodes prévisibles de déroulement des sessions

Début

Fin

Adresse d'inscription
28 Rue du Chemin Vert
75011 Paris 11e
État du recrutement
Ouvert
Modalités
Entrées / Sorties à dates permanentes