Zone <infographie>
       

 Zone <infographie> est un site de références sur l'infographie et la création de sites web.

 Références sur l'infographie et la création de sites web

  Formats de fichiers
  Transparence
  Résolution
  Tonalité et palettes
  Couleurs, motifs
  Images cliquables
  GIFs animés
  HTML
  rgb-hexadécimal
 

  Techniques sur l'infographie et la création de sites web

  Création de motifs
 

 Liste de liens sur l'infographie et la création de sites web

  L'infographie et le web

 


  Couleurs, motifs

Modifié le 22.06.2006

Création de motifs répétitifs (patterns)

Couleurs (texte, fonds d'écrans, liens)

Les navigateurs tels que Netscape et Explorer, permettent de choisir des couleurs précises pour le fond d'écran, le texte et les liens hypertextes (visités, non-visités, et actifs). Ces couleurs sont spécifiques à un document ou page HTML.

Netscape propose ces extensions en collaboration avec W3C, le Internet Engineering Task Force (IETF) et les auteurs d'autres fureteurs WWW.

On peut choisir ces couleurs dans une palette de 24 bits, soit 16,7 millions de couleurs. En fait, on peut donner à ces éléments n'importe quelle couleur dans la gamme des couleurs RVB, rouge,vert, bleu (RGB) ou couleur vidéo.

Il faut convertir les valeurs décimales RGB en valeurs hexadécimales. Par exemple le blanc équivaut à 255, 255, 255 en valeurs RGB, et se convertit en FF FF FF en valeurs hexadécimales. Se référer à la table de conversion RGB / hexadécimal du chapître sur la transparence.
Haut

Motifs

Les versions récentes de HTML permettent de spécifier un lien hypertexte vers un fichier image qui sera utilisé comme fond d'écran dans le document. Dans les navigateurs on peut se servir de cette option pour donner au fond d'écran un motif répétitif (pattern ). Images, texte et éléments s'impriment alors à l'écran par dessus ce motif.

Pour une description de diverses techniques pour construire des motifs répétitifs, voir la page suivante sur la création des motifs.
Haut

Les couleurs de Netscape ou WEB SAFE COLORS

Lorsque l'on utilise une carte vidéo qui affiche 256 couleurs ou moins, Netscape utilise un procédé de dithering qui lui est propre et qui diffère de celui de Photoshop, par exemple. On nomme dithering le procédé qui permet de simuler à l'écran des couleurs, en juxtaposant des pixels de différentes couleurs (par exemple une juxtaposition de pixels jaunes et rouges va simuler la couleur orange). On utilise ce procédé lorsque la gamme des couleur n'est pas complète.

Comme la majorité des usagers d'Internet a accès, à l'heure actuelle, à des systèmes qui gèrent 24bit d'information couleurs, cette méthode n'est plus nécessaire. Toutefois la voici tout de même pour votre information:
Haut


Méthode de travail pour les systèmes n'affichant qu'en 256 couleurs (8 bit)

Il est indispensable de toujours vérifier ses images dans Netscape, une visualisation dans Photoshop ou un autre logiciel de traitement ou de conversion d'images étant insuffisant. Sur le Macintosh, et peut-être sur Windows il est aussi indispensable de quitter Photoshop avant de visualiser les images dans Netscape, le shéma de dithering de Photoshop faisant interférence avec celui de Netscape lorsque les deux logiciels sont ouverts
Haut en même temps.

Le secret

Le secret: Netscape utilise une palette de 216 couleurs (6x6x6) et affichera celles-ci sans dithering (théoriquement). Cette palette utilise les couleurs représentées par Rouge, Vert, Bleu pour lesquelles les valeurs sont les suivantes:

Décimal 0 51 102 153 204 255
Hexadécimal 00 33 66 99 CC FF
Autrement dit:
toutes les couleurs créées avec des combinaisons de ces valeurs, et uniquement celles-ci s'afficheront SANS DITHERING.

Par exemple:

Décimal Rouge=51 Vert=102 Bleu=153 51-102-153
Hexadécimal 33 66 99 336699
Truc: Copier cette image et ouvrez la dans Photoshop. Allez dans le Menu Mode > Color Table.
Choisissez l'option Save pour créer une table de couleurs réutilisable que vous nommerez: Netscape 216.

 

Haut

 

 

Publicité:

Bit

Le bit est une unité de mesure en informatique désignant la quantité élémentaire d'information représentée par un chiffre binaire.

Le mot bit est la contraction de l'anglais binary digit, qui signifie « chiffre binaire ». En anglais, bit a aussi le sens de « fragment » ou de « parcelle ».

 


 
 

Zone <infographie>, une présentation d'Création de sites web au Québec, une compagnie du Québec qui offre des services en création de sites web.

Si vous avez des questions sur le contenu du site où si vous avez des besoins en infographie, création de sites web, ou référérencement de sites web, contactez le site Internet d'Orénoque interactif, ou écrivez-vous: Questions sur l'infographie et la création de sites web.


PARTENAIRES:
Top-Ten Guides: More Than Just Gift Ideas - Les Guides Top-Ten: plus que des idées de cadeaux