Exercices Web (HTML/CSS) - Exercice 6

Page 10 sur 11
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
 
 
 
Affichages : 85878