Dia's Web Site

Modifs importantes, version courte

• Nouveau design
• Rammstein (Live aus Berlin et Völkerball)
• Armes (hache)

Hésitez pas à me laisser vos commentaires sur tous ces changements dans le livre d'or.

Modifs importantes, version longue

• A priori vous avez du noter le changement de design du site. Il est basé sur un design que j'ai trouvé sur un site de Web Design. Tout est en CSS. J'ai rajouté un petit algo qui choisit au hasard une image de décoration en-dessous du menu. En fonction de l'image il modifie la couleur de fond et de police de l'onglet actif dans le menu. Code entièrement revu mais modifications faciles à intégrer vu que j'avais déjà bien structuré tout le code les semaines précédentes. Le favicon repasse en version 'image fixe' pour cause de mauvaise prise en charge des images animées par certains navigateurs depuis que Free a changé ses serveurs il y a quelques jours.
• Pour la section Rammstein : - La partie albums est pas refaite, un peu marre là, ça attendra. - Page sur le Live aus Berlin refaite : présentation modifiée et nombre d'images triplé. - Page sur Völkerball ajoutée, environ 220 images !
• Pour la section Armes : 2 photos avec la hache ajoutées sur la page principale.

Section Armes

Nouvelle arme :D

Une petite hachette de rien du tout ^^ Vous pouvez bien sûr trouver sa fiche dans la section Armes dont certaines photos ont été mises à jour.

Bon, des gens à décapiter now... mmm... ouais, j'ai trouvé ! ... grrrr

Ajout des 2 pages : "Contact" et "Liens".

Pendant ce temps sur mon PC : le prochain design du site avance, ça serait cool que mon rapport pour l'IUT en fasse autant...

Rammstein

Il ne manque plus que la partie "Albums", tout le reste est revenu. Par contre, je ne sais pas quand j'aurai le temps de (re-re-)faire cette partie. Les modifications apportées au reste de la section sont les mêmes que celles citées dans la news d'hier.

Chaque page faisant appel à plusieurs feuilles de styles, j'ai mis, sur chaque page, un lien de validation pour chaque feuille de style et plus seulement un lien pour la feuille principale.

Mise à jour de 23h : Rammstein - Chansons

La partie "paroles et traductions" est de retour. Au menu, du classique : positionnements CSS flottants à la place des tableaux, code HTML valide XHTML 1.0 Strict, code PHP complètement refait et nikel propre.

Erreur 404

• Code refait (-> positionnement CSS flottant)
• Formulaire refait entièrement et repensé

Armes

• Code entièrement refait (valide XHTML 1.0 Strict évidemment)
• Présentation par tableau -> positionnement CSS flottant
• Table de la base de données entièrement refondue pour ne garder que les informations. Avant y avait un seul champ, qui contenait le code html à insérer avec les balises et tout... nul ! Donc là y a un champ par rubrique, pas de balises, juste les infos, nikel chrome
• Me suis laché sur le code PHP, me suis fait plaisir avec des fonctions fun. J'aurai pu faire plus court mais là c'est le top niveau séparation du traitement des données et de l'affichage

Compatibilité navigateurs

J'utilise Firefox, quand je code je teste donc avec ce navigateur. Donc il n'y aura jamais de bugs avec Firefox.

Je teste également avec IE, pour les ~80% de malheureux qui l'utilisent (les fous...).

Sauf que la 7 supporte un peu mieux les standards que la 6. Donc au boulot (IE6) je me suis rendu compte que la page webmaster buggait (positionnements absolus et relatifs en CSS) alors que chez moi (IE7) ça passait très bien.

-> Problème corrigé, code revu (passé en alignements flottants, toujours CSS évidemment)

-> J'ai trouvé un ptit truc pour avoir IE 6 et 7 en même temps sur le PC, sans passer par l'image de Grosoft à charger avec Virtual PC. Et du coup je vais pouvoir vérifier mon code avec les 3 navigateurs à l'avenir.

Avancements divers

Galerie de photos terminée.

Prochain design du site en cours de conception. Il aura absolument rien à voir avec l'actuel, aspect beaucoup plus "pro" et le menu passera de JS à CSS, mieuuuux ! y a bon ^^

Maintenance en cours

La page d'erreur 404 est de retour. Ajouts : mise en page par CSS + vérification du formulaire par JavaScript ET PHP, pas de jaloux.

Maintenance en cours

La page de jeux PC a été refaite... en utilisant AJAX. Première fois que j'utilisais cette technologie, j'ai bien galéré. Mais je suis content du résultat. :)

Rubrique PristonTale refaite.

Maintenance en cours

Site en reconstruction (encore !). Au programme :

• passage de XHTML 1.0 Transitional à Strict ;
• séparation totale entre mise en forme et contenu affiché ;
• suppression de mise en page par tableaux sur certaines pages (accueil et webmaster par exemple) au profit d'un positionnement par CSS ;
• ré-organisation du code sur toutes les pages pour une lisibilité encore améliorée.