11/01/2021

1. Introduction

1.1. Objectifs

Le but de ce TD est l'étude d'un exemple de format de fichier, le format HTML, c'est-à-dire, le format de base d'une page d'information sur le web. À noter que certains gestionnaires de mails codent les mails en HTML, ce qui leur permet d'enrichir le texte (police, couleur, effets de caractères, etc.).

Le format HTML est un format à base de balises comme le format XML qui est très utilisé pour décrire des données. Il peut être noté qu'un fichier au format odt ou au format docx est une archive compressée contenant plusieurs fichiers XML dont un décrivant la structure et le contenu du fichier.

Étudier le format HTML c'est aussi mieux comprendre certaines notions comme l'encodage des caractères, la localisation des informations ou le fonctionnement des hyperliens, et les problèmes qui peuvent en découler (caractères étranges dans une page, copier-coller qui colle un hyperlien vers une image et non une image, …).

Même si ce n'est pas son objectif premier, ce TD vous permettra de réaliser vous-même quelques pages simples.


1.2. Attention au logiciel utilisé

Nous n’utiliserons pas de logiciels spécialisés dans la création de sites web ou dans l’édition de pages HTML (Dreamweaver, etc.) puisque l’objectif principal n’est pas de faire des pages web complexes mais de comprendre un peu mieux ce qu’elles contiennent.

Mais attention ! Il est interdit dans le cadre de cet enseignement d'utiliser un logiciel de traitement de texte (Apache OpenOffice, LibreOffice, Word) pour éditer un fichier au format HTML. Un document réalisé avec un tel logiciel lors d'un examen sera considéré comme hors sujet et non-valable.

Les principales raisons de cet interdit sont :

  • utiliser un logiciel de traitement de texte ne permet pas de comprendre la structure d'un fichier HTML.
  • un document réalisé avec un logiciel de traitement de texte est en général très complexe à cause de la présence d'informations non utiles.
  • à cause de ces informations inutiles, le document est inutilement gros et cela peut entraîner des temps de chargements plus importants.

À la place d'un logiciel de traitement de texte, nous utiliserons un logiciel d'édition de texte pour modifier ou rédiger un fichier au format HTML.


1.3. Exercice

Créez dans le dossier Documents, un dossier nommé TD_B4_NOM_Prenom (si vous travaillez seul) ou TD_B4_NOM1_Prenom1_NOM2_Prenom2 (si vous travaillez à 2) où NOM est votre nom en majuscule et Prenom est votre Prénom (en minuscule sauf l'intiale en majuscule). Ne mettez ni espace ni accent dans le nom du dossier (espaces et accents sont sources d'incompréhension lors d'échange de fichiers d'un système d'exploitation à un autre.

1.4.Cours

La suite de cette page aura peut-être déjà été expliquée par votre enseignant(e). Dans ce cas, passez à l'étape suivante du TD.

Introduction en vidéo (12,9Mo - 9'01)

flèche page suivante