Webdesign

La formation webdesign permet de maîtriser les bases de la communication et de la réalisation web. Les principes d'ergonomie, de gestion des formats destinés à toutes les interfaces, et notamment les smartphones, de marketing web, de design graphique et interactif, sont autant de domaines passionnants que le web rassemble et qui sont indispensables en amont de toute intégration HTML, CSS...
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 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