Le 5 mars 2004 : Ce site ayant pour objectif de me faire connaître en tant que concepteur de site (webdesigner) j'ai choisi de faire comme si j'étais un client et d'appliquer à ce site les questions que j'ai l'habitude de poser. Et les réponses ont nécessité moult négociations avec moi-même pour arriver à ce résultat, qui j'espère vous plaira.
Merci de me transmettre vos remarques,
Marie-José ColineauVitale. Tout le reste dépend de la réponse.
Convaincre certains décideurs, qui ne me connaissent pas encore, de l'intérêt de me confier la création, la refonte, le référencement de leur site.
Des patrons de PME/PMI.
On ne peut donc pas faire de supposition particulière sur le navigateur utilisé, le type de connexion. Il y a de tout...
Leur niveau de connaissances Internet est aussi très variable. J'en connais qui ne pensent pas toujours à utiliser l'ascenseur de droite mais qui jonglent avec les moteurs de recherche...
Ils n'ont pas de temps à perdre à saisir la subtile différence du HTML 4 et du XHTML 1 !
Certains ont déjà un site qu'ils remettent en question; d'autres hésitent à se lancer.
Ils savent choisir avec discernement et se renseigner sur les techniques utilisées.
Ils n'ont pas des budgets énormes mais ils savent que la qualité a un prix.
Et pourtant j'aurais adoré discuter de comment obtenir, SANS Javascript, ces effets de transparence partielle (à 75%, à 45%) même avec les bugs d'Internet Explorer sous Windows ! Je suis tellement fière du résultat ...
Si je tiens vraiment à avoir un site technique je peux le faire sous un autre nom de domaine ( .net = sites informatiques, .com = sites commerciaux ).
Dans ces pages, si j'utilise un terme comme javascript, ASP, PHP, TabLess, CSS, XML/XSL, mode Quirk, mode conforme, HTML 4 strict, XHTML1.0, je dois l'expliquer avec des mots compris de tous, illustrés par des exemples et des démonstrations. Dur, dur...
Liens vers mes réalisations récentes sur la page d'accueil.
Des pages secondaires dans lesquelles, petit à petit, je détaillerai mes réalisations ...
Donc une date sur la page d'accueil et une annonce de périodicité : le mois.
Ce mois-ci : Qualité des images et petite démonstration de pages élastiques. En effet, ces pages sont réalisées avec la technique des feuilles de style CSS qui permettent de redimensionner les fenêtres et les polices, dans certaines limites, en adaptant la mise en page. Vous pouvez vous amuser avec le texte qui passe en dessous des images des chats lorsque la fenêtre est plus étroite...
Le mois prochain :
C'est le minimum du respect à manifester à ses visiteurs : entre 35 Ko et 40 Ko pour la page d'accueil, pour ne pas dépasser 10 secondes de téléchargement en bas débit; en page secondaire on peut aller jusqu'à 60 Ko si le sujet le justifie; au-delà il faut prévenir.
Pourquoi interdire ce site aux patrons mal-voyants ?... Avec les techniques que j'utilise, respecter les recommandations d'accessibilité ne coûte rien. Ce n'est pas plus difficile que le choix des couleurs ci-dessous. Par contre est-ce efficace ? Vos remarques seront les bienvenues pour me permettre de faire des progrès.
Couleurs pour daltoniens :
Attention au manque d'ergonomie : je prend un risque avec ce fond pas assez contrasté. Dans l'absolu la présentation du menu à droite est mieux, pour dégager le texte à gauche et le forcer à ne pas trop dépasser les 50 caractères par ligne, mais cela perturbe les habitudes. Il est intéressant d'essayer...
J'ai la technique : les feuilles de style CSS permettent de séparer le contenu de la mise en page. De cette façon on ne fait pas lire aux robots des moteurs de recherche une mise en page qui ne les intéresse pas ! Ils ne lisent que le FOND, le vrai texte; de plus si l'on respecte certains standards (les balises de titre, les légendes des images) les robots savent différencier les zones d'information et les hiérarchiser !
J'ai un exemple : le site de l'AAAV était ouvert depuis 2 ans mais on ne le trouvait jamais avec Google. Nous l'avons reconstruit entièrement en XHTML1.0 et publié fin décembre 2003; je n'ai effectué la déclaration dans les annuaires que début février 2004. Aujourd'hui il arrive 2-ième pour la recherche "stages de reliure" et il y a pourtant de la concurrence ! Même si ce n'est pas acquis définitivement c'est encourageant !
J'applique : il me faudrait écrire à propos de conception de site, de refonte de site, de PME/PMI, de qualité, de pages légères, de référencement efficace...
SURPRISE : c'est déjà fait ! Comme j'utilise le balisage standard, comme je ne suis pas trompée de sujet, de FOND il n'y a rien à faire !
Je ne vais même pas faire la déclaration dans les annuaires : il vaut mieux attendre d'avoir plus de pages, d'avoir corrigé des petites bêtises et profité des améliorations que l'on va me suggérer; cela peut attendre un mois. De toutes façons les robots vont venir et ils vont se régaler avec ces pages qui les respectent...
Jusqu'à présent, j'étais réticente lorsqu'on me demandait d'écrire du texte sur un fond, même discret. Cet exemple de site conforte mon point de vue : même si la lecture est facile, le lecteur est distrait. Les questions qu'il faut se poser sont : "Quel est le sujet ? Qu'est-ce qui doit focaliser l'intérêt du lecteur ? Le texte ou l'image du fond ?"
La difficulté est souvent la subjectivité : j'aime ce bonzaï et je l'aime grand ! C'est mon site et je mets ce qu'il me plait !
Le sujet peut être l'image du fond : "ce bonzaï est vraiment beaucoup plus beau et plus intéressant que tout ce que je pourrais écrire !...". Le tout est d'en être conscient ! Et, pour mettre en valeur le vrai sujet, il faut savoir s'effacer ...