Programme détaillé

LE WEB AUJOURD'HUI

• Analyse des nouveaux modes de navigation
• Comportement des internautes
• Déclinaison du web sur les supports mobiles

NOTIONS ELEMENTAIRES DE REFERENCEMENT

• Contenu sémantique, contenu iconique
• W3C et mise en avant du contenu textuel
• Règles de nommage
• Conteneur, (div) et balises H1, H2

AMELIORER L'ORGANISATION ET L'INTERFACE

• Navigation et contrat de lecture
• Identité visuelle et ergonomie : l'importance de la page d'accueil
• Élaborer une charte de navigation
• Savoir structurer ses informations
• Déterminer son rubriquage
• Élaborer ses masques fonctionnels
• Proposer les meilleurs outils
• Intégrer les notions de repérage, de localisation et d'orientation

OPTIMISER LA NAVIGATION ET LA GESTION DE CONTENUS

• Textes/photos : les clés de la navigation
• Les liens texte : les règles de nommage
• Relation des données et indexation
• Utilisation des différents médias : Textes, photos, infographies & vidéos

NOTIONS DE TYPOGRAPHIE

• Les familles de polices, (classification Vox-Atypi)
• Sensibilisation au code typographique
• Règles de composition
• Gris typographique
• Justification/coupures/césures
• Google Fonts

NOTIONS DE MISE EN PAGE

• Résolutions et taille d'écran
• Les différentes mise en page web : graphisme et référencement liés
• Couleurs et études comportementales de ces dernières
• Réutilisation et/ou création d'une charte graphique
• Organisation de l'espace, circulation de l'oeil/sens de lecture
• Gestion des blancs et équilibre de la page
• Hiérarchiser le l'information
• Surface d'empagement, marges
• Traitement des images, surfaces

PRE-PROJET

• Analyse du brief client et des contenus, (existant, images, textes, charte graphique)
• Synthèse des références, placements et choix clients
• Livre blanc du projet, (architecture du site, liens et plan général du site)
• Le Zoning : mise en place des éléments principaux

CREATION, OPTIMISATION DU PROJET WEB

• Mise en place et/ou réadaptation de la charte graphique
• Mise en place visuel des éléments textes et images en page d'accueil
• Etude du projet sur 3 propositions graphiques

DEVELOPPER L'INTERACTIVITE DU SITE INTERNET

• L'interactivité homme-machine
• L'interactivité humaine
• La notion de feed-back
• Les services interactifs

VERIFIER L'ACCESSIBILITE

• Tenir compte de la législation sur l'accessibilité numérique
• Se conformer aux normes de W3C
• Adapter les contenus pour les personnes malvoyantes

ETUDES ET CAS PARTICULIERS