TD 1
Exercice 1 : Installation de notepad ++
1) Allez sur le site https://notepad-plus-plus.org/download/v7.5.6.html est telecharger
nodepad ++ version 7.5.6
2) Installer Notepad ++ en cliquant sur le fichier exécutable téléchargé.
Choisir le lange français et cliquez sur ok
Cliquez sur suivant
Acceptez le contrat de licence puis cliquer sur Suivant>Suivant puis sur installer
Exercice 2 : Méthodes d’inclusion d’un code javascript dans une page html
1) Création du répertoire pour les projets
Afin d’ordonnez nos travaux nous allons créés un dossier dans lequel nous mettrons tout nos
projet. Allez dans Document puis créez un répertoire nommé « ProjetJavaScript »
2) Création de notre « premier projet »
Ouvrez le logiciel Notepad est allez dans le menu Fichier>Nouveau. Vous aurez la fenêtre
suivante
Dans cette zone de saisie, copiez et collez le code suivant :
<!DOCTYPE html>
<html>
<head>
<title>Premiere exemple</title>
</head>
<body>
</body>
</html>
Vous aurez la capture suivante après collage :
Enregistrez dans le répertoire « ProjetsJavascripte » sous le nom « exemple1.html »
3) Insertion d’un code javascript dans le corps du programme
Dans notre exemple ajouter le code suivant comme le montre la capture suivante
Enregistrez les modifications puis allez dans le dossier « ProjetsJavaScript » est lancez le
fichier « exemple1.html » en l’ouvrant avec un navigateur de votre choix ( Ex : Chrome).
Vous aurez la page suivante.
4) Utilisation d’une fichier externe contenant le code javascript
Créez un nouveau fichier « exemple2.html » contenant le code suivant
<!DOCTYPE html>
<html>
<head>
<title>2eme exemple</title>
</head>
<body>
</body>
</html>
Créez un autre fichier « exemple2.js » contenant le code suivant :
alert("bonjour UVS");
Maintenant dans le fichier « exemple2.html », inclure le fichier « exemple2.js » comme le
montre la capture suivante
Enregistrez puis lancez le fichier « exemple2.html ». Vous aurez la page suivante
5) Comparez exemple1.html et exmple2.html
