Référencement :
conseils, outils, actualité, forum
tout ça gratuit !

Première partie : Interview de Raphaël Goetter par Madrileño Opérateur sur WRI.

Madrileño : Bonjour Raphaël Goetter pourriez-vous vous présenter en quelques mots ?
Madrileño : http://css.alsacreations.com/cv
Raphaël Goetter : Bonjour tout le monde.
En quelques mots, je suis webdesigner strasbourgeois très intéressé par les domaines qui touchent à l'universalité du web.
Cela comporte notamment l'accessibilité des documents à tous, en passant par l'ergonomie, la compatibilité des pages web et la conception aux normes en général.
Un organisme internationnal regroupe ces notions, il s'agit du World Wide Web Consortium (W3C). Cet organisme régit les différents langages que nous utilisons tous (HTML, XHTML, CSS, DOM, etc.) et est censé être le garant du bon usage conventionnel de ces langages... même s'il est malheureusement peu connu des webmasters.
Pour ma part, cela fait quelques années que je parcours les forums d'entraide afin de parfaire mes connaissances mais aussi pour les partager aux nouveaux venus (je suis modérateur de quelques forums spécialisés). je propose des tutoriels sur les feuilles de styles CSS et la conception "propre" avec mon site Alsacreations.com ...
Enfin, je fais partie du collectif Openweb.eu.org (pas très activemetn en fait ), la référence francophone en matière de standards web, et je suis éditeur de la catégorie Feuilles de style sur l'annuaire ODP Dmoz.
Et euh accessoirement, je viens juste de faire publier un livre sur les CSS, chez Eyrolles

Madrileño : Vous citez "récents ouvrages XHTML et CSS souvent très théoriques" , "le livre [...] se place volontairement du côté des applications pratiques" , cela veut-il dire que les "cours" par les ouvrages d'aujourd'hui n'étaient pas adaptés encore à la demande ?
Raphaël Goetter : En fait, la démarche d'écrire un livre est venue des lecteurs des tutoriels d'Alsacréations qui m'ont fait remarquer que les livres français sur le marché ne correspondaient pas vraiment à leurs attentes : ils recherchaient des exemples précis, des cas concrets, l'équivalent des tutoriels en fait !
J'ai commencé par proposer des versions PDF des tutoriels, téléchargeables et consultables chez soi, mais au fur et à mesure est venue l'idée de me lancer dans un projet de livre...
Ayant lu beaucoup d'ouvrages sur ce domaine spécifique (CSS), j'avoue effectivement qu'un manque cruel existait et que la demande était justifiée.

Madrileño : Quels sont les grandes nouveautés entre le CSS et le CSS2 ?
Raphaël Goetter : En fait, CSS version 2 n'est qu'une "extension" de CSS 1 qui est très ancien (il est d'ailleurs déjà supporté par les navigateurs "dinosaures" comme Netscape 4 et Internet Explorer 3). CSS2 est construit sur CSS1.
Mais CSS2 va plus loin que la version précédente en apportant une véritable possibilité de séparer la structure du document (HTML) et son design (CSS), grâce à de nombreuses propriétés supplémentaires (positionnements, téléchargement de polices, compteurs et numérotages automatiques, génération de contenu dynamique, etc.). CSS2 prévoit aussi des feuilles de style liées à un média spécifique (imprimante, palm et appareils portatifs, lecteur braille, etc.).

Madrileño : Existe-t-il un editeur de site internet qui permette de faire du CSS préprogrammé ou alors avec simplicité ?
Raphaël Goetter : Hmmm déjà, le terme de "préprogrammé" me gêne lorsqu'on parle de CSS car il ne s'agit pas du tout d'un langage de programmation : Il n'y a pas de boucles, de structures conditionnelles, de variables, etc. Les CSS ne sont que des propriétés de mise en forme, tout simplement.
La plupart des éditeurs HTML actuels intègrent assez bien la gestion des CSS (encore heureux).
Parmi les WYSIWYG (What You See Is What You Get), le plus avancé dans ce domaine reste Dreamweaver MX2004 qui a fait un grand pas dans ce domaine (le site de Macromedia est d'ailleurs conçu en CSS).
N'oublions pas quand-même le logiciel libre NVU, qui est un WYSIWYG français et gratuit très adapté pour débuter.
Pour ma part, j'utilise HTML-Kit, qui est gratuit, et que je trouve très adapté à mes besoins.

Madrileño : Depuis quand gérez-vous le site de Alsacréations ?
Raphaël Goetter : (ah on se vouvoye ? :P)
Madrileño : ( sa fait plus pro =OP )
Raphaël Goetter : En fait, l'idée d'Alsacréations est venue durant ma formation en Diplôme Universitaire de Webmaster en 2003 : http://www.alsacreations.com/du/
Pour le projet final de ce diplôme, j'ai eu pour idée de créer une maquette complète d'agence web en ligne.
Le nom d'Alsacréations a été retenu et les premières versions du sites ont été les suivantes : (je cherche...)
http://www.alsacreations.com/du/cap1.jpg
http://www.alsacreations.com/du/cap5.jpg
En parallèle, puisque je m'intéressais de plus en plus au domaine des CSS et qu'ils me permettaient de résoudre les exercices de la formation bien plus simplement que les méthodes proposées par les intervenants (soupir), j'ai commencé à créer et regrouper des tutoriels sur les CSS. Alsacreations.com/articles est ainsi né à la fin de l'année 2003

Madrileño : Qu'est ce qui vous a motivé à devenir webmaster après avoir fait un S.T.A.P.S ?
Raphaël Goetter : (STAPS, pour les nons sportif est l'école pour devenir prof d'EPS)
En fait, j'ai toujours été motivé par l'informatique (même si je me suis mis tardivement au Web, en novembre 2000)
Mon coeur a toujours hésité entre l'informatique et le sport.
Après le bac, et n'ayant pas été très intéressé par les différentes formations informatiques universitaires, j'ai donc choisi la voie du sport avec STAPS...
C'est en acceptant un emploi-jeune dans mon association sportive que j'ai vraiment commencé à faire de la conception web "professionnelle".
En effet, mes tâches relèvent de tout ce qui touche aux Nouvelles Technologies.
C'est ainsi que j'ai créé la première version du site web de mon club (je cherche)...
http://www.slconstantia.com/divers/archive1.gif
Il a un peu évolué depuis : http://www.slconstantia.com/ :P

Madrileño : Quels sont les retours de la presse vis à vis de votre livre ?
Raphaël Goetter : bonne question ... mais difficile de répondre encore : le livre n'est sorti que hier ! et certains endroits sont un peu en retard par contre, j'ai commencé à regrouper les retours sur une page dédiée : http://www.alsacreations.com/livre/?/Presse
on y retrouve une revue complète du livre par Mauriz (merci encore !) et les sites et blogs qui parlent du livre.

Madrileño : Pourquoi avoir choisi Eyrolles pour l'édition de votre livre ?
Raphaël Goetter : J'ai eu beaucoup de chance sur ce coup !
Eyrolles est certainement LA référence francophone incontournable en ce qui concerne les livres informatiques !
Lorsque j'ai commencé à rédiger les premières ébauches du livre, j'ai commencé par tâter le terrain au près des éditeurs de référence que je connaissais. J'ai donc envoyé un mail (je me rappelle, on était dimanche !) au premier de ma liste : Eyrolles. La réponse n'a pas tardé : 15 minutes plus tard, l'éditrice de la catégorie informatique répondait positivement à mon courrier en m'expliquant qu'elle cherchait justement un auteur dans le domaine des CSS ! Je ne pouvais pas mieux tomber !

Madrileño : Quelle a été votre démarche et les étapes pour la création de votre livre ?
Avez-vous dû limiter certains passages ou l'éditeur vous a laissé libre cours ?
Raphaël Goetter : En fait, l'évolution de ce projet de rédaction a été assez différente de ce que j'imaginais.
Il y a eu 3 grandes étapes principales depuis mon premier contact avec l'éditrice en septembre dernier :
- euh oui, donc Table des Matières marketing. L'éditrice m'a également demandé de lui envoyer un chapitre déjà rédigé afin d'avoir un oeil sur le contenu et la rédaction, puis elle m'a laissé le champ libre et nos contacts ont été extrêmement rares
- la seconde étape a été de rédiger l'ensemble des chapitres, de vérifier les codes et de réunir des illustrations. Cette partie a duré septs à huit mois. J'ai ensuite envoyé le tout à l'éditrice pour la relecture technique.
- dernière partie, celle de la relecture. technique et typographique (Sebastien Blondeel, le traducteur du Zeldman en français m'a été d'une grande aide grâce à sa relecture typographique.
Cette partie a été la plus stressante car on apprend tout à coup qu'il y'a plein de choses à changer : des illustrations à refaire, des codes à revoir, etc. d'ailleurs j'ai conservé une capture d'écran de ma boite aux lettres de ces jours stressants : http://www.alsacreations.com/divers/spam.gif

Madrileño : J'ai lu quelque part que vous cherchiez une place dans une entreprise ?
Raphaël Goetter : Oui, *vous* avez bien lu
Pour l'instant je suis en "cumul d'emploi" dans le sens où je suis emploi-jeune dans un club sportif tout en exerçant une activité indépendante en à côté, sous le régime du portage salarial.
N'étant pas très commercial et ayant envie d'être au sein d'une équipe (plutôt qu'en face de mon PC), je cherche depuis quelques temps une agence web alsacienne (je ne suis malheureusement pas mobile pour les 2 ans à venir) avant-gardiste au niveau de la conception web aux normes. Mon CV est en ligne à cette adresse http://css.alsacreations.com/cv

Deuxième partie : Questions des Chatteurs qui étaient sur le Salon WRI.

neolao : Est-ce que vous pensez que le CSS doit se compliquer pour manipuler plus de chose quitte à le rendre moins facile d'accès aux nouveaux apprentis ?
Raphaël Goetter : Il y a deux aspects à prendre en compte :
1- les CSS (version 2) sont déjà très aboutis et très en avance. Ils permettent en théorie de gérer tout ce qui a trait à la mise en forme, même complexe. En fait, leur seule limite actuelle est la déficience et l'obsolescence des navigateurs. CSS2 a déjà fait de gros progrès. CSS3 va ajouter des fonctionnalités, sans être vraiment plus complexes.
2- là où les CSS vont se diversifier et s'améliorer encore, c'est dans le support des différents médias : il n'y a pas que l'écran d'ordinateur qui peut "sortir" un résultat CSS : les imprimantes sont aussi un média, comme la télé, les palm, les lecteurs brailles... bientôt votre frigo ! bref : diversification selon les besoins et l'évolution, mais pas de complexification à mon avis.

neolao : est-ce que vous pensez que les éditeurs wisiwig tuent le métier ?
Raphaël Goetter : les éditeurs wysiwig correspondent à un marché. Il se sont construits sur un besoin : celui de faire un visuel facile, à la Word. ils ont donc tous un train de retard au niveau de la conception aux normes, même l'un des plus évolués d'entre-eux, Dreamweaver tout simplement parce que la conception aux normes, les CSS etc. nécessitent de faire une page structurée *sémantiquement* c'est à dire d'utiliser chaque balise selon sa fonction : utiliser <h1> pour un titre de niveau 1 et non pas <p class="titre"> par exemple.
Or les WYSIWYG n'ont pas d'intelligence articifielle qui permette cette distinction.
pour répondre à la question, c'est vrai que les wysiwyg génèrent et continueront de générer du code approximatif, pauvre (utlisation exclusive de div et span pour ne pas dire "calques")
c'est à la nouvelle génération de concepteurs web de véhiculer une conception propre, avec ou sans wysiwyg... mais de là à "tuer" le métier, c'est autre chose.

ElMoustiko : Un autre livre sur le sujet plus axé qualité de conception est-il prévu ?
Raphaël Goetter : si j'ai bien suivi, l'actualité des livres CSS est assez riche,
je ne crois pas que d'autres livres soient traduits en français, mais j'ai cru comprendre qu'un autre bouquin sur les CSS sera publié bientôt. par contre je ne sais pas trop s'il sera plutôt théorique ou plutôt pratique. en tout cas, ça commence à bouger dans le milieu !

ElMoustiko : Puisque les éditeurs WYSIWYG ne sont pas intelligents et qu'ils font du code approximatif du fait de leurs limitations, ne serait-il pas judicieux de développer un éditeur qui propose de baliser le contenu (ça c'est un titre, ça un paragraphe, ça un lien etc) et ensuite de passer à la mise en forme ?
Raphaël Goetter : judicieux ? Oui bien sûr !!
En fait en théorie c'est *déjà* ce que font les Wysiwyg, si on daigne les utiliser correctement : sur NVU ou Dream, il est possible de ne faire que spécifier le rôle de chaque partie : ceci est un titre, ceci est un paragraphe, etc.
Mais... le problème est que l'utilisateur a tendance à chercher un visuel immédiatement et donc à utiliser les balises selon leur aspect et non leur fonction.
Qui utilise Word correctement ? qui se soucie d'identifier chaque partie par son style (titre1, titre2, normal, etc.) ?
en fait, on se contente du style "normal" appliqué à tout le texte, puis on agrandit le titre, on rajoute des couleurs etc. Mais tout ça en gardant le style "normal" pour le titre et pas "titre1" .
C'est pareil pour les éditeurs wisywig.

neolao : Avez-vous un mentor francais ?
Raphaël Goetter : J'aime beaucoup ce que fait le présentateur de Loft Story,
plus sérieusement, la personne qui m'a initiée (à coups de bâtons) aux CSS et à la conception aux normes ne doit même pas s'en souvenir !
Il s'agit d'un membre répondant au pseudo de Hermes le Messager sur le forum HFR.
A part ça, j'avoue être guidé et influencé par de nombreuses personnes, notamment du collectif Openweb.
Je pense tout particulièrement à Laurent Denis, qui est un puit de science dans son domaine.

neolao : ca veut dire quoi sibelius ? (pseudo utilisé par Raphaël sur WRI notamment)
Raphaël Goetter : hé hé alors là ça va chercher loin à mes tous débuts sur internet (en tant que surfeur), en 1999 / 2000 j'ai cherché un pseudo pour ma première adresse mail,
il se trouve que Sibelius est le nom d'un patelin en URSS complètement paumé mais qui apparaissait sur les factures dans la boite où je bossais comme saisonnier ça m'a plu et je l'ai conservé jusqu'à aujourd'hui encore accessoirement, j'ai appris plus tard qu'il s'agissait aussi d'un célèbre musicien (désolé pour ses fans, je ne suis pas très mélomane)

Madrileño : Etonnantes descriptions de Google : http://www.google.com/search?complete=1&hl=en&q=define%3Asibelius < encore bugé :OP

ElMoustiko : Maintenant que le gros oeuvre au niveau des tutos CSS etc est fait, ne faudrait-il pas parler de qualité de conception ? et éduquer les (jeunes ?) webmestres ?
Raphaël Goetter : "gros oeuvre" c'est beaucoup dire. En fait, on n'a tendance à ne voir qu'autour de nous, dans notre petit monde. Les CSS évoluent c'est vrai... mais c'est encore loin d'être à l'échelle visible au niveau du net.
il n'y a encore que 1 ou 2% de sites qui ne sont pas en tableaux (pour ne parler que des CSS).
Donc le boulot est loin d'être fait.
Pour ce qui est de la qualité de conception, en général, c'est vrai que c'est encore un autre niveau :
les jeunes concepteurs commencent peu à peu à avoir "l'esprit CSS" (en clair transformer tous leurs tableaux en div - soupir -).... mais sont loin d'avoir un esprit de conception "propre" en général.
bien sûr que le gros projet serait d'aller plus loin que la simple vision des mises en page CSS et de faire de l'ergonomie, du code propre et sémantique, du javascript correctement utilisé, etc.
chaque pas sera utile, mais c'est vrai que ce sont aux agences web et aux formateurs d'envisager eux-mêmes d'élargir leur esprit et d'évoluer et là ça pose souvent un problème marketing

MFred : De manière générale, les "gros" sites commerciaux n'ont pour le moment pas adopté les principes de séparation contenu/mise en page, d'accessibilité ... Votre expérience et les résultats de votre recherche d'emploi vous permettent-ils d'en expliquer les causes ? De donner quelques hypothèses sur l'évolution future de ces "gros" sites ?
Raphaël Goetter : Il y a plusieurs parties dans la question :
* "gros sites" : effectivement en règle générale les gros sites sont encore dans une logique de mise en page en tableaux (pas seulement les gros sites d'ailleurs). Cela est dû à plusieurs raisons :
- la première est en général due à une équipe de développement interne qui reste sur ses acquis de connaissances et qui n'a pas évolué.
- la seconde vient du fait que ces sites sont encore à une version datant de quelques années alors que les CSS n'étaient pas encore bien implantés sur les navigateurs... par contre lorsque que ces sites se poseront la question d'une refonte, ils se poseront aussi la queston d'une refonte facile et légère en utilisant les nouveaux moyens actuels (dont CSS)
* autre partie "encore" : effectivement, ils ne sont pas *encore* dans cette logique mais cette logique arrive lentement mais sûrement. Tout d'abord à partir de lois : par exemple celle de l'accessibilité numérique qui oblige les sites institutionnels français à se conformer aux normes d'accessibilité aux handicaps. petit à petit, les lois et les moeurs vont faire gagner du terrain à une conception de site plus souple et plus compatible pour tous... malheureusement en Alsace, cette loi a dû s'égarer

Madrileño : Merci à Raphaël Goetter pour l'interview et ne pas oublier son livre CSS2 disponible sur http://www.alsacreations.com/livre/ très interessant pour vos lignes de code
Raphaël Goetter : Merci à toi (euh vous) Madrileno pour cette proposition d'interview
Madrileño : De rien une revue du livre est aussi disponible pour ceux qui seront interessés

Merci à Madrileño pour l'interview ainsi que BadProcESs et e-kiwi pour la gestion du chat.