Le projet solo Scrimba Hometown Homepage est l'occasion pour vous de vous plonger dans le développement front-end en utilisant HTML et CSS. Dans ce projet, vous créerez une page d'accueil personnelle qui mettra en valeur votre ville natale ou votre lieu de prédilection. Votre objectif est de concevoir une page web visuellement attrayante et informative qui met en valeur les caractéristiques uniques de l'endroit que vous avez choisi. En travaillant sur ce projet, vous vous concentrerez sur trois objectifs d'apprentissage principaux : 1. Maîtriser la mise en page et la conception : Vous acquerrez une expérience pratique dans l'élaboration d'une mise en page cohérente à l'aide de CSS. Vous utiliserez des outils tels que Flexbox ou Grid pour vous assurer que votre page web est réactive et visuellement attrayante sur différents appareils. 2. Organiser et structurer le contenu : Vous améliorerez vos compétences en matière de structuration du contenu avec HTML, en organisant l'information à l'aide d'éléments sémantiques tels que les titres, les paragraphes et les listes. Cela vous aidera à créer une page web bien structurée et accessible. 3. Styliser pour l'esthétique : Vous appliquerez le CSS pour styliser votre page web, en personnalisant les polices, les couleurs et les arrière-plans afin de créer une expérience utilisateur attrayante. En terminant ce projet, vous aurez une page web personnalisée qui mettra en valeur vos compétences techniques et votre créativité, ce qui constituera une base solide pour vos futurs projets de développement web.
Profitez d'une croissance illimitée avec un an de Coursera Plus pour 199 $ (régulièrement 399 $). Économisez maintenant.
Créez une page d'accueil pour votre ville natale avec HTML et CSS
Instructeur : Per Harald Borgen
Inclus avec
Expérience recommandée
Ce que vous apprendrez
Le style CSS permet de personnaliser les polices, les couleurs et les arrière-plans, créant ainsi une expérience utilisateur attrayante.
Conception de la mise en page à l'aide d'outils CSS tels que Flexbox et Grille.
Compétences que vous pratiquerez
- Catégorie : conception web
- Catégorie : Web sémantique
- Catégorie : Typographie
- Catégorie : Feuilles de style en cascade (CSS)
- Catégorie : Conception d’interfaces utilisateur (UI)
- Catégorie : Conception de sites web réactifs
- Catégorie : Développement Web Front-End
- Catégorie : HTML et CSS
- Catégorie : HyperText Markup Language (HTML)
Détails à connaître
Ajouter à votre profil LinkedIn
Disponible uniquement sur ordinateur
Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées
Apprendre, pratiquer et appliquer des compétences prêtes à l’emploi en moins de 2 heures
- Bénéficiez d’une formation par des experts du secteur
- Gagnez en expérience pratique en effectuant des tâches professionnelles du monde réel
- Renforcez votre confiance en utilisant les outils et technologies les plus récents
À propos de ce Projet Guidé
Apprendrez étape par étape
Votre enseignant(e) vous guidera étape par étape, grâce à une vidéo en écran partagé sur votre espace de travail :
Prévoir un espace suffisant entre les trois images de l'activité.
Ajoutez une image d'arrière-plan et veillez à ce qu'elle s'étende sur toute la page.
Veillez à ce que la page soit entièrement réactive (elle s'affiche correctement sur toutes les tailles d'écran).
Importer et utiliser une police Google.
Modifiez la page à l'aide de la palette de couleurs fournie - ou utilisez votre propre palette !
Ajoutez un rayon de bordure aux trois images d'activité.
Ajoutez une ombre à au moins un élément de la page.
Centrer le texte.
Le texte doit être stylisé avec une police de caractères appropriée.
Expérience recommandée
Ce projet nécessite de connaître les bases du HTML et du CSS. Si vous ne les connaissez pas encore, essayez le cours Learn HTML and CSS de Scrimba ici sur Coursera.
2 images de projet
Instructeur
Offert par
Méthode d’apprentissage
Apprentissage pratique basé sur les compétences
Mettez en pratique de nouvelles compétences en effectuant des tâches professionnelles.
Conseils d’experts
Suivez les vidéos pré-enregistrées d’experts à l’aide d’une interface unique, divisée en deux.
Aucun téléchargement ou installation requis(e)
Accédez aux outils et aux ressources dont vous avez besoin dans un espace de travail cloud préconfiguré.
Disponible uniquement sur ordinateur de bureau
Ce Projet Guidé est conçu pour les ordinateurs portables ou de bureau disposant d’une connexion internet fiable, et non pour les appareils mobiles.
Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?
Vous aimerez peut-être aussi
Statut : Essai gratuitBoard Infinity
Statut : Essai gratuitScrimba
Statut : Essai gratuit
Foire Aux Questions
En achetant un Projet Guidé, vous obtenez tout ce dont vous avez besoin pour terminer ce Projet Guidé, y compris l'accès à un espace de travail de bureau cloud, via votre navigateur web, qui contient les fichiers et les logiciels dont vous avez besoin pour commencer, ainsi que les instructions vidéo étape par étape d'un expert en la matière.
Comme votre espace de travail contient un bureau cloud dimensionné pour un ordinateur portable ou de bureau, les Projets Guidés ne sont pas disponibles sur votre appareil mobile.
Les enseignants des Projets Guidés sont des experts en la matière qui ont de l'expérience dans les compétences, les outils ou le domaine de leur projet et qui sont passionnés par le partage de leurs connaissances avec des millions d'étudiants dans le monde.