Scribd
Importer
60 vues4 pages

Création d'une page web avec Git et CSS

Ce document décrit les étapes pour créer un site web simple avec HTML et CSS en utilisant Git pour le versionnement de code. Il explique comment créer les fichiers index.html et style.css, ajouter du contenu et des styles, et lier les fichiers ensemble.

Transféré par

22bw023
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
60 vues4 pages

Création d'une page web avec Git et CSS

Ce document décrit les étapes pour créer un site web simple avec HTML et CSS en utilisant Git pour le versionnement de code. Il explique comment créer les fichiers index.html et style.css, ajouter du contenu et des styles, et lier les fichiers ensemble.

Transféré par

22bw023
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Travail pratique N°5

Programmation <web>
1. Créer un dossier nommé « prog-web-tp-5 » sur votre bureau
2. Lancer l’invite de commande Windows dans le dossier « prog-web-tp-5 » et exécuter la
commande suivante : git init
3. Dans l’éditeur VSCODE, créer un fichier « [Link] » qu’il faut enregistrer dans le
dossier « prog-web-tp-5 »
4. Identifier les éléments se trouvant sur la capture ci-dessous et écrire le code HTML
nécessaire dans le fichier « [Link] ».

5. Enregistrer et tester dans le navigateur.


6. Si tout est bon pour la page « [Link] », lancer l’invite de commande Windows dans le
dossier « prog-web-tp-5 » et exécuter les commandes suivantes :
git add --all
git commit -m “creation de la page [Link] sans css”
7. Créer maintenant un fichier CSS « [Link] » dans le dossier « prog-web-tp-5 » qui devra
contenir les règles suivantes :
a. Appliquer au titre de niveau 1 et au paragraphe :
i. La largeur de 500px ;
ii. Centrer le texte ;
b. Au titre de niveau 1 :
i. La couleur de texte dont les valeurs RGB sont : 0, 140, 255 ;
ii. La taille de police de 4em ;
c. Au paragraphe :
i. Le fond noir ;
ii. Le texte en blanc ;
iii. La marge interne de 6px ;
iv. Et la taille de police de 2em.
8. Enregistrer le fichier « [Link] » et exécuter les commandes suivantes :
git add --all
git commit -m “création de la feuille de style css”
9. Maintenant pour relier la page « [Link] » au fichier « [Link] », il faut ajouter dans le
<head> l’élément suivant : <link rel="stylesheet" href="[Link]">
10. Enregistrer le fichier « [Link] » et exécuter les commandes suivantes :
git add --all
git commit -m “liaison de la page [Link] et du fichier [Link]”
11. Exécuter dans le navigateur afin d’obtenir le résultat suivant :

12. Vérifier qu’il n’y a plus de modification en cours, en exécutant cette commande : git status
S’il n’y a plus de modification, voici le résultat que vous obtiendrez dans la console :
on branch master
nothing to commit, working tree clean
S’il y a eu d’autres modifications, il faut juste exécuter les commandes suivantes :
git add --all
git commit -m “description des modifications”

Vous aimerez peut-être aussi