Frank LANG - Développeur front-end / Expert Accessiweb en évaluation Kiwi Party Alsacréations - 16/04/2010 Réaliser une découpe HTML pertinente. Un point.

Présentation au sujet: "Frank LANG - Développeur front-end / Expert Accessiweb en évaluation Kiwi Party Alsacréations - 16/04/2010 Réaliser une découpe HTML pertinente. Un point."— Transcription de la présentation:

1 Frank LANG - Développeur front-end / Expert Accessiweb en évaluation Kiwi 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).

2 Frank LANG - Développeur front-end / Expert Accessiweb en évaluationKiwi Party Alsacréations - 16/04/2010 Le métier d’intégrateur HTML Savez-vous qui est l’ancêtre des intégrateurs HTML ?

3 Frank LANG - Développeur front-end / Expert Accessiweb en évaluationKiwi Party Alsacréations - 16/04/2010 Johannes Gutenberg (1400-1468) Imprimeur typographe, inventeur de l’imprimerie.

4 Frank LANG - Développeur front-end / Expert Accessiweb en évaluationKiwi Party Alsacréations - 16/04/2010 Le métier d’intégrateur HTML « Ecrire pour le web ».

5 Frank LANG - Développeur front-end / Expert Accessiweb en évaluationKiwi Party Alsacréations - 16/04/2010 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 ?

6 Frank LANG - Développeur front-end / Expert Accessiweb en évaluationKiwi Party Alsacréations - 16/04/2010 Ecrire pour le support web les standards fixés par le W3C

7 Frank LANG - Développeur front-end / Expert Accessiweb en évaluationKiwi Party Alsacréations - 16/04/2010 S’adresser aux utilisateurs Les internautes Google (Google sera votre premier lecteur)

8 Frank LANG - Développeur front-end / Expert Accessiweb en évaluationKiwi Party Alsacréations - 16/04/2010 Pensez aux collègues Le webdesigner, le développeur, le référenceur…

9 Frank LANG - Développeur front-end / Expert Accessiweb en évaluationKiwi Party Alsacréations - 16/04/2010 (Ecrire pour le support web) Le « medium » HTML Attention aux détournements de balises !

10 Frank LANG - Développeur front-end / Expert Accessiweb en évaluationKiwi Party Alsacréations - 16/04/2010 (Ecrire pour le support web) Le « medium » HTML Deux « types » de balises HTML

11 Frank LANG - Développeur front-end / Expert Accessiweb en évaluationKiwi Party Alsacréations - 16/04/2010 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…

12 Frank LANG - Développeur front-end / Expert Accessiweb en évaluationKiwi Party Alsacréations - 16/04/2010 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…

13 Frank LANG - Développeur front-end / Expert Accessiweb en évaluationKiwi Party Alsacréations - 16/04/2010 (S’adresser aux utilisateurs) Une découpe adaptée aux enjeux Design « sexy », visibilité dans les principaux moteurs de recherche, taux de conversion…

14 Frank LANG - Développeur front-end / Expert Accessiweb en évaluationKiwi Party Alsacréations - 16/04/2010 (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).

15 Frank LANG - Développeur front-end / Expert Accessiweb en évaluationKiwi Party Alsacréations - 16/04/2010 Conclusion La recette miracle n’existe pas ! K.I.S.S. (Eviter les bidouilles !!!)

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