Scribd
Importer
100 vues4 pages

HTML CSS TP 2

Ce document décrit les étapes pour créer un site web simple avec deux pages HTML de base et suivre les modifications avec Git. Il explique comment créer un dossier de projet, initialiser Git, créer les pages HTML, les styles CSS, et suivre les modifications avec des commits Git.

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
100 vues4 pages

HTML CSS TP 2

Ce document décrit les étapes pour créer un site web simple avec deux pages HTML de base et suivre les modifications avec Git. Il explique comment créer un dossier de projet, initialiser Git, créer les pages HTML, les styles CSS, et suivre les modifications avec des commits Git.

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°2

Programmation <web>
1. Créer un dossier nommé « prog-web-tp-2 » sur votre bureau
2. Lancer l’éditeur VSCODE et créer un fichier « [Link] » qu’il faut enregistrer dans le
dossier « prog-web-tp-2 »
3. Lancer l’invite de commande Windows dans le dossier « prog-web-tp-2 » et exécuter la
commande suivante : git init
4. Ecrire le code HTML suivant dans le fichier « [Link] » :

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>Introduction</title>
</head>

<body>
<h1>Programmation Web</h1>
<p>
Créer un site web professionnel nécessite beaucoup de travail. C'est
pourquoi, lorsqu'on débute, c'est mieux de commencer par quelque chose de
simple. Vous n'allez pas bâtir un nouveau Facebook dès le départ, mais il est
possible de commencer par réaliser un site web d'une école, d'un hôtel, d'un
restaurant, d'un magasin, etc.
</p>
</body>

</html>

5. Enregistrer le fichier « [Link] » puis lancer le dans le navigateur pour voir le résultat
ci-dessous :
6. Lancer l’invite de commande Windows dans le dossier « prog-web-tp-2 » et exécuter les
commandes suivantes :
git add --all
git commit -m “page 1 finie”
7. Créer une deuxième page « [Link] » et ajouter le code html qu’il faut pour avoir
le résultat ci-dessous :
8. Lancer l’invite de commande Windows dans le dossier « prog-web-tp-2 » et exécuter les
commandes suivantes :
git add --all
git commit -m “page 2 finie”
9. 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