Travail pratique N°4
Programmation <web>
1. Créer un dossier nommé « prog-web-tp-4 » sur votre bureau
2. Lancer l’invite de commande Windows dans le dossier « prog-web-tp-4 » et exécuter la
commande suivante : git init
3. Dans l’éditeur VSCODE, créer un fichier « connexion.html » qu’il faut enregistrer dans le
dossier « prog-web-tp-4 »
4. Identifier les éléments se trouvant sur la capture ci-dessous et écrire le code HTML
nécessaire dans le fichier « connexion.html ». Concernant le lien, il mène vers la page
« inscription.html » qu’on va créer après.
5. Enregistrer et tester dans le navigateur.
6. Si tout est bon pour la page « connexion.html », lancer l’invite de commande Windows
dans le dossier « prog-web-tp-4 » et exécuter les commandes suivantes :
git add --all
git commit -m “page connexion done”
7. Créer la deuxième page « inscription.html » dans le dossier « prog-web-tp-4 » sur base
de la capture ci-dessous. Le lien qui s’y trouve mène vers « connexion.html ».
8. Enregistrer et tester dans le navigateur.
9. Si tout est bon pour la page « inscription.html », lancer l’invite de commande Windows
dans le dossier « prog-web-tp-4 » et exécuter les commandes suivantes :
git add --all
git commit -m “page inscription done”
10. Créer la troisième page « new_article.html » dans le dossier « prog-web-tp-4 » sur base
de la capture ci-dessous. La liste déroulante contient les catégories suivantes :
Vêtements femmes, Vêtements hommes, vêtements enfants, chaussures femmes,
Chaussures hommes et Chaussures enfants. Le lien qui s’y trouve mène vers
« list_articles.html ».
11. Enregistrer et tester dans le navigateur.
12. Si tout est bon pour la page « new_article.html », lancer l’invite de commande Windows
dans le dossier « prog-web-tp-4 » et exécuter les commandes suivantes :
git add --all
git commit -m “page new_article done”
13. Créer la dernière page « list_articles.html » dans le dossier « prog-web-tp-4 » sur base de
la capture ci-dessous. Le lien qui s’y trouve mène vers « new_article.html ».
14. Enregistrer et tester dans le navigateur.
15. Si tout est bon pour la page « list_articles.html », lancer l’invite de commande Windows
dans le dossier « prog-web-tp-4 » et exécuter les commandes suivantes :
git add --all
git commit -m “page list_articles done”
16. 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”
