Créer et mettre en forme des pages web (HTML5 et CSS3)

Cette formation a notamment pour ambition de vous permettre de : - Connaître la syntaxe des langages HTML et CSS pour construire une page Web Utiliser des outils pour analyser des pages existantes - Utiliser des extensions et des services en ligne pour analyser et s'assurer des bonnes pratiques en SEO et accessibilité - Mettre en pratique les connaissances reçues pour développer une page dans un navigateur - Mettre en oeuvre les bonnes pratiques de conception pour rendre les pages web accessibles aux personnes en situation de handicap Le succès au test de certification ENI HTML et CSS3 validera l'atteinte de ces objectifs et permettra, sur chacun de ces points, de mesurer le niveau atteint.

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 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 Utiliser les styles avancés pour personnaliser l'apparence de votre site Introduction à la création de formulaires en HTML Création de formulaires en HTML et les différents types d'éléments de formulaire Utiliser les attributs pour valider les entrées utilisateur 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 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 Utiliser les feuilles de style CSS pour améliorer la performance de votre site 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 Enregistre

Créer et mettre en forme des pages web (HTML5 et CSS3);Attestation de suivi de présence

Avoir une connaissance de base en informatique Avoir une certaine familiarite avec les concepts de base de l'Internet et des navigateurs web