Webmaster

Une session complète dédiée au métier de webmaster / webdesigner. De la conception au graphisme et à la programmation, cette formation permet d'être entièrement autonome et opérationnel en production.
Programme :

Module 1 : WEBDESIGN avec Photoshop pour le web  -5 jours
Module 2 : Création de site avec DREAMWEAVER niv 1&2 - 5 jours

MODULE 1 Webdesign avec photoshop

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

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

 

MODULE 2 DREAMWEAVER 

Dreamveaver niveau 1 : 3 jours

  • Généralités
  • L'interface de Dreamweaver
  • Les menus et les palettes
  • Liens avec d'autres logiciels

Initiation au langage html - xhtml

  • Les principes du XHTML
  • Les balises et leurs attributs
  • L'importation de texte
  • Importation d'images

Le traitement de l'image

  • L'interface
  • Les formats d'images
  • GIF, JPEG, PNG, image map
  • La mise en page web

La construction d'un site

  • Le rubriquage
  • L'organisation d'un site
  • L'ergonomie d'un site
  • La structure d'un site
  • Ses aspects graphiques
  • Les tableaux
  • Modèles et bibliothèques (templates)
  • Les feuilles de style CSS

Dreamveaver niveau 2 : 2 jours

Mise en oeuvre d'un site

  • Les fonctionnalités
  • La configuration du logiciel
  • La réalisation des pages
  • Les outils de production
  • La palette des actifs

Conception d'un site web (perfectionnement)

  • Création de formulaires
  • Effets spry
  • Gestion de données XML avec spry
  • Méthode CSS
  • Interactivité

La publication d'un site

  • Définir un site
  • La mise à jour des liens
  • Les vérifications générales
  • La modification des fichiers
  • Le déplacement des fichiers
  • Le transfert FTP