Nico’s Web Site / Goodies & Techno - Historique

.

Plan du site

/!\ Note à propos du site et de votre navigateur


 
Pages : Versions 1.0 à 3.5  Versions 4.1 à 4.7  Page Versions 5.0 et 5.2  Versions 5.5 et 5.7  Version 5.8 

Un peu d’histoire sur ce site...

Versions 5.0 et 5.2

Version 5.0

(07/12/2005) :

(Lisez aussi “La réécriture du site (v5), un excellent exercice !!”..)
Cette version est la finalisation du travail esquissé avec la 4.7..
Plus gros changement par rapport aux anciennes versions du site : l’écriture tout en XHTML / CSS comme la 4.7, mais bien plus largement basée sur un moteur de fonctionnement PHP : légèreté, souplesse de programmation et de mise à jour..
Standard de programmation finalement retenu (Document Type Definition, DTD) : XHTML 1.1.
Avec cette nouvelle programmation et pour des raisons de compatibilités avec diverses résolutions d’affichage, la maquette du site évolue en profondeur, tout en reprenant les améliorations essentielles de la 4.7 : teintes plus “vives” et boutons plus doux.. évolution majeure de la maquette : le site est désormais limité en largeur, tout en restant centré à l’écran et en conservant toujours le pied de page au bas de la fenêtre du navigateur.. Ces deux derniers points restant toutefois dans certaines limites de dimensions minimum du site...
Autre évolution de la maquette : le site s’offre enfin un “habillage” de contour supplémentaire, rendant cette version un peu plus mature que les précédentes..
Évolution du style du menu principal : de rectangulaires dans la version 4.7, les boutons prennent une forme plus arrondie, façon “goutte d’eau”.. Les menus déroulants sont ajustés en conséquence..
Standardisation au maximum de nombre d’éléments récurrents sur tout le site pour exploiter un peu mieux les possibilités des CSS..
Un manque a été comblé : pourtant déjà présents çà et là dans la version 3.0, au bas des pages certains boutons de navigation étaient absents depuis la 3.5.. Ils sont désormais de retour..
Tous les éléments récurrents dans les pages (boutons de navigation, titres, ...) et les galeries d’images sont désormais entièrement contrôlés par PHP.. Meilleur contrôle et plus grande souplesse de mise à jour..
L’agrandissement des photos se fait toujours dans une fenêtre séparée contrôlée par Javascript.. Une autre solution verra peut-être le jour.. Dans tous les cas, elle sera désormais facile à mettre en œuvre..
Toujours concernant l’agrandissement des photos : l’habillage autour de la photo est désormais complet et s’adapte automatiquement aux différentes tailles de photos et de documents présentés : merci les CSS et surtout le PHP... Les éléments de décoration qui étaient déjà en place ont été retouchés pour une meilleure intégration dans l’ensemble..
Retouche des photos “pleine taille” et redimensionnement à des valeurs “standardisées”, sauf quelques exceptions..
Idem pour les compositions de la rubrique “Infographie” et les tableaux des spécifications de mon matériel..
Seul document PDF restant disponible sur le site : celui de mon CV.. Aucun autre n’est conservé : leur présence n’ayant été jugée que peu pertinente et en doublon avec les documents présentés en agrandissement, essentiellement dans les rubriques “Textes” et “Infographie”..
Quelques très légères modifications sur les bannières de rubriques..
Refonte complète de l’album Dessins : nouvelle “robe” conservant l’esprit de l’ancienne, tout de même basée sur celle du site principal mais dans une déclinaison plus appropriée..
Toujours pour l’album Dessins : usage d’un fond semi-transparent sous les quelques blocs de textes pour une meilleure lisibilité sur le fond “papier gaufré”.. Image de fond du bloc paragraphe blanc translucide en PNG24 pour tous les navigateurs, bloc additionnel à fond blanc semi-opaque pour Internet Explorer (même raison que pour les menus déroulants)..
Refonte complète des deux formulaires du site : “Me contacter” en rubrique “CV + Contact” et “Votre Avis”.. Rien d’apparent, si ce n’est cette fois l’affichage des erreurs de saisie lors de l’envoi, mais plus profondément la refonte de la programmation proprement dite de ces deux formulaires et au passage du message que je reçois (un petit poil de plaisir nombriliste vaut bien pour tout le reste que nous donnons)..
Apparition d’une page d’avancée des travaux.. Un premier pas vers un vrai plan du site..
Apparition d’une page de dédicaces....
Plus simplement, cette rubrique d’historique voit arriver un menu général donnant le choix aux visiteurs des pages qu’ils souhaitent consulter..
Pour finir, suppression définitive de toutes traces de l’ancienne version 4.5, même si, pendant les travaux de déploiement de cette version 5.0, les rubriques ne sont pas toutes totalement réintégrées..

v5.0.1 (23/01/2006) :

Mise en place via PHP d’un sélecteur automatique de type de document (DocType HTML 4.01, XHTML 1.0 Strict ou XHTML 1.1) envoyé au visiteur en fonction de son navigateur utilisé et des performances de celui-ci.. Visuellement, aucune différence n’est perceptible..

v5.0.2 (06/02/2006) :

Fin (enfin !) de la réintégration de toutes les rubriques au format XHTML, le site est de nouveau 100% fonctionnel !! Les opérations suivantes sur cette version ne seront qu’ajouts et améliorations..
Dans le menu principal, changement du nom du bouton “Techno & Goodies” pour “Goodies & Techno”, plus en adéquation avec le contenu présenté autant qu’avec son ordre d’apparition dans cette rubrique plutôt variée..

Version 5.1

v 5.1.pre (29/05/2006) :

Restructuration technique des menus principaux désormais entièrement gérés par CSS. Une exception : pour Internet Explorer et ses faiblesses chroniques jusqu’à sa version 6.0, ils restent partiellement gérés par Javascript..
Nouvel agencement de la “frame” et de son contenu..
Fusion technique du site principal et de sa déclinaison “Album Dessins” dans le même moteur d’affichage, offrant ainsi plus de souplesse pour des évolutions futures.
De la même manière, fusion technique des modules d’agrandissement des albums photos, arts graphiques et autres fiches de matériels..
Au passage, réécriture progressive des CSS pour un usage plus fin en fonction des navigateurs clients utilisés..
Nouvel agencement de l’Album Dessins pour l’ajout de la période 2003–2005 et l’ouverture de l’année 2006.. Refonte des textes d’accompagnement..
Quelques modifications dans la rubriques “Sites favoris” : ajout de quelques blogs sympas..
Nouvelle page d’accueil avec introduction d’un emplacement central “Derniers ajouts” en lieu et place du lien “Qui suis-je ?”.. Pour l’occasion, cet emplacement se voit décoré d’une gueule de serpent stylisée avec pour image de fond la photo qui servait de lien vers la rubrique “Qui suis-je ?”, mais très éclaircie façon filigrane..
Mise en place de l’utilisation de l’URL-Rewriting côté serveur, pour faciliter la lecture des adresses des pages..
Basculement du site au jeu de caractères Unicode UTF-8, en remplacement du jeu de caractères occidental ISO-8859-15 précédemment utilisé..

v5.1.0 (17/07/2006) :

Ouverture de mon Blog : à la manière de l’album “Dessins”, c’est aussi un site dans le site avec une déco spécifique, un peu plus chaleureuse..
Pour ce Blog, le module utilisé est le moteur de blog DotClear, un moteur de blog “tout-fait” que je n’ai eu qu’à intégrer au site en lui faisant un design spécifique, loin de celui proposé à la base par DotClear..
Le site principal voit son menu de gauche revu, avec non plus deux blocs de trois boutons principaux, mais deux blocs de quatre ! Le bouton “CV + Contact” passe dans le second bloc, le bouton “Le Blog” fait son arrivée en tête du premier bloc ainsi qu’un autre bouton au bas de ce même premier bloc, un bouton translucide et nommé pour l’instant “Bientôt !”..
Toujours à propos de ce menu principal, le sous-menu déroulant associé au bouton “Goodies & Techno” voit sa présentation évoluer : ce bouton étant maintenant vers les bas du second bloc, le déroulant s’effectue à l’inverse d’avant en s’ouvrant désormais plutôt vers le haut..
Refonte des liens contextuels pointant vers Adobe Reader ou vers un navigateur recommandé : si l’apparition de celui vers Adobe Reader reste dépendante des seules rares pages qui proposent des documents PDF, celui vers un navigateur recommandé devient dépendant du navigateur et de la plateforme utilisés par le client.. Leurs aspects ont aussi changé pour devenir plus petits et simplement rectangulaires, bien plus “maniables”..
Page d’accueil générale du site : refonte des liens présentés.. Disparition des liens “Villes”, “Paysages” et “Personnages” au profit d’un seul lien “Albums Photos” pointant vers la page qui rassemble toutes les rubriques d’albums photos.. Apparition du lien “Le Blog” et d’un autre, le fameux lien “Bientôt !” à fond translucide..
Page d’accueil générale du site (encore) : modifications du dessin de la gueule de serpent du bloc “Derniers ajouts”, en la rendant moins “raide” et donc plus “vivante”..

v5.1.1 (23/10/2006) :

Page d’accueil générale du site : apparition de la date du dernier billet posté dans le Blog directement sur son lien, “Le Blog”..
Pas mal de nettoyage XHTML et CSS..

Version 5.2

(12/11/2006) :

Introduction de “La Radio”, avec une sélection de 32 titres totalisant aux environs de 2h30 de musique.. L’outil utilisé est un player Flash gratuit et Open Source modifié par mes soins.. La Radio s’ouvre dans une fenêtre indépendante et avec sa propre déco !
Gros coup de nettoyage du code pour être plus accessible par les navigateurs en mode texte et les lecteurs pour déficients visuels.. Cela dit, c’est surtout orienté pour la lecture du Blog et ça reste assez peu adapté au contenu graphique du site..

v5.2.1 (12/12/2006) :

Enfin MS se réveille !! Du coup, quelques corrections et ajustements de code pour affiner la prise en charge d’Internet Explorer et permettre au “tout nouveau tout beau” IE 7 d’utiliser de l’XHTML / CSS “standard” (idem pour le PNG).. En fait, comme tout les concurrents normalement constitués et déjà existants depuis un bail quoi....
Finalisation de “La Radio” : ajout du lien “À propos de la sélection” qui, à chaque nouvelle sélection, renverra sur le billet correspondant dans le Blog.. Simple, mais parfois utile..

v5.2.2 (24/12/2006) :

Correction massive du code : désormais le contenu des pages est appelé avant la génération proprement dite de la page finale reçue par le navigateur du visiteur.. Ceci permettant, entre autres, d’adapter le titre de chaque page directement en fonction de chaque contenu.. Une erreur grossière finalement réparée, en fait...
Mise à jour de la page des navigateurs, avec les dernier testés : Firefox 2, Internet Explorer 7 et Opera 9..

 
 

Haut de page Un peu d’histoire sur ce site...


Menu

La Radio

Retour tout en haut de la page