CFI Atlantique

Mise à jour le 30 août 2024

HTLM5 et CSS3 initiation

Durée : 5 jours (35 heures)
PROCHAINES SESSIONS :
• Les 19-20 & 23-24-25 sept. 2024
• Les 5-6 & 9-10-11 déc. 2024
• Les 26-27-28 févr. & 3-4 mars 2025
• Les 28 mai & 2-3-4-5 juin 2025
Autres dates possibles en INTRA (au CFI Atlantique ou dans vos locaux)

Objectifs de la formation

  • S’initier aux langages HTML5 et au CSS3.
  • Préparer le site pour le référencement naturel.
  • Pouvoir comprendre et modifier un site développé avec WordPress.

Contenu de la formation

Introduction

  • Les différents langages informatiques et spécificités du HTML5 et du CSS3

L’éditeur de texte

  • Prise en main et paramétrage de l’éditeur de texte gratuit Visual Studio Code

Les bases du HTML5

  • Les différents éléments HTML5
  • Le principe des balises HTML5 orphelines et ouvrantes et fermantes
  • Mettre en place la structure minimale d’une page HTML5 conforme au W3C
  • Créer une première page HTML5 : Hiérarchisation des titres, paragraphe, les différents types d’espaces, les listes, mettre en place des liens…
  • Tester la validité de son code

Les bases du CSS3

  • Comment et où insérer le code CSS3 : 3 méthodes
  • Les sélecteurs simples et combinateurs
  • Comprendre l’héritage des règles CSS3

Les attributs et les éléments en HTML5

  • Les attributs HTML class et id et les sélecteurs associés
  • Comprendre la différence entre les éléments div et span

Mise en forme en HTML et CSS3

  • Découvrir toutes les propriétés liées au texte : polices, tailles, couleurs…
  • Créer des boîtes et leurs propriétés : largeur, hauteur, marges internes et externes, bordures…
  • Créer des tableaux
  • Insérer des médias : images, vidéos, audios
  • Modifier les fonds, créer des dégradés et des ombres
  • Créer un formulaire en HTML5
  • Gérer le positionnement des boîtes dans le flux de la page
  • Construire une page avec les éléments structurants
  • Introduction au concept de boîte flexible

Le responsive design

  • Modifier la structure d’une page selon la taille de l’écran (ordinateur, tablette et mobile) grâce aux media queries

Ajouter des icônes

  • En utilisant la police Fontawesome
  • En utilisant ses propres icônes

Public visé

Webmasters, Webdesigners, Community managers, rédacteurs Web, intégrateurs Web.
• Salariés
• Entreprises
• Demandeurs d’emploi
• Particuliers

Pré-requis

Bonne maîtrise de l’environnement Windows.
Pratique du Web et des outils bureautiques.

Modalités avant formation

Questionnaire de positionnement et/ou entretien individuel pour prendre en compte le projet, évaluer les acquis, les besoins et construire le plan de formation.

Moyens, méthodes et outils

• 1 PC/personne – 1 vidéoprojecteur
• Logiciel : VISUAL STUDIO CODE
• Pédagogie progressive. Alternance entre apports théoriques et exercices d’application simples
• Intervenants professionnels de plus 15 ans d’expérience

Suivi et Évaluation

• Exercices de validation en continu pendant la formation
• Étude de cas en fin de formation
• Évaluation de satisfaction
• Certification : nous consulter
• Résultats aux examens et certifications

Fin de formation

• Émargement journée
• Support de formation en PDF
• Attestation de fin de formation
• Bilan formateur

Tarif session inter-entreprises : à partir de 50 € / heure / personne

  • Demandeur d’emploi : nous consulter
  • Formation intra ou de groupe : nous consulter
  • Tarifs dégressifs possibles en fonction du nombre de jours sur le plan de formation

Formations complémentaires

Retour en haut