Programme

Module 1 : Webdesign – 5J- 32,5H
Module 2 : Création de site web avec Dreamweaver – 5J- 32,5H

Module 1 : Webdesign

Au cours de la formation webdesign les notions apprises sont mises en pratique et les stagiaires réalisent une maquette graphique.

1 -­ Base de connaissances technique

  • Fonctionnement d’un site dynamique
  • Webmaster et développeur
  • Le référencement naturel et les normes w3C
  • Le référencement actif et les réseaux sociaux
  • Html et css
  • Php et les gabarits dynamiques
  • Hébergement, MySql et bases de données
  • WordPress et les autres CMS
  • Le responsive design, les mediatags et bootstrap 2

2- Stratégie de communication sur le web

  • Architecture de l’information UX
    • Énumérer
    • Catégoriser
    • Structurer
  • Interface Utilisateur UI
    • Navigation principale et secondaire
    • Hiérarchisation des blocs
    • Raccourcis contextuelles et liens transversaux

3-­ Méthodologie graphique

  • Les gabarits de maquette graphique sur Photoshop
  • La grille
  • La typographie sur le web
  • Les feuilles de styles
  • L’iconographie
  • Diversité et cohérence des typologies
  • La gestion des blocs
  • Le Favicon
  • Les différents types de sites et leurs objectifs
    • Site e-­commerce
    • Site évènementiel
    • Site institutionnel
  • Culture Internet et design contemporain.

4 -­ Mise en pratique, étude de cas

  • Analyse d’une demande
  • Esquisse d’intention interface (page d’accueil)
  • Réalisation d’une maquette Photoshop (page d’accueil)
  • Déclinaison multi support
  • Déclinaison pages intérieures

 MODULE 2- Création de site web avec Dreamweaver

  • 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

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