À propos du site

 

 

Philosophie du site

Un sujet d’étude

Mon site devenant vieillissant, il était important de le reprendre avec tout ce que j’ai appris depuis sa création.

C’est l’occasion de mettre en pratique des techniques plus récentes.

C’est aussi l’opportunité de prendre en compte toutes les composantes d’un projet informatique et de cibler les manques de réponses technologiques sur certains aspects de la conception d’un site Web.

Objectifs du site

Montrer des compétences

Ce site est réalisé uniquement en css (y compris pour des éléments que certains logiciels – qui sont des références – font en JavaScript).

Le site a été développé sur Microsoft Windows XP.

Il a été entièrement écrit à l’aide d’un éditeur de texte (Notepad++).

Dreamweaver a été utilisé pour la gestion du site et principalement pour la mise à jour des liens lors d’ajout – nommage – déplacement de pages.
La partie « Flash » a bien sûr été réalisée avec Adobe Flash.

Pour la synchronisation des sites hors et en ligne c’est FileZilla qui est utilisé.

L’analyse

Beaucoup d’idées sont saisies dans des fichiers textes.

La carte du site a été réalisée avec Edraw Mindmap que je préfère à Freemind.

Les navigateurs

Mon navigateur par défaut pour les tests est FireFox 3.0.6. Il est à mon avis moins bon qu’Opera, mais celui-ci a quelques limitations qui ne permettent pas de tester l’ensemble des fonctionnalités.
Il est choisi pour son grand respect des normes.

Internet Explorer : incontournable tant il domine le marché (les versions 7 et 8 ont été testées).
La version 6 a aussi été utilisée à l'aide de multiple-ie. Il présente une petite dégradation mineure sur un effet de survol.

Ce site a aussi été testé sur les navigateurs suivants :

Ces navigateurs présentent des dégradations acceptables (le contenu reste accessible). Le peu de notoriété de ces navigateurs ne mérite pas de prendre en compte ces dégradations.

• Opera 9.02 ;
• Google Chrome 1.0 ;
• Safari 4.0.

Gestion des images

Mes besoins sont limités. C’est beaucoup de redimensionnement, ajouter des textes, modifier une couleur de fond.

La gestion des images a été principalement réalisée avec XnView.

Microsoft Paint a servi pour quelques rares usages, Color Cop parce que j'ai eu parfois besoin d’une pipette.

Un petit outil m’a rendu bien des services TweakPNG. Il permet de supprimer certaines balises des fichiers png et surtout la balise « Gama » que rajoute Microsoft Paint et qui provoque un bug d'affichage de la transparence (pas besoin de lancer des opérations lourdes en JavaScript comme on le voit partout dans les forums et tutoriels).
Il permet aussi bien d’autres opérations comme changer la couleur de fond.

Image Tasks a été utilisé pour faire les « watermarksTatouage numérique :
informations de copyright ou autres messages intégrés
à un signal audio – vidéo.

---

Symbole placé sur une image pour marquer
la propriété ou une information. » sur les vignettes du menu.

 

Merci à ma fille Maëva, pour son aide sur cette partie du site.

Gérer la documentation

C’est une partie à améliorer. La documentation est gérée de façon empirique (documents textes – création de dossiers).

Quelques solutions ont été testées sans être vraiment convaincantes.

Word 2003 est utilisé pour avoir une version « .doc » des pages html. PDFCreator sert à convertir les documents Word en fichiers « .pdf » et OpenOffice pour générer les documents « .odt ».

Pourquoi des liens

Dans le cadre de mes formations, je m’aperçois qu'en règle générale, les gens ont une mauvaise culture informatique. Même des professionnels sont souvent spécialistes dans un domaine très spécifique et ne connaissent que ce domaine.

Proposer des logiciels, astuces et liens est un prolongement naturel de mon activité de formateur.

Il existe une multitude de logiciels gratuits et le Web est infini. Le risque est grand de passer beaucoup de temps à trouver le bon outil.

L’objectif n'est pas de faire un catalogue de tout ce qui passe sur le net, certain site font cela trés bien, mais de proposer des outils qui ont été testés parmi beaucoup d’autres et qui sortent du lot.

A venir ...

Rendre le contenu moins textuel et utiliser plus l’image, les éléments multimédias.

Compléter les pages d'astuces, téléchargements et liens.

---

Historique

19 mars 2010

Correction bogue d’affichage :
L'affichage n’est pas correct quand on réduit la fenêtre du navigateur sur la page de téléchargements.

Ajout de téléchargements :

• WinMerge :
  comparer deux versions d’un fichier
• SuperCopier :
  remplace avantageusement la fonction de copie – déplacement de Windows (XP)

01 mars 2010

Ouverture officielle du site !!!

Février 2010

Définir un hébergeur.

Mon choix se porte sur hiwit.

Il correspond bien à mes besoins (hébergement mutualisé) et leurs services sont efficaces.

Il est possible que je publie le comparatif que j’ai réalisé pour l’occasion.

Janvier 2010

Optimisation.

Rajouter et modifier quelques règles css : (feuilles de styles en cascades.).

Décembre 2009

Débuter le rédactionnel.

La structure est validée et passe en version beta 1.0.

Octobre 2009

La structure interne du site est revue.

Uniformiser les noms de pages (pour de futurs traitements automatiques).

Prise en compte des remarques des internautes.

Inclure la partie « Flash ».

Juin 2009

L’adresse est diffusée sur certains forums pour valider l’aspect du site.

17 juin 2009 la page passe le test de conformité du w3c.

Mise en ligne d’un site exemple :
Hébergeur temporaire gratuit (http://www.byteact.com) pour tests.

La partie « Flash » bien que réalisée et fonctionnelle, n'est pas encore implantée.

Première version estampillée beta 0.1.

Mise en place de l’architecture du site.

Création d'une version exemple (sans informations personnelles, ni partie Flash).

Mars 2009 à Juin 2009

La définition des balises standards et évoluées.

Février 2009

« Jetter » les premières bases.

Janvier 2009

Première mise en place de la partie en « Flash ».
C’est cette partie qui induit le design général.

Définir la structure générale du site.

---

---

---