HTML 5 / CSS 3

Objectifs

• Acquérir les bases de HTML et CSS pour créer des pages web.


• Structurer et mettre en forme le contenu avec des balises HTML et des règles CSS.


• Utiliser des styles avancés, tels que les polices d'écriture et les formulaires.


• Créer des sites web adaptatifs grâce aux Media Queries.


• Installer un serveur local, configurer un nom de domaine et mettre en ligne un site web.


• Comprendre l'importance de l'optimisation pour le référencement.

Programme de la formation

Module 1 : Introduction au HTML

• Présentation du HTML : rôle et importance dans la création de sites web.


• Évolution du HTML : aperçu des différentes versions et des évolutions récentes.


• Installation des outils : mise en place des éditeurs de code et navigateurs web.


• Création d'un premier projet : familiarisation avec la structure d'un fichier HTML (doctype, balises html, head, body).


• Apprentissage des balises de base : titres, paragraphes, liens, images, etc.


• Mise en pratique : création d'une première page web avec du texte et des éléments de mise en forme.

Module 2 : Introduction au CSS

• Rôle du CSS : importance dans la mise en forme des sites web.


• Intégration des feuilles de style : méthodes pour inclure une feuille de style dans une page HTML.


• Sélecteurs CSS : utilisation pour cibler des éléments spécifiques.


• Propriétés CSS courantes : modification de la mise en forme des textes, images, etc.


• Mise en pratique : création d'une feuille de style pour la page web réalisée précédemment.

Module 3 : Styles avancés et formulaires

• Polices d'écriture avec @font-face : utilisation des polices personnalisées.


• Styles avancés : techniques de personnalisation (box-sizing, border-radius, text-shadow, etc.). Création de formulaires en HTML : types d'éléments (champs de saisie, boutons radio, etc.). Validation des entrées utilisateur : utilisation des attributs.


• Structuration des formulaires : mise en place des balises appropriées.


• Travaux pratiques : création d'un formulaire de contact.

Module 4 : Responsive Design et jQuery

• Media Queries en CSS : adaptation du design selon la taille d'écran.


• Introduction à jQuery : ajout d'interactivité au site web.


• Optimisation pour les moteurs de recherche : utilisation de balises meta, titres, descriptions, et création d'un plan de site.


• Travaux pratiques : création d'un site responsive.

Module 5 : Performance et publication

• Optimisation de la performance et du design : techniques pour améliorer la performance. Techniques de mise en page : amélioration de l'expérience utilisateur.


• Installation d'un serveur local Apache : configuration pour travailler en local.


• Enregistrement d'un nom de domaine : hébergement du site pour le publier.


• Exercice pratique : publication d'un site sur internet.

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique