Icônes de fonction : Les icônes de fonction sont inspirées des navigations et des déplacements qui ont lieu dans les documents ou les fichiers HTML traduisant les différents liens et déplacements.
Icônes	Analyses	Explications et Commentaires
= Aller au début	Cette icône comprend trois éléments : - une flèche grise dirigée vers le haut à l'intérieur - d'un carré gris de 32/32 pixels	Explication Top, Up, Retour au début du fichier. La flèche dirigée vers le haut indique le sens du déplacement. Elle renvoie au début du document. Le trait noir marqué indique la fin de la page ou du document html. Le carré gris comme la flèche, c'est le fichier. Commentaire Le tout a été groupé pour former un seul élément indissociable, l'icône de navigation dans les page html, en direction du haut, du début de cette page ou du fichier. Car le fichier ainsi représenté peut comporter qu'une page ou plusieurs. Parler de variable visuelle ; le trait foncé de la flèche dirigée vers le haut montre le sens de retour au début du fichier. La flèche traverse tout le carré pour suggérer que même si on se trouve à la fin ou au milieu du fichier on peut librement revenir au début. La couleur grise est le fait de l'habitude des couleurs des icônes. On imagine que le fichier ou la page c'est un carré qui peut avoir des dimensions variées, côtés égaux ou côtés égaux deux à deux.
= Aller à la fin	Cette icône est formée de trois éléments : - un carré qui représente le fichier actuel dans lequel vous vous trouvez ; - une flèche dirigée vers le bas indique le sens du mouvement du haut vers le bas . - A la partie inférieur du carré, se trouve une barre noire qui indique la fin du fichier ;	Explication : Down, fin de la page ou du fichier web : Cette icône," Aller à la fin du fichier" traduit la fonction de renvoyer à la fin du document actif. Cette fonction souvent sollicitée pour un aperçu rapide n'est pas représentée dans les fichiers et pages html. Elle est certes moins demandée que la fonction "Top up". Cette icône placée dans un document traduit le fait que l'on peut se rendre rapidement à la fin du document pour une raison ou une autre. Notez cependant que les liens qui ramification ou d'ouverture vers d'autre sites sont le plus souvent placés en bas des pages après une ligne de séparation. Commentaire : La flèche traverse tout le carré, illustre que c'est bien indiqué de placé cette icône en début de fichier ou de document html. Cela n'empêche de la placer à n'importe quel endroit dans le document ou le fichier si besoin est
= Aller à un point dans un autre document	Cette icône est formée de trois éléments principaux : - une flèche grise horizontale de gauche vers la droite un carré bicolore blanc et gris : les couleurs représente deux documents distincts. - un trait noir marqué à l'intérieur du carré dans le rectangle gris représentant un autre fichier ou un autre document	Explications : La partie blanche du carré représente le document dans lequel vous êtes et le rectangle gris le second document dans vous allez chercher une information. - Le trait noir marqué indique le point où se trouve l'information dans un autre fichier. Cette icône traduit d'aller d'un fichier dans un autre, à un point donné à l'intérieur du second fichier. Ce peut être à une tête de chapitre, de paragraphe, où au point d'une information particulière. Commentaires Les dimension 32/32 pixels ont sont relèvent des contraintes de la production. Nous avons pensé créer cette icône parce que nous avons constaté que de liens étaient souvent faits de sorte à renvoyer le lecteur à un endroit à l'intérieur d'un autre document. Ce lien n'est pas explicité de sorte que le lecteur sache qui a changé de fichier. Cette icône non seulement contribue à faciliter la navigation, mais aussi permet au lecteur de se situer.
=Aller à un point plus haut	Cette icône, "Aller à un point plus haut est composée de trois éléments : - un carré gris - un flèche dirigée vers le haut, ne traverse pas entièrement le carré arrive au niveau - d'un trait noir, marqué occupant qu'une moitié droite du carré	Aller à un titre, un paragraphe, un point plus haut dans ce document. Cette icône traduit dans le langage HTML , les déplacement induit par les balise < A href="#.."></A> qui renvoie à une autre <A Name="...."></A>. Elle doit se placer auprès de la balise qui contient le mot Name et inverser la démarche de lorsqu'on veut aller à un point plus bas. C'est aller par exemple au paragraphe précédent, ou au deuxième titre plus haut.
= Aller à un point plus bas	Cette icône, "Aller à un point plus bas est composée de trois éléments : - un carré gris - un flèche dirigée vers le bas, ne traverse pas entièrement le carré arrive au niveau - d'un trait noir, marqué occupant qu'une moitié gauche du carré	Explication : Aller à un titre, un paragraphe, un point plus bas dans ce document. Cette icône traduit dans le langage HTML , les déplacement induit par les balise < A href="#.."></A> qui renvoie à une autre <A Name="...."></A>

Icônes de Marquage : Les icônes de marquage émane de notre didactiel sur la géographie de la côte d'Ivoire. Elles représentent les différentes cultures industrielles présentes dans le didacticiel et servent à indiquer les zones de leur implantation.
Icônes	Analyse	Commentaires
=Cacao	Cette icône est composée de deux éléments principaux et un rectangle blanc dans lequel est inscrit l'objet oval: - une fève à la forme ovale de couleur violette - une légende noire portant l'inscription Cacao	Ces deux éléments groupés forment icône qui représente la fève de cacao. Le rectangle blanc est la marque de la région productrice de cacao. En effet dans la cabosse de cacao, il y a plusieurs fèves autour d'une nervure centrale effilée ; les fèves sont en réalité en grappe. La couleur de la fève dépourvue de sa coque ou coupée est violette, alors que la cabosse est verte lorsqu'elle n'est pas encore mure et jaune selon l'espèce lorsqu'elle est mure. Cette icône sert dans notre didacticiel à indiquer les région où se fait la production du cacao en Côte d'Ivoire.
	Cette icône est composé de deux éléments pricipaux. - un rond vert représentant la cerise de café et - une zone de texte où est inscrite la légende le nom Café.	La cerise de café est verte non mûre et rouge lorsqu'elle est mûre. Cette icône représente la cerise et sert à indiquer les régions productrices de café en Côte d'Ivoire. Il est inutile de chercher des formes compliquées pour représentation qui ne souffre pas de concurrence.
=Climat attéen	L'icône du climat attéen est formée de deux éléments : Le nom du climat " Climat attéen " et - un dessin d'arbre vert foncé.	L'arbre supplante l'inscription du nom traduit la grandeur ou la hauteur de arbre des zones de climat attéen. La couleur verte de cet arbre indique la richesse de la verdure et l'épaisseur de ces forêts qu'on appelle forêts dense. Cette icône indique les régions de la Côte d'Ivoire couverte par le climat attéen . Ce climat comprend deux saisons humides et deux saisons chaudes.
=Forêt dense	L'icône de la forêt dense est composée de deux éléments : Le nom de la forêt " forêt dense " et - un dessin d'arbre vert foncé.	Les explications et commentaires sur le climat attéen sont valables pour l'icône de la forêt dense. Grands arbres verts. Le rectangle vert, c'est la végétation, le blanc, c'est le dessus des cimes de grands arbres, le vide atmosphérique.
Conclusion : quelques difficultés techniques Les icônes de fonctions sont affectées à des actions de navigations dans les documents et fichiers web pendant que les icônes de marquage sont celles qui proviennent de notre didacticiel et qui sont affectées à faire repérer des zones de cultures et de végétions en Côte d'Ivoire. Ce didacticiel s'adresse à des élèves de CM dans les écoles primaires ivoiriennes. Nous avons choisi deux icônes pour les culture, une icône pour la végétation et une icône pour le climat dans les séries d'icônes de marquages. En ce qui concerne les icônes de fonction nous nous sommes limités ici au nomre quatre imposé. Il serait intéressant de développer davantage les icônes qui traduisent les différentes formes de liens dans les hypertextes notamment dans les documents html. Nous avons rencontré quelques difficultés techniques pour créer ces icônes dans ce documents. Nous avons essayé de récupérer celles que nous avions conçues avec authauware, mais la conversion n'était pas parfaite dans Paint Shop pro3..Nous avons dû reprendre la création des icônes de marquage avec l'outil de dessin de Msword7 avant de faire leur conversion au format gif que nécessitent les documents html.