Exercice 6 : Création des fichier HTML et CSS

jsfiddle.net est un très bel outil, mais il ne peut pas être utilisé pour la réalisation d’un vrai site internet (ou d’une vraie application web).

L’objectif des exercices qui vont suivre sera de créer une page web. Pour y parvenir, nous devrons créer 2 fichiers avec l'éditeur de texte NotePad++ :

  • un fichier HTML que vous nommerez : index.html
  • un autre fichier CSS que vous nommerez : style.css

Ces 2 fichiers devront être sauvegardés dans le même dossier (c’est important) que vous nommerez “Mon_Site

 


Travail 1 : Ouvrir NotePad ++ et Copier le code de l'exercice 5 puis utiliser la commande Fichier > Enregistrer sous..., sélectionner l'emplacement, nommer le fichier style et modifier le type Cascading Style Sheets

 
 

Travail 2 : Ouvrir NotePad ++ et Copier le code de l'exercice 3 puis utiliser la commande Fichier > Enregistrer sous..., sélectionner l'emplacement, nommer le fichier index et modifier le type Hyper Text Markup Language file

Tester votre code en double cliquant sur le fichier index.html créé, votre page Web devrait s'ouvrir dans votre navigateur
 
La page s'affiche mais sans style, Cela est normal : vous devez rajouter, dans votre fichier HTML, entre les balises head, la ligne de code ci-dessous.
 
 
Tester à nouveau votre code en double cliquant sur le fichier index.html créé, votre page Web devrait s'ouvrir dans votre navigateur avec le style défini précédemment