TP - HTML

TP - HTML
Introduction
Le HTML (Hypertext Markup Language) n'est pas un langage de programmation à
proprement parlé.
Le HTML un langage informatique qui permet de créer des pages WEB. Il utilise des
balises qui permettent :
•
•
•
de structurer du texte
de placer des images
ou bien encore dans sa dernière version, de diffuser du son ou des vidéos sur
internet, de manière relativement simple.
Le langage HTML doit être associé à un autre langage informatique : le CSS (Cascading
Style Sheets - feuilles de style en cascades).
Le CSS est un langage qui sert à décrire la présentation des documents.
Ces deux langages informatiques sont standardisés par le « World Wide Web Consortium »
(W3C), organisme de normalisation à but non lucratif chargé de promouvoir la compatibilité
des technologies du World Wide Web.
Bien qu'en développement, Le consortium W3C préconise d'utiliser la version HTML 5 et la
version CSS 3. Ces versions apportent de nombreuses améliorations. De plus les
modifications à venir devraient être mineures. De nombreux sites sont déjà développés
avec ces langages.
Pour créer une page WEB statique*, il faut concevoir les fichiers HTML et CSS avec un IDE
(integrated development environment) tel que « Geany » pour pouvoir ensuite la visualiser
en utilisant un navigateur internet (internet explorer, safari, google chrome, mozilla firefox)
Validation de la page
Le consortium W3C propose un outil pour vérifier la bonne conformité de vos fichiers.
➢ Accéder à http://validator.w3.org/#validate_by_upload
➢ Sélectionner votre fichier et vérifier-le.
TP - HTML
Exercice 1
•
•
Écrire le programme HTML « listes_a_puces.html » correspondant à la description
ci-dessous. Vous utiliserez le fichier texte Matieres_STI2D-SIN.txt (voir annexe)
Tester et valider votre fichier avec le service de validation du W3C:
http://validator.w3.org/#validate_by_upload
Exercice 2
•
•
Écrire le programme HTML « liste_ordonnée.html » correspondant à la description
ci-après en utilisant le fichier liste-ordonnee.txt (voir annexe)
Tester et valider votre fichier avec le service de validation du W3C:
http://validator.w3.org/#validate_by_upload
TP - HTML
Exercice 3
•
•
Écrire le programme HTML « listes.html » correspondant à la description ci-après :
Tester et valider votre fichier avec le service de validation du W3C:
http://validator.w3.org/#validate_by_upload
Exercice 4
Créer votre page HTML qui décrit tout ce que vous avez fait au premier trimestre de cette
année en enseignement transversal et de spécialisté.
Vous pourrez insérer des images, des vidéos, des liens externes,...
Vous pouvez utiliser les documents ressources disponibles suivants :
ü Gloissaire_principales_balises_html.pdf
ü Init_lagage_html_V1.pdf
ü Apprenez-a-créer-votre-site-web-avec-html-et-css3.pdf
TP - HTML
ANNEXE
Texte du fichier liste_ordonnées.txt Exercice: Page vierge: 1 -­‐ Ouvrir le logiciel « Notepad++ » 2 -­‐ Écrire une page WEB vierge dont le nom sera « Page vierge -­‐ HTML -­‐ Partie 1» (utiliser la structure vue en cours) 3 -­‐ Sauvegarder votre fichier dans votre répertoire de travail à l’emplacement \SIN\HTML sous le nom «Page_vierge.html » 4 -­‐ Exécuter le programme et vérifier le résultat à l'écran. Texte du fichier Matière_STI2D-­‐SIN.txt Matières – STI2D -­‐ SIN Voici la liste des disciplines enseignées dans les séries STI2D (Spécialité SIN -­‐ Systèmes d’information et numérique. On distingue les matières communes à tous les STI2D et les matières spécifiques à la spécialité SIN: Enseignements obligatoires communs -­‐Mathématiques -­‐Physique-­‐chimie -­‐Français -­‐Histoire-­‐géographie -­‐Langues vivantes 1 et 2 -­‐Éducation physique et sportive -­‐Accompagnement personnalisé -­‐Heures de vie de classe Enseignements obligatoires spécifiques -­‐ Enseignements technologiques transversaux -­‐Enseignement technologique en langue vivante 1 -­‐ Systèmes d’information et numérique