TP 01 : Premières pages, validation

Travail personnel

Notes de cours

Exercice 1 — Serveur et pages web #

Serveur personnel

Le guide d'utilisation de votre serveur personnel présente les différentes étapes.

Dans votre navigateur Firefox, allez à l'URL https://dev-XXXX.users.info.unicaen.fr avec XXXX qui est votre identifiant numérique
Que trouvez-vous sur votre serveur ?
Lancez le bureau distant pour utiliser Linux.
À l'aide du guide d'utilisation de votre serveur personnel, connectez votre serveur personnel dans l'explorateur de fichier.
Dans le dossier www-dev de votre serveur, créez un dossier 1HU91-2024, allez dedans et créez un dossier TP01 puis ex1 et placez-vous dedans (vous devez donc être dans www-dev/1HU91-2024/TP01/ex1/).
Regardez sur Firefox le contenu de votre site personnel. Qu'est-ce qui a changé ?
Remarque : il peut être pratique d'utiliser Firefox dans le bureau distant plutôt que celui de la machine réelle sur laquelle vous travaillez, cela évite de passer d'une machine à l'autre.

Première page

Ouvrez un éditeur de code (par ex. X ou Y), créez un fichier vide, y coller le contenu HTML de ce fichier et enregistrez ce fichier avec le nom test1.html dans le dossier www-dev/1HU91-2024/TP01/ex1/.
Attention pour les utilisateurs de Windows, dans votre gestionnaire de fichiers, l'extension des fichiers est cachée par défaut, donc on ne voit pas le .html. Pour changer ça voir comment faire.
Allez voir la page web correspondante dans votre navigateur.
Créez de même une deuxième page test2.html sur le serveur dans www-dev/1HU91-2023/TP01/ex1/, avec le contenu HTML de ce fichier
Allez voir la page web correspondante dans votre navigateur. Quelles sont les différences d'affichage ?
Regardez le code source des 2 pages en faisant Ctrl-U (dans Firefox). Les codes sources correspondent au texte que vous avez dans vos fichiers test1.html et test2.html. Quelles sont les différences ?

Validation des pages

Allez sur le site du validateur HTML du W3C.
Attention le validateur ne peut pas accéder à vos serveurs (accès restreint) donc vous devez utiliser la validation par File Upload en envoyant votre fichier HTML ou Direct Input en faisant un copier/coller du contenu de votre fichier.
Validez vos 2 fichiers test1.html et test2.html. Quelles sont les différences ?
Que peut-on en conclure ?

Vérification de votre TP

Pour chaque TP à venir, vous aurez à terminer un ou plusieurs exercices et à les mettre en ligne sur votre serveur à une URL précise donnée dans l'énoncé. Un robot ira parcourir vos serveurs pour collecter des informations sur ce qui a été déposé. Si votre exercice n'est pas placé au bon endroit, le robot ne pourra pas le trouver et l'exercice sera alors considéré comme non rendu et noté 0.

Pour éviter les erreurs, un service de vérification vous permet de vous assurer que votre exercice est bien placé. Nous allons voir comment tester si la page test1.html est bien placée sur votre serveur.

Connectez vous au serveur evalweb à https://evalweb.users.info.unicaen.fr/etu/ avec votre etuP@ss.
Utilisez la liste déroulante pour choisir l'exercice à tester. Quel est le résultat ?
Modifiez votre fichier test1.html pour y ajouter, après le title dans l'en-tête (balise <head>), la balise meta qui indique qui est l'auteur de la page comme ceci :
```
<meta name="author" content="XXXX" />
```
où XXXX est votre identifiant numérique.
Enregistrer le fichier et placer cette nouvelle version sur le serveur.
Tester à nouveau avec evalweb.