Cours de Visual Studio Code

Chapitre 1 - Exercice 2 : Créer mon premier site internet

Suivez les instructions suivantes. Attention, vérifiez bien que votre site et ce que vous tentez de faire fonctionne entre chaque étape ! C'est le B-A-ba du développeur !

  1. Créez dans un dossier qui sera réservés aux cours que vous suivrez lors de la formation Blindcode un dossier IntroVSCode en un mot. Ouvrez ce dossier dans VScode !
  2. Dans VSCode, créez dans votre dossier un fichier index.html, un fichier article.html, un sous dossier appelé Resources.
  3. Téléchargez l'image de votre choix et enregistrez là dans Resource, le dossier dernièrement créé.
  4. Rendez-vous, dans VSCode dans le fichier index.html, insérez-y tous les presets d'un fichier HTML5
  5. Changez le titre de votre document HTML dans les balises title pour y écrire "Mon Premier Site Internet"
  6. Dans notre fichier index toujours,dans le body, créez un lien qui pointe vers notre article
  7. Répétez sensiblement les mêmes actions dans article.html. On y insère les preset html5, on change le titre en "Mon premier Article"
  8. Cette fois-ci, par contre, on va insérer notre image préalablement téléchargée dans le dossier Resources dans le body.
  9. Mettez un lien sur l'image, lorsque l'on va cliquer dessus, cela doit nous renvoyer à l'index !
  10. Commentez en dessous de cette ligne pour expliquer ce qu'elle fait.
  11. Il est temps d'actualiser une dernière fois notre site et vérifier que tout ce que nous avons mis en place fonction. Lien, image, title et commentaire !