Créez des sites web responsives avec HTML5 et CSS3 - eLearning
450,00 EUR
- 20 hours
Posez des bases solides en développement web moderne avec HTML5 et CSS3, les technologies essentielles derrière chaque site internet. Ce cours est conçu pour vous aider à créer, à partir de zéro, des pages web esthétiques, responsives et faciles à utiliser. Vous commencerez par les bases de la structure HTML, puis vous passerez progressivement à des techniques de mise en forme avancées avec CSS3, notamment Flexbox, Grid, les animations et les principes du design responsive. Grâce à des exercices pratiques et à des projets concrets, vous apprendrez à concevoir et à réaliser des sites web professionnels qui fonctionnent parfaitement sur tous les types d’appareils.
Caractéristiques principales
Langue
Cours et supports en anglais
Niveau
Niveau débutant-intermédiaire
Accès
Accès d’un an à la plateforme d’apprentissage
Plus de 7 heures de vidéos à la demande
avec plus de 20 heures d’étude recommandées
34 exercices pratiques guidés
8 évaluations notées automatiquement
3 devoirs
avec 60 quiz de révision
Certification
Attestation de fin de programme incluse
Résultats d’apprentissage
À la fin de ce cours, vous serez capable de :
Types
Comprendre les différents types d’éléments de saisie HTML et comment les utiliser pour créer des formulaires web interactifs
Valider
Apprenez à valider les champs de formulaire avec HTML afin d’améliorer la précision des données et l’expérience utilisateur
Étiquettes
Structurez le contenu web de manière efficace en utilisant des balises HTML sémantiques pour améliorer la lisibilité et l’accessibilité.
CSS
Appliquez les styles CSS de manière en cascade afin de contrôler la priorité des règles et leur affichage sur l’ensemble d’une page web.
Pseudonyme
Utilisez les pseudo-éléments CSS pour enrichir le design et ajouter des effets de style sans balisage HTML supplémentaire
Flexbox
Travaillez avec Flexbox pour créer des mises en page flexibles et responsives, et gérer efficacement l’alignement et l’espacement des éléments
Chronologie du cours
Introduction au développement web
Leçon 01
- Qu’est-ce que le HTML ?
- Qu’est-ce que le CSS ?
- Configuration de l’environnement
- Bonjour le monde !
- Utiliser VS Code avec le rechargement en direct
- Utiliser Emmet et des outils en ligne
- Utiliser les outils de développement Chrome
Introduction au HTML
Leçon 02
- Éléments et balises HTML
- Balises simples et balises par paires
- Structure d’une page HTML
- Balises de titre et de paragraphe
- Attributs en HTML
- Images
- Liens - internes et externes
- Listes
- Tables
- L’attribut style
- Couleurs en HTML
- Balises sémantiques HTML5
- Balises audio et vidéo HTML5
- Balises et attributs HTML de base
- Balise d’image et attributs
- Liens - internes et externes
- Listes - ordonnées et non ordonnées
- Les tableaux en HTML
- L’attribut style
- Couleurs en HTML
- Éléments sémantiques HTML5
- Éléments audio et vidéo en HTML
Formulaires et champs de saisie
Leçon 03
- La balise de formulaire
- Utilisation de la balise label
- Balise d’entrée HTML
- Sélection et zone de texte
- Boutons
- Liste de données
- Créer un formulaire de contact
- Élément de formulaire simple
- Libellés et champs de saisie
- Balises et attributs HTML de base
- Sélections et options
- Champs e-mail, mot de passe et boutons
- Listes de données en HTML
Introduction au CSS
Leçon 04
- Utilisation de la balise style
- Ciblage des éléments HTML
- Cibler des éléments HTML imbriqués
- Utilisation de feuilles de style externes
- Substitution des styles CSS
- Propriétés CSS courantes
- Unités CSS
- Le modèle de boîte CSS
- Plus de propriétés CSS
- Pseudo-classes CSS
- Utilisation de l’élément de style
- Cibler les éléments HTML en CSS
- Cibler des éléments HTML imbriqués
- Utilisation de feuilles de style externes
- Mise en forme à l’aide de feuilles de style externes
CSS avancé
Leçon 05
- Positionnement CSS - statique, relatif et absolu
- Positionnement CSS - Fixed et Sticky
- Pseudo-éléments CSS ::before et ::after
- Variables CSS
- Polices personnalisées en CSS
- Importation de feuilles de style externes
Transitions et animations
Leçon 06
- Que sont les transitions CSS ?
- Transitions et propriétés CSS de base
- Animations et propriétés CSS
- Définir des images-clés
Conception Web réactive
Leçon 07
- Requêtes média
- Qu’est-ce que le Flexbox en CSS ?
- Création de lignes et de colonnes
- Plus de propriétés Flexbox
- Qu’est-ce que la mise en page en grille CSS ?
- Lignes et colonnes dans la grille
- Attribution de cellules
- Zones de grille
- Créer une galerie d’images responsive
- Requêtes média
- Propriétés Flexbox en CSS
- Propriétés avancées de Flexbox
- Grille CSS
- Propriétés CSS Grid
- Zones de grille en CSS Grid
Qui devrait s’inscrire à ce programme ?
Prérequis
Aucune expérience préalable en programmation n’est requise. Un intérêt pour la conception et le développement web est nécessaire.
Développeurs web en herbe
Débutants en développement front-end
Les designers UI/UX qui veulent coder leurs maquettes
Toute personne intéressée par la création de sites web à partir de zéro
Déclarations
Licences et accréditation
Ce cours est proposé conformément à l’Accord du programme partenaire et respecte les exigences de l’Accord de licence.
Politique d’équité
Nous encourageons les candidats à contacter l’AVC pour obtenir des conseils et un accompagnement tout au long du processus d’aménagement.
Foire aux questions
Avez-vous besoin de solutions d’entreprise ou d’une intégration LMS?
Vous n'avez pas trouvé le cours ou le programme adapté à votre entreprise ? Besoin d'une intégration LMS ? Écrivez-nous ! Nous réglerons tout !