Webmaster Expert: Ergonomie, Accessibilité, Sécurité et Sémantique web

Webmasters

Connaissance de base du web et des réseaux

Construire des sites web ergonomiques, sécurisés - intégrer des balises sémantiques dans vos pages.

Comprendre l'ergonomie des sites web

Définitions générales: ergonomie, ligne de flotaison, format, supports mobiles, etc
Loi de Gestalt et Fitts
Principes de base, règles et standards
Utilisabilité, personas
L'UX
Comprendre les systèmes de navigation
Gestion des sites volumineux

Rendre votre site accessible

Comprendre l'accessibilité
Règles pour l'accessibilité des contenus Web WCAG 1 et 2
RGAA: référentiel d'Accessibilité pour les Administrations
Accessiweb: présentation du référentiel
Section 508, UWEM
Normes ATAG et UAAG

Outils d'audit: WAT, WDT, extensions de navigateurs
Validation: niveaux, outils

Sécuriser votre site web

Rappel des notions de base: Couches OSI, TCP, HTTP, Codes de retour, persistance et pipelining
Méthodes HTTP: GET, POST, OPTIONS, PUT, DELETE, HEAD, TRACE
Notion de cookies, les attributs, les options associées
Le chiffrage et le hashage; algorithmes modernes
Authentifications HTTP (basic, digest)
Systèmes de SSO (Single Sign On)
Sécurité hors attaque: les sinistres et accidents
Attaques sociales, exemples et effets
Attaques par injections SQL, mails, LDAP, XPath, code arbitraire - exemple de filtrages en entrée
URL malicieuses: faire exécuter une URL (injections HTML, HTTP response splitting...)
URL malicieuses: conséquences - Cross Site Scripting, Cross Site request Forgery
Obfuscation et information leakage (code accessible, erreurs visibles...)

Atelier pratique: tests et tentatives ludiques

Comprendre la sémantique web

Valorisation du contenu d'une page web pour améliorer le référencement
Hypertexte sémantique et sémantique embarquée dans les pages HTML
Nouvelles balises sémantiques HTML5
Formats de balisage: Microdata, Microformats, RDFa
Rich Snippets: présentation, outils de test
Compatibilité des Rich Snippets avec les types de contenu: Avis, Personnes, Produits, Événements,...

Intégrer des Microdata et utilisation de schémas

Microdata: spécifications HTML 5
Nouveaux attributs: itemscope, itemtype, itemprop, itemref, itemid
Microdata API support
Schema.org: présentation, documentation
Hiérachie des types
Mise en place, bonnes pratiques

Méthodologie basée sur l'Active Learning : 75% de pratique minimum. Chaque point théorique est systématiquement suivi d'exemples et exercices.

Contrôle continu

Attestation de fin de stage mentionnant le résultat des acquis

Sources des exercices + Support papier