Réaliser une découpe HTML pertinente.

Frank LANG - Développeur front-end / Expert Accessiweb en évaluationKiwi Party Alsacréations - 16/04/2010

Réaliser une découpe HTML pertinente.

Un point de vue personnel sur le métier d’intégrateur HTML (développeur front-end pour les intimes).


Le métier d’intégrateur HTML

Savez-vous qui est l’ancêtre des intégrateurs HTML ?


Johannes Gutenberg (1400-1468)

Imprimeur typographe,

inventeur de l’imprimerie.


Le métier d’intégrateur HTML

« Ecrire pour le web ».


Une découpe « pertinente », c’est quoi ?

Pertinent : « Qui convient parfaitement; judicieux; approprié ».

Sur quoi puis-je m’appuyer pour que ma découpe convienne parfaitement au web ?

A qui ma découpe doit-elle être appropriée ?


Ecrire pour le support web

les standards fixés par le W3C


S’adresser aux utilisateurs

Les internautes Google (Google sera votre premier lecteur)


Pensez aux collègues

Le webdesigner, le développeur, le référenceur…


(Ecrire pour le support web) Le « medium » HTML

Attention aux détournements de balises !


(Ecrire pour le support web) Le « medium » HTML

Deux « types » de balises HTML


1. Balises qui structurent les pages

HTML 4.01, XHTML 1.0 et 1.1 : div, euh…

HTML/XHTML 5 : header, footer, nav, section, aside, figure…


2. Balises qui structurent le contenu des pages

HTML 4.01, XHTML 1.0 et 1.1 : Hx, p, ul/ol, dl > dt/dd, img, table…

HTML/XHTML 5 : audio, video, article, ins…


(S’adresser aux utilisateurs) Une découpe adaptée aux enjeux

Design « sexy », visibilité dans les principaux moteurs de recherche, taux de conversion…


(S’adresser aux utilisateurs) Une découpe adaptée aux enjeux

W3C, Qualité Web et bonnes pratiques (Opquast),

Accessibilité (Accessiweb, RGAA…) :logique d'articulation des contenus,ergonomie (conception orientée utilisateur).


Conclusion

La recette miracle n’existe pas ! K.I.S.S. (Eviter les bidouilles !!!)


Questions…

Réaliser une découpe HTML pertinente.

Documents