Explorer HTML Pr Benoudifa 11242020 1 Plan n
Explorer HTML Pr Benoudifa 11/24/2020 1
Plan n n Introduction Définitions Evolution du Web. Les Protocoles. n n n n HTTPS WAP … Les langages du Web. Serveurs Web du marché. Les navigateurs Web. La page HTML canonique. 11/24/2020 2
Plan n Editeurs HTML. n n n Text WISIWIG L’HTML n n n n 11/24/2020 Règles de saisie Marquage du texte Couleurs en HTML Liens Hypertext Structurer le texte Tableaux Formulaires 3
Plan n L’HTML n n n 11/24/2020 Frames et iframes Les Meta informations Le bon style HTML 4
Vous avez dit WWW ? n Fin 1989 : n Tim Berners Lee présente le projet n « World Wide Web » pages Web n Le Web = manière d’utiliser Internet n Tout se fond dans “le Web” 11/24/2020 5
Le Web n n n Besoins exprimés par les chercheurs Le Web est composé de pages Web (= pages HTML) sur des serveurs web Chacune des pages web est repérée par une adresse unique appelée URL 11/24/2020 6
Evolution des applications Web (statique) n Les organisations fournissent des informations à plus de monde possible en utilisant le Web. L’information est mise à disposition comme pages HTML statiques. 11/24/2020 7
Evolution des applications Web (Applets) n La présentation du contenu est amélioré avec les applets java, le javascript et d’autres programmes clients. 11/24/2020 8
Protocole HTTP n Le Hypertext Transfer Protocol, plus connu sous l'abréviation HTTP, littéralement le « protocole de transfert hypertexte » , est un protocole de communication client-serveur développé pour le World Wide Web. Il est utilisé pour échanger toute sorte de données entre client HTTP et serveur HTTP. 11/24/2020 9
Adresse HTTP http: //www. doctissimo. fr/html/dossiers/allergies. htm Protocole 11/24/2020 Serveur Chemin Ressource 10
Navigateur (Browser) n n Logiciel client capable d’interroger les serveurs web et d’exploiter leurs resultats permet de surfer sur le Net et d'afficher sur votre écran les "pages" qu'il a interceptées. 11/24/2020 11
Navigateur (Browser) (2) n Navigateurs n n Netscape (. htm) Internet Explorer Mozilla Firefox Safari 11/24/2020 12
Protocole HTTPS n Hyper Text Transfert Protocole over SSL : Protocole de transfert de fichiers Hyper Texte via le protocle de chiffrement SSL. 11/24/2020 13
Protocole HTTPS L’utilisateur accepte un certificat avant de continuer 11/24/2020 14
Protocole HTTPS 11/24/2020 Nécessaire pour les pages d’administrations et les pages de payement en ligne 15
Protocole WAP n Le Wireless Application Protocol (WAP) est un protocole de communication dont le but est de permettre d'accéder à Internet à l'aide d'un terminal mobile (par exemple un téléphone portable, un PDA. . . ). Il est maintenu par le Wap Forum. 11/24/2020 16
Protocole WAP 11/24/2020 17
Langages du Web n n L’évolution du Web a entraîné celle des langages dédié à son utilisation : Langage de mise en forme : n n n 11/24/2020 HTML XHTML VRML WML … 18
Langages du Web n Langages de scripts (coté client): n n 11/24/2020 Javascript Jscript VBScript … 19
Langages du Web n Langages de scripts (coté serveur): n n PHP JSP ASP …Autres langages utilisées dans les applications Web: n n 11/24/2020 Java C# Perl … 20
Serveur Web n n Les serveurs Web ne sont pas liés a une architecture matérielle, aussi existent-ils pour plusieurs systèmes d’exploitation. Les serveurs Web les plus utilisés sont : n n 11/24/2020 Apache Httpd IIS Sun. One Tomcat … 21
Principaux Serveur Web 11/24/2020 22
Vos premiers outils Vous avez besoin : n d'un éditeur de texte : Bloc note, Notepad. . d’un navigateur n n Vous n’avez pas besoin : n n 11/24/2020 d'être connecté pour écrire, voir et peaufiner vos pages Html. 23
Nous Commençons ? ? ? Lets Go !!!!! 11/24/2020 24
HTML n Le langage Html est un langage qui permet de créer une page web. il est l'abréviation de Hyper Text Markup Language Version 4. 01 (12/1999), DHTML (Dynamic HTML) … n XHTML : reformulation du HTML en XML n 11/24/2020 25
Exemple 11/24/2020 26
Code Source 11/24/2020 27
Allure d’un fichier HTML <html> <head> <title> Bonjour monde </title> </head> <body> Ceci est tout simple </body> </html> 11/24/2020 28
Donc HTML est constitué de quoi? n Le langage HTML n'est pas un langage de programmation proprement dit ! comme le c / c++ , vb …etc. Ce sont "simplement" des balises (ou tag en anglais) pour mettre en forme du texte et des images ! 11/24/2020 29
Allure d’un fichier HTML 11/24/2020 30
Règles D’édition HTML n NB : les caractères blancs (espaces, tabulations et retours à la ligne) ne sont pas interprétés 11/24/2020 31
Règles D’édition HTML n n n Définir un dossier et une arborescence pour le site Donner une extension html ou htm aux fichiers crées Tester l’affichage dans les navigateurs importants n n 11/24/2020 Internet explorer Firefox 32
Qu'est ce qu'une balise ? n n Une balise est une "instruction" comprise entre crochets < > qui possède un nom et parfois des attributs. La plupart doivent être fermées n n Exemple : votre texte </br> Peuvent posséder des attributs n 11/24/2020 <balise attribut 1=valeur_num attribut 2=“valeur_alpha-numérique”> … </balise> 33
Règles De Base Pour L'écriture En Langage Html (1) n n Un document html "standard" doit impérativement commencer par <HTML> et finir par </HTML>. Les commandes HTML ont une marque de début et une marque de fin. Certaines marques de fin sont facultatives. 11/24/2020 34
Règles De Base Pour L'écriture En Langage Html (2) n n n Les commandes HTML utilisent les caractères < et > comme délimiteurs. Les commandes HTML peuvent être écrites en minuscules ou en majuscules. Tout ce qui n'est pas compris entre "<" et ">" est tout simplement considéré comme du texte à afficher. 11/24/2020 35
Structure D'un Document Html n n n n <HTML> </HTML> <HEAD> </HEAD> <TITLE> </TITLE> <BODY> </ BODY> 11/24/2020 Ceci est le début d'un document de type HTML. Ceci est la fin d'un document de type HTML. Ceci est le début de la zone d'en-tête. Ceci est la fin de la zone d'en-tête. Ceci est le début du titre de la page. Ceci est la fin du titre de la page. Ceci est le début du document proprement dit. Ceci est la fin du document proprement dit. 36
Exemple 11/24/2020 37
Page HTML canonique Version d’html utilisée Entête de la page Corp de la page 11/24/2020 38
Votre première page HTML Voici enfin le moment de créer votre première page HTML. Allez au boulot !!!!!! 11/24/2020 39
Votre première page HTML 11/24/2020 40
Règles générales n Imbrication : le chevauchement des balises n’est pas permis <h 1><b> bla </h 1><b> 11/24/2020 41
L’en-tête n BASE permet de conserver une trace de l’URL du document, par exemple : <BASE HREF= “ http: //hote/repertoire/document. html ”> Ceci autorise l’écriture d’URL dans le reste du document sous forme partielle, basée sur l’URL de base, par exemple : <IMG SRC= “ images/monimage. gif ”> peut être écrit à la place de <IMG SRC= “ http: //hote/repertoire/images/monimage. gif ”> 11/24/2020 42
L’en-tête - META intègre des informations spéciales concernant le document, informations qui ne sont pas définies par d’autres éléments HTML. - <META NAME="Auteur" CONTENT="Johann"> 11/24/2020 43
L’en-tête - TITLE indique le nom du document HTML, qui sera affiché dans la barre de titre. - Exemple: <HEAD><TITLE>Guide HTML</TITLE> </HEAD> 11/24/2020 44
Formatage du texte : les titres n H 1 -> H 6 Définit 6 niveaux pour les titres. Chaque niveau possède son propre style. 11/24/2020 45
Formatage du texte : les titres : L’attribut ALIGN spécifie l’alignement n Paramètres n horizontal d’un titre ALIGN = LEFT/RIGHT/CENTER <H 1 align="right"> 11/24/2020 46
Formatage du texte : les paragraphes n P Constitue un nouveau paragraphe = un double retour à la ligne. : L’attribut ALIGN spécifie l’alignement n Paramètres n horizontal d’un paragraphe ALIGN = LEFT/RIGHT/CENTER <P align="right"> 11/24/2020 47
Exercice 11/24/2020 48
11/24/2020 49
Les paragraphes Pour aligner du texte, on peut utilisé l'attribut ALIGN avec la balise <P> lui affectant la valeur Center , ou le tag <CENTER>. Il existe une balise permettant d'aligner différents éléments. c'est le tag : <DIV align=left>. . . </DIV> <DIV align=center>. . . </DIV> <DIV align=right>. . . </DIV> 11/24/2020 50
Les paragraphes n Le tag <BLOCKQUOTE> permet de décaler le paragraphe à droite 11/24/2020 51
Les caractères spéciaux n Pour afficher les symboles <, >, &, " sans qu'ils ne soient interprétés comme des délimiteurs de marqueurs, il faut utiliser les codes suivant : 11/24/2020 52
Les caractères spéciaux < < > > & & " " 11/24/2020 53
Les caractères spéciaux Code Majuscule obtenue Code Minuscule obtenue Á Á á á À À à à Â â â Ã Ã ã Ã Å Å Ä Ä &aulm; ä &Aelig; Æ æ æ Ç Ç ç ç É É é é È È è è Ê Ê ê ê 11/24/2020 54
Les séparateurs n saut de ligne (sans balise fermante) n <hr> ligne horizontale n Paramètres : n n n SIZE : spécifie l’épaisseur de la barre WIDTH : Spécifie la longueur de la ligne ALIGN : Spécifie l’alignement de la ligne <hr size=epaisseur width=largeur align=alignement color=couleur > 11/24/2020 55
Le texte dans les pages Web 11/24/2020 56
Le texte dans les pages Web n n n n <HTML> <HEAD><TITLE></HEAD> <BODY>texte simple<BR> <B>texte en gras</B><BR> <STRONG>texte en gras</STRONG><BR> <I>texte en italique</I><BR> <EM>texte en italique</EM><BR> <B><I>texte en gras et en italique</I></B><BR> <FONT SIZE=5>texte</FONT> <FONT COLOR="#0000 FF">en bleu</FONT> <!--C'est fini--> </BODY> </HTML> 11/24/2020 57
Le texte dans les pages Web n n n <sup> le texte sera mis en exposant <sub> le texte sera mis en indice <s> le texte sera barré 11/24/2020 58
Les polices n Avec la balise <font> on peut jouer sur la taille ( size =“ 1” ), la taille relative ( size =“+1” ) , la couleur ( color =“green” ) et la police des caractères ( face =“Lucinda, Arial” ) n <FONT SIZE=5>texte</FONT> n <FONT COLOR=blue face= arial size= 20> coucou</FONT> 11/24/2020 59
Couleurs en HTML n n Les couleurs peuvent être indiquées par un codage hexadécimal ou par une désignation significative plus facile à mémoriser. Le code couleur se compose de 3 valeurs hexadécimales n n n 11/24/2020 Rouge Verte Bleue 60
Coleurs en HTML n La couleur html se présente comme n n #RRGGBB Exemples : n n 11/24/2020 white : #FFFFFF gray : #808080 green : #00 FF 00 orange : #FFA 500 61
n Voici les codes de quelques couleurs basiques. Bleu #0000 FF Vert #00 FF 00 Blanc #FFFFFF Violet #8000 FF Rouge #FF 0000 Jaune #FFFF 00 Gris clair #C 0 C 0 C 0 Noir #000000 11/24/2020 62
Série N° 1 n Faire l’atelier N° 1 11/24/2020 63
n Réaliser la page Web simple illustrée par la copie écran ci-dessous. 11/24/2020 64
Option de body n n BACKGROUND : Permet de mettre une image dans le fond de la page. Exemple : <BODY BACKGROUND="cahier. gif"> BGCOLOR : Permet de changer la couleur de l'arrière plan sans avoir à charger une image, là aussi, il faudra veiller à ce que le texte et les liens soient visibles dans tous les cas. Par défaut, le fond de page est en blanc, le texte en noir, les liens en bleu souligné, les liens activés en rouge et les liens visités en violet. 11/24/2020 65
Option de body n n TEXT : Permet de changer la couleur du texte, par défaut cette couleur est en principe le noir, mais elle peut-être changée dans les préférences du browser. LINK : Permet de changer la couleur des liens. ALINK : Permet de changer la couleur des liens sélectionnés. VLINK : Permet de changer la couleur des liens déjà visités. <BODY BGCOLOR="couleur" TEXT="couleur" LINK="couleur" ALINK="couleur" VLINK="couleur">. 11/24/2020 66
Liste non numérotée <UL> n <LH>Entête en option</LH> n <LI>Point numéro 1 n <LI>Point numéro 2 n <LI>Point numéro 3 n <LI>Point numéro 4 </UL> 11/24/2020 67
Liste numérotée <OL> n <LH>Entête en option</LH> n <LI>Point numéro 1 n <LI>Point numéro 2 n <LI>Point numéro 3 n <LI>Point numéro 4 </OL> 11/24/2020 68
11/24/2020 69
Exercice 11/24/2020 70
11/24/2020 71
11/24/2020 72
11/24/2020 73
L'hypertexte & les liens : Internet etc. Lien externe : n <a href=“URL cible”> … </a> <a href="http: //www. menara. ma"> Site menara </a> Lien local : n n 11/24/2020 <a href=". . /index. html">. . . </a> (c’est une adresse relative) <a href="file: ///lecteur: /répertoire/index. html">. . . </a> (c’est une adresse absolue) 74
Les ancres ou signets q Des liens peuvent aussi pointer vers un endroit précis du même document ou d'un autre fichier. C'est ce qu'on appelle les ancres, ancrages ou pointeurs [Anchor]. 11/24/2020 75
Les ancres ou signets n On veut se positionner dans cet exemple en haut de la page (le titre). n n 11/24/2020 Identifier la cible avec <A NAME="titre">Texte ou image</A> utiliser le marqueur: <A HREF="#Titre">pour y aller</A> 76
Exercice 11/24/2020 77
Images n n <img src=“chemin”> ou <img src=URL> <img src=“mon_image. gif” align=TOP alt=“nom_d_image”> <a href=“URL”> <img … > </a> 11/24/2020 78
Images 11/24/2020 79
Images 11/24/2020 80
Tableaux 11/24/2020 81
Tableaux 11/24/2020 82
Tableaux 11/24/2020 83
Tableaux 11/24/2020 84
Tableaux (ex 1) 11/24/2020 85
Tableaux (Sol 1) n n n n n <HTML> <HEAD> <TITLE>tableau 1</TITLE> </HEAD> <BODY> <CENTER> <TABLE BORDER> <CAPTION ALIGN=top> PREMIER TABLEAU</CAPTION> <TR> <TD>ligne 1 ; cellule 1</TD> <TD>ligne 1 ; cellule 2</TD> </TR> <TD>ligne 2 ; cellule 1</TD> <TD>ligne 2 ; cellule 2</TD> </TR> </TABLE> </CENTER> </BODY> </HTML> 11/24/2020 86
Tableaux (ex 2) 11/24/2020 87
Tableaux (Sol 2) n n n n n <HTML> <HEAD><TITLE>tableau 2</TITLE></HEAD> <Body> <TABLE BORDER=8 CELLPADDING=10> <CAPTION ALIGN=bottom>DEUXIEME TABLEAU </CAPTION> <TR> <TH COLSPAN=5>LETTRES</TH> </TR> <TD>Aa</TD><TD>Bb</TD><TD>Cc</TD><TD>Dd</TD><TD>Ee</TD> </TR> <TD>Ff</TD><TD>Gg</TD><TD>Hh</TD><TD>Ii</TD><TD>Jj</TD> </TR> </TABLE> </BODY> </HTML> 11/24/2020 88
Tableaux (ex 3) 11/24/2020 89
Tableaux (Sol 3) n n n n n <HTML> <HEAD><TITLE>tableau 3</TITLE></HEAD> <Body> <TABLE BORDER=12 CELLSPACING=10 CELLPADDING=10> <TR> <TH ROWSPAN=2><FONT SIZE=7>LETTRES</FONT></TH> <TD><FONT SIZE=6>Aaa</FONT></TD><TD VALIGN=top>Bbb</TD> <TD VALIGN=bottom>Ccc</TD><TD VALIGN=top>Ddd</TD> <TD VALIGN=bottom>Eee</TD> </TR> <TR ALIGN=right> <TD ALIGN=left><FONT SIZE=6>F</FONT></TD> <TD>G</TD><TD>H</TD><TD>I</TD><TD>J</TD> </TR> </TABLE> <CENTER><H 1>Tableau 3</H 1></CENTER> <BODY> <HTML> 11/24/2020 90
Tableaux (ex 4) 11/24/2020 91
Tableaux (Sol 4) n n n n n <HTML> <HEAD><TITLE>tableau 4</TITLE></HEAD> <Body> <TABLE BORDER=5> <TR> <TD ROWSPAN=2><IMG SRC="225 sbe 52. jpg"></TD> <TD><IMG WIDTH=70 HEIGHT=50 SRC="225 sbe 52. jpg" WIDTH=50% HEIGHT=50%></TD> <TD><IMG WIDTH=70 HEIGHT=50 SRC="225 sbe 52. jpg"></TD> </TR> <TD>rien</TD> <TD><IMG WIDTH=70 HEIGHT=50 SRC="225 sbe 52. jpg"></TD> </TR> </TABLE> </BODY> </HTML> 11/24/2020 92
Ex 5 11/24/2020 93
Les formulaires 11/24/2020 94
Les formulaires 11/24/2020 95
Les formulaires-Zone de texte multiligne 11/24/2020 96
Les formulaires-liste de sélection 11/24/2020 97
Les formulaires-liste de sélection 11/24/2020 98
Les formulaires- Case à cocher 11/24/2020 99
Les formulaires-Boutons de sélection 11/24/2020 100
Les formulaires-Boutons de sélection 11/24/2020 101
Les formulaires 11/24/2020 102
Les formulaires-Boutons de sélection 11/24/2020 103
Exercice 1 11/24/2020 104
Solution 1 <html> <body> n <p><form name=monformulaire> n <table BORDER WIDTH="300" HEIGHT="125" > n <tr> n <td><input type=button value= Nom ></td> n <td><input type=text name=nom size=20></td> n </tr> n <td><input type=button value= Telephone ></td> n <td><input type=text name=tel size=20></td> n </tr> n <td><input type=button value= Adresse ></td> n <td><input type=text name=adresse size=20></td> n </tr> n </table> n </form> n </BODY> n </HTML> 11/24/2020 n 105
Exercice 2 11/24/2020 106
11/24/2020 107
Exercice 11/24/2020 108
11/24/2020 109
Exercice 11/24/2020 110
11/24/2020 111
Les Frames 11/24/2020 112
Les Frames n n n Attention! <FRAMESET></FRAMESET> remplace <BODY></BODY> L'attribut ROWS="hauteur 1, hauteur 2, . . . , hauteur. N" définit la hauteur des différentes fenêtres en cas de division horizontale. La hauteur s'exprime en pixels ou en %. Dans ce cas, on veillera à ce que le total soit égal à 100%; 11/24/2020 113
Les Frames 11/24/2020 114
Les Frames 11/24/2020 115
Les Frames n <FRAME SRC="url_à_mettre_dans_la_zone" n NAME="donne_un_nom_à_cette_fenêtre" n MARGINWIDTH="marges_gauches_et_droites_en_pixels" n MARGINHEIGHT="marges_hautes_et_basses_en_pixels" n n SCROLLING="yes" si on veut (yes)(ou non(no), ou automatique(auto)) l'échelle NORESIZE > empêche l'utilisateur de bouger les positions des zones 11/24/2020 116
Les Frames 11/24/2020 117
Navigation entre frames Dans une page liens. html on insere les liens suivants: <UL> <li><a href="inscription. html" target="w 2">Inscription</a> <li><a href="index. html" target="w 2">Accueil</a> <li><a href="Formulaire. html" target="w 2">Formulaire</a> </UL> Dans la page principale: <frameset cols="20%, 80%"> <FRAME name="w 1" src="liens. html" /> <FRAME name="w 2" SRC="formulaire. html"> </frameset> 11/24/2020 118
Placer du multimédia sur une page Web n La balise <embed> ou <bgsound> La balise permet d'inclure n'importe quel son. Voici les attributs de la balise <embed> : - align : aligne la console ou le texte (4 valeurs possibles, right, left, top, bottom). - border : Largeur de la bordure du cadre (en pixels) - width : Largeur de la fenêtre qui accueillera la console - height : Hauteur de la fenêtre qui accueillera la console 11/24/2020 119
Insérer un audio En théorie, il suffit d'une simple balise pour jouer un son sur notre page : 1<audio src="musique. mp 3"></audio> En pratique, c'est un peu plus compliqué que cela. Si vous testez ce code… vous ne verrez rien ! En effet, le navigateur va seulement télécharger les informations générales sur le fichier (on parle de métadonnées) mais il ne se passera rien de particulier. Vous pouvez compléter la balise des attributs suivants : controls : pour ajouter les boutons « Lecture » , « Pause » et la barre de défilement. Cela peut sembler indispensable, et vous demandez peut-être pourquoi cela n'y figure pas par défaut, mais certains sites web préfèrent créer euxmêmes leurs propres boutons et commander la lecture avec du Java. Script. width : pour modifier la largeur de l'outil de lecture audio. loop : la musique sera jouée en boucle. autoplay : la musique sera jouée dès le chargement de la page. Évitez d'en abuser, c'est en général irritant d'arriver sur un site qui joue de la musique tout seul ! preload : indique si la musique peut être préchargée dès le chargement de la page ou non. Cet attribut peut prendre les valeurs : auto (par défaut) : le navigateur décide s'il doit précharger toute la musique, uniquement les métadonnées ou rien du tout. metadata : charge uniquement les métadonnées (durée, etc. ). none : pas de préchargement. Utile si vous ne voulez pas gaspiller de bande passante sur votre site. On ne peut pas forcer le préchargement de la musique, c'est toujours le navigateur qui décide. Les navigateurs mobiles, par exemple, ne préchargent jamais la musique pour économiser la bande passante (le temps de chargement étant long sur un portable). 11/24/2020 120
Insérer une vidéo Il suffit d'une simple balise <video> pour insérer une vidéo dans la page : 1<video src="sintel. webm"></video> Mais, là encore, vous risquez d'être déçus si vous utilisez seulement ce code. Aucun contrôle ne permet de lancer la vidéo ! Rajoutons quelques attributs (la plupart sont les mêmes que pour la balise <audio>) : poster : image à afficher à la place de la vidéo tant que celle-ci n'est pas lancée. Par défaut, le navigateur prend la première image de la vidéo mais, comme il s'agit souvent d'une image noire ou d'une image peu représentative de la vidéo, je vous conseille d'en créer une ! Vous pouvez tout simplement faire une capture d'écran d'un moment de la vidéo. controls : pour ajouter les boutons « Lecture » , « Pause » et la barre de défilement. Cela peut sembler indispensable, mais certains sites web préfèrent créer eux-mêmes leurs propres boutons et commander la lecture avec du Java. Script. En ce qui nous concerne, ce sera largement suffisant ! width : pour modifier la largeur de la vidéo. height : pour modifier la hauteur de la vidéo. loop : la vidéo sera jouée en boucle. autoplay : la vidéo sera jouée dès le chargement de la page. Là encore, évitez d'en abuser, c'est en général irritant d'arriver sur un site qui lance quelque chose tout seul ! preload : indique si la vidéo peut être préchargée dès le chargement de la page ou non. Cet attribut peut prendre les valeurs : auto (par défaut) : le navigateur décide s'il doit précharger toute la vidéo, uniquement les métadonnées ou rien du tout. metadata : charge uniquement les métadonnées (durée, dimensions, etc. ). none : pas de préchargement. Utile si vous souhaitez éviter le gaspillage de bande passante sur votre site. 11/24/2020 121
La balise <embed> n - src : URL complète (chemin) du fichier - autostart : Spécifie si l'objet multimédia est joué automatiquement (true) ou non (false) (défaut : true) - autoload : Spécifie si le chargement de l'objet multimédia s'effectue automatiquement (true) ou non (false) (défaut : true) - loop : Spécifie le nombre de fois où le fichier sera joué (si la valeur est ? 1 le fichier sera joué indéfiniment) 11/24/2020 122
Les Images Map n Une image Map ou réactive est ainsi nommée car elle se trouve divisée en plusieurs zones qui correspondent chacune à un lien hypertexte. 11/24/2020 123
Les Images Map 11/24/2020 124
Les Images Map http: //formation. upyupy. fr/html-xhtml/images-map/ 11/24/2020 125
Les Images Map 11/24/2020 126
- Slides: 126