1 / 16

Réaliser une découpe HTML pertinente.

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,

hova
Download Presentation

Réaliser une découpe HTML pertinente.

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 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). Kiwi Party Alsacréations - 16/04/2010

  2. Le métier d’intégrateur HTML Savez-vous qui est l’ancêtre des intégrateurs HTML ? Kiwi Party Alsacréations - 16/04/2010

  3. Johannes Gutenberg (1400-1468) Imprimeur typographe, inventeur de l’imprimerie. Kiwi Party Alsacréations - 16/04/2010

  4. Le métier d’intégrateur HTML « Ecrire pour le web ». Kiwi Party Alsacréations - 16/04/2010

  5. 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 ? Kiwi Party Alsacréations - 16/04/2010

  6. Ecrire pour le support web • les standards fixés par le W3C Kiwi Party Alsacréations - 16/04/2010

  7. S’adresser aux utilisateurs • Les internautes • Google (Google sera votre premier lecteur) Kiwi Party Alsacréations - 16/04/2010

  8. Pensez aux collègues  Le webdesigner, le développeur, le référenceur… Kiwi Party Alsacréations - 16/04/2010

  9. (Ecrire pour le support web)Le « medium » HTML Attention aux détournements de balises ! Kiwi Party Alsacréations - 16/04/2010

  10. (Ecrire pour le support web)Le « medium » HTML Deux « types » de balises HTML Kiwi Party Alsacréations - 16/04/2010

  11. 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… Kiwi Party Alsacréations - 16/04/2010

  12. 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… Kiwi Party Alsacréations - 16/04/2010

  13. (S’adresser aux utilisateurs)Une découpe adaptée aux enjeux Design « sexy », visibilité dans les principaux moteurs de recherche, taux de conversion… Kiwi Party Alsacréations - 16/04/2010

  14. (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). Kiwi Party Alsacréations - 16/04/2010

  15. Conclusion • La recette miracle n’existe pas ! • K.I.S.S. (Eviter les bidouilles !!!) Kiwi Party Alsacréations - 16/04/2010

  16. Questions… Kiwi Party Alsacréations - 16/04/2010

More Related