7
Les fondations
de.chercher.à.la.rapiécer..Les.choses.se.compliquaient.encore.avec.les.sites.de.grande.taille :.
leur. présentation. étant. verrouillée. dans. des. pages. individuelles,. il. fallait. élaborer. de. très.
complexes.routines.de.recherche.et.de.remplacement.pour.répercuter.la.plus.infime.modification.dans.l’ensemble.du.site..J’ai.moi-même.détérioré.plusieurs.sites.en.mon.temps.avec.
des.routines.de.ce.genre..Les.modèles.de.pages.se.désynchronisaient.très.facilement.et.un.
simple.ajustement.pouvait.nécessiter.d’intervenir.patiemment.sur.chacune.des.pages.du.site.
Comme.les.tableaux.n’ont.jamais.été.conçus.pour.la.mise.en.page,.il.a.fallu.que.l’ingénieux.
David.Siegel.invente.un.hack.pour.les.faire.fonctionner..Afin.de.les.empêcher.de.s’effondrer.
en.hauteur.ou.en.largeur,.il.a.imaginé.d’utiliser.une.petite.image.GIF.transparente.d’un.pixel..
En. l’insérant. dans. les. cellules. des. tableaux,. puis. en. la. redimensionnant. verticalement. et.
horizontalement,.il.parvint.à.contraindre.artificiellement.la.hauteur.et.la.largeur.des.cellules,.
afin.de.préserver.les.proportions.de.la.mise.en.page..Ces."user.de.shim.gif",.comme.les.
nommait.Dreamweaver,.étaient.monnaie.courante.dans.les.anciennes.maquettes.tabulaires..
Fort.heureusement,.cette.pratique.est.maintenant.révolue.et.vous.ne.verrez.plus.ces.petits.
éléments.de.présentation.contaminer.votre.code.
Au.lieu.d’être.considéré.comme.un.simple.langage.de.balisage,.le.HTML.a.acquis.la.réputation.d’un.langage.compliqué,.déroutant.et.très.facilement.sujet.aux.erreurs..De.nombreuses.
personnes.craignaient.de.toucher.au.code..Cette.tendance.a.favorisé.une.dépendance.excessive.vis-à-vis.des.éditeurs.visuels.et.contribué.à.forger.une.génération.de.concepteurs.peu.
aguerris.aux.techniques.de.programmation..
À.l’orée.du.nouveau.millénaire,.le.secteur.de.la.conception.web.se.trouvait.dans.un.état.de.
délabrement.avancé..Il.fallait.faire.quelque.chose.
Figure 1.2
Cette capture d’écran
du logiciel Homesite
présente une maquette
complexe, réalisée avec
des tableaux et des GIF
d’espacement (merci à
Jeff L.).
Les fondations
de.chercher.à.la.rapiécer..Les.choses.se.compliquaient.encore.avec.les.sites.de.grande.taille :.
leur. présentation. étant. verrouillée. dans. des. pages. individuelles,. il. fallait. élaborer. de. très.
complexes.routines.de.recherche.et.de.remplacement.pour.répercuter.la.plus.infime.modification.dans.l’ensemble.du.site..J’ai.moi-même.détérioré.plusieurs.sites.en.mon.temps.avec.
des.routines.de.ce.genre..Les.modèles.de.pages.se.désynchronisaient.très.facilement.et.un.
simple.ajustement.pouvait.nécessiter.d’intervenir.patiemment.sur.chacune.des.pages.du.site.
Comme.les.tableaux.n’ont.jamais.été.conçus.pour.la.mise.en.page,.il.a.fallu.que.l’ingénieux.
David.Siegel.invente.un.hack.pour.les.faire.fonctionner..Afin.de.les.empêcher.de.s’effondrer.
en.hauteur.ou.en.largeur,.il.a.imaginé.d’utiliser.une.petite.image.GIF.transparente.d’un.pixel..
En. l’insérant. dans. les. cellules. des. tableaux,. puis. en. la. redimensionnant. verticalement. et.
horizontalement,.il.parvint.à.contraindre.artificiellement.la.hauteur.et.la.largeur.des.cellules,.
afin.de.préserver.les.proportions.de.la.mise.en.page..Ces."user.de.shim.gif",.comme.les.
nommait.Dreamweaver,.étaient.monnaie.courante.dans.les.anciennes.maquettes.tabulaires..
Fort.heureusement,.cette.pratique.est.maintenant.révolue.et.vous.ne.verrez.plus.ces.petits.
éléments.de.présentation.contaminer.votre.code.
Au.lieu.d’être.considéré.comme.un.simple.langage.de.balisage,.le.HTML.a.acquis.la.réputation.d’un.langage.compliqué,.déroutant.et.très.facilement.sujet.aux.erreurs..De.nombreuses.
personnes.craignaient.de.toucher.au.code..Cette.tendance.a.favorisé.une.dépendance.excessive.vis-à-vis.des.éditeurs.visuels.et.contribué.à.forger.une.génération.de.concepteurs.peu.
aguerris.aux.techniques.de.programmation..
À.l’orée.du.nouveau.millénaire,.le.secteur.de.la.conception.web.se.trouvait.dans.un.état.de.
délabrement.avancé..Il.fallait.faire.quelque.chose.
Figure 1.2
Cette capture d’écran
du logiciel Homesite
présente une maquette
complexe, réalisée avec
des tableaux et des GIF
d’espacement (merci à
Jeff L.).