Webmaster

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

• 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

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