Votre premier site web
Ce module vous initie aux aspects pratiques du développement web. Vous allez rassembler les ressources et écrire le code pour construire une page web simple, puis la publier pour que tout le monde puisse la voir.
Créer un site professionnel demande beaucoup de travail, donc si vous débutez dans le développement web, nous vous encourageons à commencer petit. Vous ne créerez pas un autre Facebook tout de suite, mais il n'est pas difficile de mettre en ligne votre propre site web simple, alors commençons par là.
Prérequis
Ce module ne demande aucune connaissance préalable des technologies web, mais vous devez déjà être à l'aise avec l'utilisation de votre système d'exploitation, y compris l'utilisation du système de fichiers et la navigation sur le web. Vous devez avoir un éditeur de code et plusieurs navigateurs web installés.
Si ce n'est pas le cas, nous vous suggérons de suivre d'abord le module sur la Mise en place de l'environnement.
Tutoriels
- À quoi ressemblera votre site web ?
-
Avant de commencer à écrire le code de votre site, vous devez d'abord le planifier. Quelles informations souhaitez-vous mettre en avant ? Quelles polices et couleurs allez-vous utiliser ? Nous allons présenter ici une méthode simple que vous pouvez suivre pour planifier le contenu et la conception de votre site.
- Créer le contenu
-
HTML (HyperText Markup Language, pour Langage de balisage hypertexte en français) est le code utilisé pour structurer une page web et son contenu. Par exemple, le contenu peut être structuré en paragraphes, en liste à puces, ou à l'aide d'images et de tableaux de données. Cet article fournit une compréhension de base du HTML et de ses fonctions, et vous montre comment créer le contenu de base de votre premier site web.
- Mettre en forme le contenu
-
CSS (Cascading Style Sheets, pour Feuilles de style en cascade) est le code qui met en forme le contenu web. Mettre en forme le contenu vous guide sur ce dont vous avez besoin pour commencer. Nous répondrons à des questions comme : Comment rendre le texte rouge ? Comment afficher du contenu à un endroit précis dans la mise en page ? Comment décorer votre page avec des images et des couleurs de fond ?
- Ajouter de l'interactivité
-
JavaScript est un langage de programmation qui ajoute de l'interactivité aux sites web. Cela intervient dans les jeux, dans le comportement des réponses lors de l'appui sur des boutons ou lors de la saisie de données dans des formulaires, avec du style dynamique, de l'animation, etc. Cet article vous aide à débuter avec JavaScript et à mieux comprendre ce qui est possible.
- Publier votre site web
-
Une fois que vous avez écrit le code et organisé les fichiers qui composent votre site, vous devez tout mettre en ligne pour que les gens puissent le trouver. Cet article explique comment mettre votre site d'exemple en ligne facilement.
Voir aussi
- Le parcours d'un développeur Front-end (angl.) Partenaire d'apprentissage MDN
-
Scrimba (angl.) Le parcours d'un développeur Front-end enseigne tout ce qu'il faut savoir pour devenir un·e développeur·euse front-end compétent·e, avec des leçons interactives ludiques, des défis, des enseignant·e·s expérimenté·e·s et une communauté bienveillante. Passez de zéro à votre premier emploi front-end ! De nombreux modules du cours sont disponibles gratuitement en version autonome.