3
HTML – BTT1O4/5 1|Page Le web est devenu incontournable dans notre vie quotidienne depuis déjà plusieurs années. Que l’on cherche une réponse à une question, que l’on fasse des opérations bancaires ou que l’on veuille communiquer avec des proches, on se tourne vers Internet. Le but de l’unité HTML et Dreamweaver est de te familiariser avec les notions de base nécessaires à créer un site internet tout simple. 1. Le HTML et le CSS sont des langages informatiques qui sont à la base même du web. 2. Lorsqu’une page web s’affiche sur ton moniteur, l’information reçue du serveur est interprétée par le navigateur. 3. Il existe de nombreux navigateurs, mais les plus courants, actuellement, sont Chrome, Firefox, Safari et Explorer. 4. Au début du web, en 1991, il n’existait qu’un langage, le HTML. Les pages étaient très simples mais, elles n’étaient pas esthétiques. Aujourd’hui, les sites web professionnels s’écrivent dans les deux langages, le HTML et le CSS. § HTML (HyperText Markup Language) : Le texte, les liens et les images sont écrits en HTML. § CSS (Cascasding Style Sheets ou feuilles de style) : Le rôle du CSS est de gérer l’apparence de la page web (positionnement, décoration, couleurs, taille du texte). Activité 1 : Le HTML et le CSS Compétences : Cette activité te permettra d’apprendre : 1. les langages utilisés dans la conception des sites web ; 2. les différences entre le HTML et le CSS. Directives s

Compétences : Activité 1 : Le HTML et le CSSLe langage CSS aide à améliorer le côté visuel d’un site web. La figure suivante montre une page montée sans CSS et la même page

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Compétences : Activité 1 : Le HTML et le CSSLe langage CSS aide à améliorer le côté visuel d’un site web. La figure suivante montre une page montée sans CSS et la même page

HTML – BTT1O4/5

1|Page

Le web est devenu incontournable dans notre vie quotidienne depuis déjà plusieurs années. Que l’on cherche une réponse à une question, que l’on fasse des opérations bancaires ou que l’on veuille communiquer avec des proches, on se tourne vers Internet. Le but de l’unité HTML et Dreamweaver est de te familiariser avec les notions de base nécessaires à créer un site internet tout simple.

1. Le HTML et le CSS sont des langages informatiques qui sont à la base même du web.

2. Lorsqu’une page web s’affiche sur ton moniteur, l’information reçue du serveur est interprétée par le navigateur.

3. Il existe de nombreux navigateurs, mais les plus courants, actuellement, sont

Chrome, Firefox, Safari et Explorer.

4. Au début du web, en 1991, il n’existait qu’un langage, le HTML. Les pages étaient très simples mais, elles n’étaient pas esthétiques. Aujourd’hui, les sites web professionnels s’écrivent dans les deux langages, le HTML et le CSS.

§ HTML (HyperText Markup Language) : Le texte, les liens et les images sont écrits en HTML.

§ CSS (Cascasding Style Sheets ou feuilles de style) : Le rôle du CSS est de gérer l’apparence de la page web (positionnement, décoration, couleurs, taille du texte).

Activité 1 : Le HTML et le CSS Compétences : Cette activité te permettra d’apprendre :

1. les langages utilisés dans la conception des sites web ;

2. les différences entre le HTML et le CSS.

Direct ives s

Page 2: Compétences : Activité 1 : Le HTML et le CSSLe langage CSS aide à améliorer le côté visuel d’un site web. La figure suivante montre une page montée sans CSS et la même page

HTML – BTT1O4/5

2|Page

5. Il est toujours possible de créer un site web uniquement en HTML, mais celui-ci ne sera pas très esthétique. Le langage CSS aide à améliorer le côté visuel d’un site web. La figure suivante montre une page montée sans CSS et la même page avec CSS.

Page 3: Compétences : Activité 1 : Le HTML et le CSSLe langage CSS aide à améliorer le côté visuel d’un site web. La figure suivante montre une page montée sans CSS et la même page

HTML – BTT1O4/5

3|Page

6. Si tu fais un clic droit sur une page web, tu verras s’afficher les langages qui ont

servi à la créer. La première figure montre ce qui se cache « derrière » une page web. C’est ce que lit le navigateur avant de la présenter dans le moniteur. La deuxième figure montre le résultat de ce que le navigateur a interprété. La même page web écrite en HTML et CSS peut être lue et présentée différemment selon le navigateur. Ceux qui conçoivent des sites web le savent et testent toujours leur travail sur de différents navigateurs.