Structurer et construire des pages web à partir de zéro en utilisant les balises, éléments et attributs HTML essentiels.
Stylez et mettez en forme votre site web en appliquant le CSS pour la mise en page, les couleurs, les polices et le design réactif.
Créez des sites visuellement attrayants et adaptés aux mobiles en utilisant les composants préconstruits et le système de quadrillage de Bootstrap.
Appliquer les meilleures pratiques en matière de conception de sites web modernes afin de garantir l'accessibilité, la facilité d'utilisation et la compatibilité entre les appareils.
Compétences que vous acquerrez
Catégorie : Conception et développement de sites web
Conception et développement de sites web
Catégorie : Lignes directrices sur l'accessibilité du contenu web
Lignes directrices sur l'accessibilité du contenu web
Lorsque vous vous inscrivez à ce cours, vous êtes également inscrit(e) à cette Spécialisation.
Apprenez de nouveaux concepts auprès d'experts du secteur
Acquérez une compréhension de base d'un sujet ou d'un outil
Développez des compétences professionnelles avec des projets pratiques
Obtenez un certificat professionnel partageable
Il y a 3 modules dans ce cours
Le cours Construire une page web avec HTML et CSS est conçu pour les débutants complets qui veulent apprendre à créer une page web, même sans expérience de codage préalable. Vous découvrirez comment structurer le contenu à l'aide de HTML, styliser votre site avec CSS et appliquer les principes de conception responsive avec Bootstrap, tout en construisant une page Web réelle et partageable à partir de zéro. Dans le premier module, vous explorerez les principes fondamentaux de HTML, y compris la structure du document, les balises essentielles et la façon d'organiser le contenu pour plus de clarté et d'accessibilité. Vous apprendrez à utiliser le HTML pour créer des titres, des listes, des images, des liens, des tableaux et des formulaires, et comprendrez l'importance d'un code propre et bien imbriqué. Le deuxième module se concentre sur le CSS, et vous apprendra à styliser et à mettre en forme votre page Web à l'aide de sélecteurs, de propriétés et de fonctionnalités avancées telles que Flexbox et Grille. Vous maîtriserez le contrôle de la mise en page, de la typographie et des couleurs, et verrez comment CSS peut transformer une page HTML de base en un site Web visuellement attrayant. Le dernier module présente Bootstrap, un cadre puissant pour la construction de sites Web réactifs et adaptés aux mobiles. Vous travaillerez avec les composants préconstruits, la structure de quadrillage et les utilitaires de Bootstrap pour créer des mises en page professionnelles qui s'adaptent à n'importe quel appareil. À la fin, vous aurez une page Web moderne et entièrement fonctionnelle et les compétences fondamentales pour démarrer un site Web ou poursuivre le développement Web.À la fin de ce cours, vous aurez confiance en vous : 1. Construire et structurer des pages web en utilisant les balises, éléments et attributs HTML 2. Styliser et formater votre page web avec CSS pour la mise en page, les couleurs et la typographie 3. Créer des sites web professionnels et réactifs en utilisant les composants et le système de quadrillage de Bootstrap 4. Appliquer les meilleures pratiques de conception visuelle pour s'assurer que votre site est visuellement attrayant et accessible 5. Partager une page Web réelle et fonctionnelle dans le cadre de votre portefeuille ou de votre présence en ligne Ce cours est idéal pour ceux qui : - veulent une introduction pratique étape par étape à la création d'une page Web et html et css - sont nouveaux dans le développement Web et désireux de construire des compétences numériques fondamentales - préfèrent apprendre par la pratique et appliquer les connaissances à des projets réels - explorent la conception Web pour la croissance personnelle, scolaire ou professionnelle Ce cours vous donne les moyens de démarrer un site Web, de coder une page Web et de renforcer votre confiance avec des compétences numériques pratiques et en demande pour le monde en ligne d'aujourd'hui.
Clause de non-responsabilité : Ce cours est une ressource éducative indépendante développée par Board Infinity et n'est pas affilié, approuvé, sponsorisé ou officiellement associé à Alphabet Inc, Meta, ou à l'une de leurs filiales ou sociétés affiliées. Ce cours n'est pas un matériel de préparation officiel pour l'une de ces sociétés. Toutes les marques commerciales, marques de service, noms de sociétés, logos et noms de marques mentionnés sont la propriété de leurs détenteurs respectifs et sont utilisés à des fins d'identification, d'éducation et d'information uniquement. Aucune revendication n'est faite quant aux droits exclusifs d'utilisation des marques de tiers en dehors de leur contexte dans ce matériel pédagogique.
Commencez votre parcours de développement web en apprenant les bases du HTML, le langage qui structure tout le contenu web. Ce module couvre l'anatomie d'un document HTML, l'utilisation des balises et des attributs, ainsi que les meilleures pratiques pour organiser et imbriquer votre code. Vous acquerrez une expérience pratique de la création d'en-têtes, de listes, de liens, d'images, de tableaux et de formulaires, ce qui vous permettra d'établir une base solide pour tout site web.
Inclus
19 vidéos4 lectures3 devoirs1 laboratoire non noté1 plugin
Afficher les informations sur le contenu du module
19 vidéos•Total 90 minutes
Introduction à la spécialisation•1 minute
Introduction au cours•1 minute
Carrière et champ d'application•3 minutes
Rencontrez votre instructeur•1 minute
Ce que vous apprendrez dans cette leçon•1 minute
Introduction au développement web•7 minutes
Qu'est-ce que le HTML ?•5 minutes
Ce que vous apprendrez dans cette leçon•1 minute
Balise HTML•5 minutes
Formatage de la balise HTML•10 minutes
Formulaires et balises de saisie•13 minutes
Balise Iframe•5 minutes
Étiquette d'image•4 minutes
Tag vidéo•5 minutes
Étiquette audio•5 minutes
Liste Tag•4 minutes
Étiquettes de table•8 minutes
Balises sémantiques et balises non sémantiques•4 minutes
Balise Méta•6 minutes
4 lectures•Total 80 minutes
Syllabus•10 minutes
Pour en savoir plus sur HTML•30 minutes
En savoir plus sur les différentes balises HTML•30 minutes
Dites-nous ce que vous en pensez !•10 minutes
3 devoirs•Total 90 minutes
Quiz pratique sur l'introduction au HTML•15 minutes
Balises HTML - Quiz pratique•15 minutes
Quiz noté sur HTML•60 minutes
1 laboratoire non noté•Total 60 minutes
Créez votre première page Web•60 minutes
1 plugin•Total 15 minutes
Enregistrement rapide des cours•15 minutes
Introduction aux CSS
Module 2•10 heures à terminer
Détails du module
Transformez de simples pages HTML en sites web visuellement attrayants en maîtrisant les CSS. Ce module présente la syntaxe CSS, les sélecteurs et les propriétés, et vous apprend à styliser le texte, à ajuster la mise en page et à ajouter de la couleur et de l'espacement. Vous explorerez également les concepts de design réactif et apprendrez comment rendre votre site attrayant sur n'importe quel appareil.
Inclus
44 vidéos5 lectures7 devoirs1 laboratoire non noté
Afficher les informations sur le contenu du module
44 vidéos•Total 235 minutes
Ce que vous apprendrez dans cette leçon•1 minute
Qu'est-ce que le CSS ?•3 minutes
Syntaxe CSS•4 minutes
Sélecteur simple CSS•6 minutes
Sélecteurs combinés CSS - Partie 1•5 minutes
Sélecteurs combinés CSS - Partie 2•5 minutes
Ce que vous apprendrez dans cette leçon•1 minute
Pseudo-sélecteurs de classe - Partie 1•6 minutes
Pseudo-sélecteurs de classe - Partie 2•6 minutes
Pseudo-éléments•8 minutes
Sélecteurs d'attributs•6 minutes
Ce que vous apprendrez dans cette leçon•1 minute
Propriété des polices CSS•5 minutes
Postes CSS•8 minutes
CSS Float•4 minutes
Affichage CSS•4 minutes
Unités CSS•7 minutes
Ce que vous apprendrez dans cette leçon•1 minute
Couleurs CSS•5 minutes
Couleurs d'arrière-plan CSS•4 minutes
Modèle de boîte CSS•9 minutes
CSS Box-Sizing•5 minutes
Tableau de style CSS•6 minutes
Icônes CSS•4 minutes
Grille d'affichage CSS - Partie 1•9 minutes
Grille d'affichage CSS - Partie 2•10 minutes
Barre de navigation CSS•8 minutes
CSS Dropdowns•7 minutes
Galerie d'images CSS et Sprites•8 minutes
CSS Styling Images & Image Reflections•7 minutes
Formulaires CSS•7 minutes
Effets de texte CSS•7 minutes
CSS Object Fit & Position•4 minutes
Ce que vous apprendrez dans cette leçon•1 minute
CSS Flexbox - Partie 1•6 minutes
CSS Flexbox - Partie 2•6 minutes
CSS Gradient•4 minutes
CSS 2D & 3D Transform•5 minutes
Transitions CSS•6 minutes
Animation CSS•8 minutes
Requêtes de médias CSS•4 minutes
Pagination CSS•5 minutes
CSS Colonnes multiples•5 minutes
Variables CSS•4 minutes
5 lectures•Total 165 minutes
En savoir plus sur les CSS•30 minutes
Plus d'informations sur les sélecteurs•30 minutes
En savoir plus sur Font & Property•30 minutes
En savoir plus sur les conceptions CSS•45 minutes
En savoir plus sur les concepts CSS Advance•30 minutes
7 devoirs•Total 150 minutes
Quiz pratique sur les principes de base des CSS•15 minutes
CSS Pseudo-class selectors practice quiz•15 minutes
Polices et propriétés CSS - Quiz pratique•15 minutes
Conception CSS - Quiz pratique 1•15 minutes
Conception CSS - Quiz pratique 2•15 minutes
Fonctionnalités avancées des CSS - Quiz pratique•15 minutes
CSS Advanced Graded Quiz•60 minutes
1 laboratoire non noté•Total 60 minutes
Ungraded Lab : Getting Started with HTML and CSS (en anglais)•60 minutes
Introduction à Bootstrap
Module 3•7 heures à terminer
Détails du module
Accélérez votre développement web avec Bootstrap, un cadre puissant pour la construction de sites web réactifs et d'aspect professionnel. Ce module aborde le système de quadrillage Bootstrap, les composants d'interface utilisateur prédéfinis et les utilitaires de prototypage rapide. Vous vous entraînerez à créer des mises en page qui s'adaptent parfaitement aux ordinateurs de bureau, aux tablettes et aux smartphones.
Inclus
26 vidéos4 lectures4 devoirs1 évaluation par les pairs
Afficher les informations sur le contenu du module
26 vidéos•Total 163 minutes
Ce que vous apprendrez dans cette leçon•1 minute
Introduction à Bootstrap•4 minutes
Couleurs Bootstrap•4 minutes
Conteneurs Bootstrap•5 minutes
Colonnes Bootstrap•6 minutes
Bootstrap Display - Partie 1•7 minutes
Bootstrap Display - Partie 2•6 minutes
Ce que vous apprendrez dans cette leçon•1 minute
Images Bootstrap•3 minutes
Boutons Bootstrap•4 minutes
Espacement Bootstrap•4 minutes
Ce que vous apprendrez dans cette leçon•1 minute
Carrousel Bootstrap•11 minutes
Barre de navigation Bootstrap•8 minutes
Cartes Bootstrap•6 minutes
Badges et barre de progression Bootstrap•8 minutes
Pagination•4 minutes
Dropdowns Bootstrap•8 minutes
Modale Bootstrap•9 minutes
Bootstrap Tooltip & Popover•5 minutes
Bootstrap Scrollspy•3 minutes
Construction d'un projet Partie 1 : Clone d'Instagram•5 minutes
Construction d'un projet Partie 2 : Clone Instagram•16 minutes
Construction d'un projet Partie 3 : Clone Instagram•13 minutes
Construction d'un projet Partie 4 : Clone Instagram•13 minutes
Construction d'un projet Partie 5 : Clone Instagram•8 minutes
4 lectures•Total 100 minutes
En savoir plus sur les bases de Bootstrap•30 minutes
En savoir plus sur Bootstrap Design•30 minutes
En savoir plus sur les modèles et les plugins•30 minutes
Faites-nous part de vos commentaires !•10 minutes
4 devoirs•Total 60 minutes
Bootstrap Basics - Quiz pratique•15 minutes
Quiz pratique sur le design Bootstrap•15 minutes
Mises en page et plugins - Quiz pratique•15 minutes
Quiz pratique - Construction d'un projet•15 minutes
1 évaluation par les pairs•Total 120 minutes
Travail final•120 minutes
Obtenez un certificat professionnel
Ajoutez ce titre à votre profil LinkedIn, à votre curriculum vitae ou à votre CV. Partagez-le sur les médias sociaux et dans votre évaluation des performances.
Instructeur
Évaluations de l’enseignant
Évaluations de l’enseignant
Nous avons demandé à tous les étudiants de fournir des commentaires sur nos enseignants au sujet de la qualité de leur pédagogie.
Board Infinity est une plateforme de carrière full-stack, fondée en 2017, qui comble le fossé entre les aspirants à la carrière et les experts de l'industrie. Notre plateforme favorise la croissance professionnelle, offrant des expériences d'apprentissage personnalisées, un coaching de carrière expert et diverses opportunités pour aider les individus à réaliser leurs rêves de carrière. Board Infinity a facilité avec succès plus de 20 000 transitions de carrière, marquant un impact significatif dans le paysage du développement de carrière.
Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?
Felipe M.
Étudiant(e) depuis 2018
’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’
Jennifer J.
Étudiant(e) depuis 2020
’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’
Larry W.
Étudiant(e) depuis 2021
’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’
Chaitanya A.
’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’
Avis des étudiants
4.5
26 avis
5 stars
73,07 %
4 stars
15,38 %
3 stars
3,84 %
2 stars
0 %
1 star
7,69 %
Affichage de 3 sur 26
S
SN
5·
Révisé le 13 janv. 2024
The course is well-designed, and beginner friendly.
Oui, ce cours est conçu pour les débutants complets qui veulent apprendre à créer une page web à partir de zéro. Vous commencerez par les bases du HTML et du CSS, et chaque leçon utilise un langage simple et des conseils étape par étape. Aucune expérience préalable en matière de codage ou de développement web n'est requise.
De quels outils ai-je besoin pour créer une page web en HTML et CSS ?
Tout ce dont vous avez besoin, c'est d'un ordinateur, d'un navigateur web moderne comme Chrome ou Firefox, et d'un éditeur de code gratuit comme Visual Studio Code ou Sublime Text. Le cours fournit des instructions d'installation pour que vous puissiez commencer à coder HTML et CSS immédiatement. Aucun logiciel payant ou matériel avancé n'est nécessaire.
Le cours comprend-il des projets pratiques et des exemples réels de pages web HTML avec le code source ?
Oui, chaque module propose des exercices pratiques et des exemples de pages web HTML téléchargeables avec le code source. Vous construirez votre propre page web étape par étape et vous vous entraînerez à coder à l'aide de scénarios réels.
Vais-je apprendre le Responsive Web Design et comment rendre mon site web adapté aux mobiles ?
Oui, le cours couvre le Responsive Web Design à l'aide de CSS et de Bootstrap. Vous apprendrez à créer des mises en page qui s'adaptent à différentes tailles d'écran, pour que votre site soit parfait sur les téléphones, les tablettes et les ordinateurs de bureau.
Existe-t-il des quiz et des évaluations pour tester ma compréhension de html et css ?
Oui, chaque module comprend des quiz et des exercices pratiques pour renforcer votre apprentissage. Ces évaluations permettent de s'assurer que vous comprenez comment coder un site web et appliquer efficacement les concepts HTML et CSS.
Combien de temps faut-il pour terminer le cours et créer une page web ?
La plupart des apprenants terminent le cours en 2 à 4 semaines, en fonction de leur emploi du temps et de leur rythme. Le cours se déroule à votre rythme, ce qui vous permet d'apprendre à créer une page Web à votre propre rythme.
Vais-je apprendre à styliser des images, des boutons et des barres de navigation en html et en css ?
Oui, le cours explique comment styliser les images, les boutons, les barres de navigation et d'autres éléments de l'UI à l'aide de CSS et de Bootstrap. Cela permet de s'assurer que les pages web sont attrayantes et conviviales.
Quand aurai-je accès aux cours et aux devoirs ?
Pour accéder aux supports de cours, aux devoirs et pour obtenir un certificat, vous devez acheter l'expérience de certificat lorsque vous vous inscrivez à un cours. Vous pouvez essayer un essai gratuit ou demander une aide financière. Le cours peut proposer l'option "Cours complet, pas de certificat". Cette option vous permet de consulter tous les supports de cours, de soumettre les évaluations requises et d'obtenir une note finale. Cela signifie également que vous ne pourrez pas acheter un certificat d'expérience.
Qu'est-ce que je recevrai si je souscris à cette Specializations ?
Lorsque vous vous inscrivez au cours, vous avez accès à tous les cours de la spécialisation et vous obtenez un certificat lorsque vous terminez le travail. Votre certificat électronique sera ajouté à votre page Réalisations - de là, vous pouvez imprimer votre certificat ou l'ajouter à votre profil LinkedIn.
Une aide financière est-elle disponible ?
Oui, pour certains programmes de formation, vous pouvez demander une aide financière ou une bourse si vous n'avez pas les moyens de payer les frais d'inscription. Si une aide financière ou une bourse est disponible pour votre programme de formation, vous trouverez un lien pour postuler sur la page de description.