Programme

Méthodologie de conception

  • La gestion d’un projet web
  • Les objectifs d’une maquette web
  • Les différents terminaux d’affichage, desktop, tablettes, mobiles, …
  • Les différents formats d’affichage
  • Introduction au « responsive design »
  • Penser référencement

La mise en scène de l’information

  • Hiérarchiser les types de contenus, et les types d’information (corporate, infos pratiques, blog, réseaux sociaux…)
  • Le rôle de la page d’accueil
  • Susciter une action, diriger l’internaute
  • Les recommandations des moteurs de recherche
  • Les fréquences de publication, planning et suivi

Les enjeux du référencement et du Webmarketing

  • Introduction au SEO
  • Architecture de l’information (UX)
  • Stratégies de contenus
  • Rédiger pour le web

L’ergonomie d’un site web

  • Les temps de chargement selon les terminaux
  • Le système de navigation
  • Organiser le contenu
  • Les principes d’ergonomie
  • La navigation libre
  • La navigation dirigée

La lisibilité

  • Notions de typographie et de mise en page
  • Gestion des typographies pour le web et des webfonts
  • Hiérarchiser l’information
  • L’intégration des visuels
  • Les animations et les liens

Design graphique du site

  • La charte graphique, le wireframe
  • Le choix des couleurs, harmonies
  • L’analyse visuelle des pages / La dimension des pages
  • La grille modulaire du site

Travaux dirigés sur Photoshop

  • Etudes de cas
  • Réalisation de maquettes complètes
  • Création d’icônes, favicon, …
  • Optimisation des images pour les différents terminaux
  • Découpage de la maquette en vue d’une intégration HTML/CSS

Intégration de la maquette

  • Présentation de Dreamweaver
  • Introduction au Html/Css
  • Création des pages
  • Découverte des premières balises et propriétés Html et Css
  • Mise en conformité des pages avec le W3C
  • MIse en ligne du site

Introduction aux CMS

  • Présentation des CMS
  • Installation et configuration de WordPress
  • Personnalisation de WordPress
  • Adaptation de la maquette au thème WordPress