1. Introduction

Ce mémo est la compilation de réponses d’élèves à la question :

Expliquer le rôle des fichiers .html, .css et .js.

Parfois, le professeur a senti la nécessité de préciser une notion (NdP pour Note du Professeur).

2. Réponses

2.1. Fausses idées

• idée de « traduction »
• un fichier .html est destiné à être lu par un navigueur
• inutile de parler de l’éditeur utilisé, ni de «programmation pure et dure»
• inutile de dire que ce sont des langages différents, avec des mots-clef différents
• « Hyper Text Mark Line »
• les images d’un site sont stockées dans le .html (elle sont plutôt référencées depuis celui-ci NdP)

2.2. Vagues idées

• modifier en utilisant la programmation
• JS toujours associé à HTML
• HTML permet de programmet toutes sortes de choses (logiciels, jeux)
• tout le web est constitué de fichiers .html

2.3. Bonnes idées

2.3.1. HTML

• langage de programmation (ou plus précisément de descrition NdP) utilisé pour créer des sites internet, des pages web, que l’on peut voir en ligne (ou « en local » NdP)
• est destiné à être lu par un navigateur
• contenu, mise en page, à l’aide de balises
• permet surtout de rédiger le fond du site, le contenu

2.3.2. CSS

• lié à un fichier HTML
• change le style d’une page entière (voire d’un ou plusieurs sites entiers NdP) : changement de couleur et de taille du texte, de police, de mise en page, de position d’une image,…
• permet de rédiger la forme du site, l’organisation, la présentation
• ne pas répéter la caractéristique: s’applique à plusieurs zones définies dans le .html

2.3.3. JS

• lié à un fichier HTML
• améliorer un site avec des animations, le rend interactif avec des formulaires et des boutons par exemple
• définition de fonctions, calculer ou déduire, de l’action que l’on veut que l’ordinateur fasse, sert à faire des algorithmes
• les calculs peuvent se faire sur des nombres, mais aussi sur des chaînes de caractères (concaténation)
• permet d’intégrer ou de coder un programme à l’intérieur du site, de faire des calculs avec les valeurs entrées par un utilisateur ou de faire bouger les composants de la page du site