Versions du site
Version 5.0
La version 5.0 du site est basée sur la technologie utilisée pour la version 4 (avec quelques évolutions, comme décrit ci-contre) mais avec des changements de design : une évolution du look qui rend le site moins sobre et une réimplémentation de toute la partie Javascript du site. Concrètement :
- Une bande horizontale, sous le titre du site, contient le chemin dans l'arborescence du site où se trouve la page en cours, avec les liens vers les niveaux supérieurs quand c'est applicable.
- Suppression du compteur de visites.
- Quand il s'agit de lister des éléments / rubriques avec description et/ou image, adoption d'un look "petits cadres reliés par un rail vertical", dont les encadrés à droite de cette page sont un exemple. Ce look cohabite avec le style "séparateur de rubriques par des barres horizontales" qui existait déjà dans la version 4. J'utilise l'un ou l'autre selon les endroits et les envies.
- La bande de titre au-dessus se resserre horizontalement, ainsi elle ne surplombe plus le menu qui a donc plus de place pour grandir.
- Menu réorganisé en cadres (dans le style "petits cadres reliés par un rail vertical") par thèmes : un cadre Japon, un cadre Animé, un cadre JPop, un cadre avec les outils (recherche, liens vers chat et forum), un cadre pour les liens vers les sites partenaires on topic, et un autre pour les off topic.
- Le menu contextuel de navigation dans un sous-site (comme la partie archive des news par exemple) est désormais centralisé (via du javascript) et se logera dans le cadre d'outils.
- Un système de petites images qui changent chaque jour vient embellir les principaux cadres du menu, ce qui rend le site plus chaleureux.
- Depuis la version 4.1, premier pas vers la 5.0 et sortie quelques semaines plus tôt, les sous-sites les plus actifs avaient reçu leur système de news basique (non historisé à long terme) dont la plus récente est reprise sur la page d'accueil de B-ZONE sur un cadre appelé "Aperçu des nouveautés du site".
- Pour les pages les plus longues, dans la version 4 (et sur la plupart des sites sans frames), une fois qu'on défile un peu trop bas, on ne voyait plus le menu (ou sur certains site le menu se déplace à l'aide d'un script javascript mais c'est plus ennuyeux qu'autre chose). Ici, j'essaie d'innover ^_^ avec une solution simple : faire en sorte que le menu se répète si l'espace disponible est suffisant. Ceci est facilité par le modèle en 3 couches adopté (voir l'encadré "Technologies", ci-contre).
- Toujours pour les pages dont la longueur dépasse celle du menu, j'ai prévu quelques cadres supplémentaires qui ne figurent pas dans le menu standard (voir exemples ci-dessous). J'ai aussi prévu la possibilité d'un cadre "libre" (éventuel) que la page elle-même peut remplir. Je n'ai pas encore beaucoup exploité cette possibilité dans les pages du site jusqu'ici.
- Sur certaines pages, dans le menu, un cadre "aperçu du forum" contient une 'iframe' vers une page en php qui affiche les topics récents sur le forum.
- Sur certaines pages, dans le menu, un cadre montre l'équivalent du cadre "Aperçu des nouveautés du site" de la page d'accueil. Ce dernier repose maintenant sur un script javascript centralisé. D'ailleurs, si vous voulez afficher son contenu sur votre site, ce qui le lie au mien, c'est possible et permis (écrivez-moi). ^_^
- Sur certaines pages, dans le menu, un cadre fait une sorte de publicité pour une page/article/mini-site de B-ZONE. Le contenu du cadre est pris aléatoirement parmi un certain nombre de cadres possibles.
- Quelques autres petits changements mineurs du look. Un peu plus de couleur. Le site reste assez sobre, c'est un style voulu, mais est tout de même (un peu) plus coloré ou imagé que précédemment.
Si vous n'aimez pas la nouvelle version, il faudra patienter 2 ans encore. C'est la période constatée entre deux évolutions importantes comme celle-ci... N'hésitez jamais à me conseiller, aussi. Et si vous aimez cette évolution, bienvenue sur mon site et prenez-y du bon temps !
|
|
|
|
|
|
|
La version 4.0 de B-ZONE datait du 11 octobre 2002. Elle inaugurait un look assez sobre, et l'usage de le police de caractères Garamond. Une version 4.1, premier pas vers la 5.0, est arrivée par étapes en juillet-août 2004. A ce moment, je n'avais encore aucune intention de faire évoluer le site comme je l'ai fait. Puis, finalement, les idées sont arrivées et la version 5.0 sort le samedi 9 octobre 2004, deux ans après la version 4. Cinquième version, cinquième anniversaire du site. La boucle est bouclée !
|
|
| |
| |
| |
|
|
|
Technologies.
Jusqu'à la version 3, B-ZONE n'était que de l'HTML pur et dur. La version 3 utilisait une fine frame en haut de l'écran comme menu principal. Tout à gauche de celui-ci, une applet Java déroulait un menu (style "menu démarrer") permettant une navigation plus détaillée.
La version 4 a abandonné les frames et le Java. Les frames sont limités aux sous-parties du site avec leur design propre (comme les sous-sites sur Maison Ikkoku ou certains artistes J-Pop, dont je n'ai pas voulu faire un re-design). La version 4 a aussi introduit le Javascript comme base principale pour afficher le menu qui apparaît cette fois à gauche de toutes les pages du site, ainsi que la barre de titre du site en haut. Ce menu est centralisé (i.e. n'est pas recopié dans le code de chaque page... heureusement).
On pourrait schématiser ceci en un modèle en deux couches : la couche 1 (HTML) qui utilise la couche 2 (Javascript). Par comparaison, la version 5.0 du site est en 3 couches : 1 HTML, 2 Javascript, 3 un "noyau" de variables Javascript centralisées. Cette structure offre une plus grande réutilisabilité des composants et est à la base de la répétition d'éléments de menu, réutilisation de l'aperçu des nouveautés, etc.
|
|
| |
| |
| |
|
|
|
Menu version 4.x
|
|
|
Menu version 5.0
|
|
|
| |
| |
| |
|
|
|
|
Si vous voulez connaître le passé déjà lointain de B-ZONE, je vous invite dans un voyage à travers le temps qui a lieu ici.
|
|
| |
| |
|
|
