Formation HTML 5 / CSS 3

Notation 4.4 sur 5 étoiles 4.4 / 5

Créer un site internet dans le respect des bonnes pratiques et utiliser les nouveautés du HTML5 pour obtenir un site compatible sur tous supports "responsive design" (mobile, tablette, ordinateur).

Logo de la certification ICDL  Cette formation est certifiante avec ICDL.

Objectifs

  • Comprendre les concepts de base de HTML et CSS et être capable de les utiliser pour créer des pages web.
  • Apprendre à structurer et mettre en forme du contenu en utilisant des balises HTML et des règles CSS.
  • Savoir utiliser des styles avancés tels que les polices d'écriture et les formulaires.
  • Apprendre à créer des sites web adaptatifs en utilisant les Media Queries.
  • Comprendre les étapes pour installer un serveur local, configurer un nom de domaine et mettre en ligne un site web.
  • Avoir une bonne compréhension de l'importance de l'optimisation pour le référencement.

Pré-requis

  • avoir une connaissance de base en informatique
  • avoir une certaine familiarité avec les concepts de base de l'Internet et des navigateurs web

Notre plan de formation

Ce plan peut être adapté à votre demande en formation sur mesure.

Journée 1

  • Introduction générale au langage HTML.
  • Présentation du HTML et son rôle dans la création de sites web.
  • Les différentes versions d'HTML et les évolutions récentes.
  • Installation des outils nécessaires pour développer en HTML : éditeurs de code, navigateurs web, etc.
  • Création d'un premier projet simple pour se familiariser avec la structure d'un fichier HTML (doctype, balises html, head, body).
  • Apprentissage des balises de base en HTML : titres, paragraphes, liens, images, etc.
  • Mise en pratique avec la création d'une première page web contenant du texte et des éléments de mise en forme.

Journée 2

  • Introduction au CSS et son rôle dans la mise en forme des sites web.
  • Les différentes manières d'intégrer une feuille de style à une page HTML.
  • Les sélecteurs CSS et leur utilisation pour cibler des éléments spécifiques de la page.
  • Les propriétés CSS les plus couramment utilisées pour changer la mise en forme des textes, des images, etc.
  • Mise en pratique avec la création d'une feuille de style pour notre première page web créée la veille.

Journée 3

  • Utilisation des polices d'écriture avec @font-face.
  • Comment utiliser les styles avancés pour personnaliser l'apparence de votre site (box-sizing, border-radius, text-shadow, box-shadow, transform, transition, animation).
  • Introduction à la création de formulaires en HTML.
  • Création de formulaires en HTML et les différents types d'éléments de formulaire (champs de saisie, boutons radio, cases à cocher, listes déroulantes, etc.).
  • Comment utiliser les attributs pour valider les entrées utilisateur.
  • Comment utiliser les balises pour structurer les formulaires.
  • Travaux pratique: Création d'un formulaire de contact en utilisant les éléments de formulaire HTML.

Journée 4

  • Introduction aux Media Queries en CSS pour adapter le design en fonction de la taille d'écran.
  • Introduction à jQuery : introduction à jQuery pour ajouter de la interactivité à notre site web.
  • Comment optimiser notre site pour les moteurs de recherche en utilisant des balises meta, des titres, des descriptions et en créant un plan de site.
  • Travaux pratiques:  "Création d'un site responsive"

Journée 5

  • Optimisation de la performance et du design.
  • Comment utiliser les feuilles de style CSS pour améliorer la performance de votre site.
  • Comment utiliser les techniques de mise en page pour améliorer l'expérience utilisateur
  • Installation d'un serveur local Apache pour pouvoir travailler en local sur les projets.
  • Comment enregistrer un nom de domaine et héberger son site web pour le publier sur internet.
  • Exercice pratique : "Publication d'un site sur internet"

Notre intervenant(e)

Formateur Mickael Mickael
Mickael possède une solide expérience en développement front-end, avec une expertise particulière en référencement et en design graphique. Avec plus de 20 ans d'expérience dans l'informatique, il est également compétent en administration système pour Linux et macOS.
Demander un audit technique avec Mickael