Fenntasy

Histoire de mêler un peu deux de mes intéréts (le mot passion aurait peut-être été trop fort). Je vais vous présenter un des sites que j’ai réalisé, celui du club de Go de Lille (autrement dit Lillego). Vous pouvez le voir ici : http://lillego.free.fr. Je vous conseille de vous munir d’un navigateur moderne (autrement dit, si vous avez Internet Explorer, vous le verrez déformé) si vous voulez en profiter pleinement.
Pour faire simple, je pense le détailler en deux parties : l’une visuelle et au niveau du contenu et l’autre technique. Le principe de base était de mêler la sobriété à l’efficacité en utilisant les textes du précédent président du club.

Vous pouvez donc profiter du site pour découvrir quelques facettes du jeu de Go que je présenterai plus en détail sur ce blog une autre fois.

Tout d’abord, le visuel

Je n’ai réalisé aucune image, je n’ai fait que les mettre en ordre. Je dois aussi avouer que je me suis inspiré du site du tournoi de Lille, réalisé par un autre membre du club. Vous pouvez reconnaitre le menu en haut en une barre monocolore et le menu à gauche séparé par des traits avec un fond coloré quand on passe sur les liens.
Mais pour le club, la barre a grossi, a pris une couleur plus claire qui rapelle la couleur d’un goban (plateau de Go) et le “logo” (on cherche toujours à en avoir un mieux que celui là ) a pris place à gauche, tandis que deux joueurs monochromes ont prit la place droite. Les catégories ont droit à une pierre de Go au dessus de leur tête pour encore marteler que c’est un site qui concerne le Go. Chaque catégorie appelle un menu à gauche, dont la couleur de fond est la même que celle de la barre du haut quand on passe la souris, et actionne la première page (peut-être pas sous tous les navigateurs cependant). Cliquer sur une autre catégorie remplace automatiquement le menu qui, au passage, reste toujours fixé au même endroit de l’écran.

Ensuite le coté technique

Je ne rentrerai pas dans les détails purement technique dans cet article, ce n’est pas son but. Le site a été réalisé en php et utilise du javascript pour la navigation dans les pages et du xml pour les actualités. Le php n’est que très peu utile si ce n’est pour la partie actualités mais sert de lien entre le javascript et ses appels en ajax quand on change de page. Le nom de la page s’affiche dans la barre d’adresse quand on clique sur un lien du menu, cependant la page n’est pas rechargée. L’affichage de ce nom dans la barre d’adresse permet de faciliter la navigation et d’autoriser les marques-pages/favoris/bookmars/…
L’utilisation du xml, plutôt que de mysql pour l’actualité, a deux explications. La première, c’est que je voulais apprendre à m’en servir (et c’est pas toujours de la tarte). La seconde est de rendre le site un peu plus portable et ne pas dépendre d’une base de données. Tout est stocké dans des fichiers et archivés régulièrement pour éviter les longueurs d’analyse.
Enfin, ce dont je suis assez fier, le site est valide xhtml strict ! Ce qui n’a l’air de rien, mais qui devrait être beaucoup plus le cas dans le web. En plus de ça, ça prouve bien qu’Internet Explorer est nul puisque le site étant valide, c’est aux navigateurs de l’implémenter correctement et non à moi de m’arranger pour qu’il tourne chez tous les navigateurs en utilisant des bidouilles.

Bref, j’ai tenu à ce que cet article soit court et concis mais si vous voulez plus de précisions sur des techniques que j’ai utilisé, n’hésitez pas à le demander en commentaires.