Habiller votre site internet (1/2)

Difficulté Facile
Note
Thématiques
Mis à jour le mardi 8 janvier 2013

Si créer un site web peut se révéler passionnant et attrayant, il faut toutefois disposer des compétences nécessaires pour se lancer dans une telle aventure. Ainsi, concevoir un site internet un tant soit peu interactif, fonctionnel et sophistiqué, relève dans l'ordre des domaines informatiques suivants :

  • Charte graphique (design) : on peut choisir de faire cela en premier, en tout cas c'est une étape importante dans la conception de votre site, je veux parler de son design. On va alors réaliser ce que l'on appelle la charte graphique du site, c'est-à-dire la maquette qui va déterminer son aspect global (couleurs, formes, ...). A la fin de cette étape, on obtient une image au format JPEG ou PNG par exemple. Cette image, c'est la charte graphique, elle est la représentation finale de votre site.

  • Mise en forme (HTML et CSS) : une fois la charte graphique terminée, on va découper l'image et la décomposer en plusieurs petits morceaux puis, à l'aide des langages dits de balisage (souvent confondus avec les langages de programmation), on les assemblera afin de "mettre en boite" tous les morceaux pour reformer l'image et la rendre fonctionnelle pour le web. Ainsi, on sera ensuite à même de remplir le site de textes, formulaires, liens hypertextes, etc.

  • Développement : la dernière étape pour la conception d'un site internet consiste à procéder à son développement. Pour cela, on utilise des langages de programmation comme par exemple les deux inséparables PHP/MySQL avec lesquels nous allons rendre nos pages dynamiques pour, par exemple, permettre à nos visiteurs de publier des commentaires, de rédiger des actualités, de participer sur des forums de discussion, etc. D'ailleurs, le Site du Zéro lui-même est développé avec PHP. ;)

Vous l'aurez compris, en ce qui nous concerne, nous nous chargerons d'effectuer la toute première étape de conception puisqu'il s'agit d'utiliser Photoshop et de faire de l'infographie, tout simplement. Je vais tenter de vous initier à la dure tâche qu'est l'élaboration et la réalisation d'une charte graphique (ou "design", c'est comme vous voulez, selon votre préférence).

Il n'existe presque aucune normalisation dans ce domaine, il n'y a pas de charte graphique standard (d'ailleurs, une "charte" est par définition un ensemble de normes, et ce sera à vous de les déterminer) et surtout, on peut créer des milliers et des milliers de designs différents selon les thèmes sur lesquels ils portent, selon l'identité de leur propriétaire, selon les formes avec lesquelles ces designs ont été réalisés aussi... Bref, là où je veux en venir, c'est qu'il y a tellement d'éléments qui font d'une charte graphique qu'elle est différente d'une autre et unique que je ne pourrai sans doute pas traiter votre cas en particulier.

Ainsi, je ferai mon possible pour généraliser mes explications de sorte à ce que vous puissiez adopter différentes techniques de travail et que vos aptitudes en terme de création soient aussi diverses que variées.


L'auteur