photoshop webdesign

Transcription

photoshop webdesign
PHOTOSHOP WEBDESIGN
|
Découvrez l’essentiel de PHOTOSHOP ® pour le WEBDESIGN et réalisez vos maquettes pour des sites internet.
Pour créer et réaliser des maquettes professionnelles et les intégrer sur votre site internet
Une initiation complète pour les futurs webdesigners.
DATES & PROGRAMME
"PHOTOSHOP WEBDESIGN"
Nouveau programme ! dédié aux futurs Webdesigners
initiation (3 jours)
Juin 2012
04/05/06
Juillet 2012
16/17/18
Septembre 2012
17/18/19
Octobre 2012
22/23/24
Novembre 2012
26/27/28
PROGRAMME
3 jours
Photoshop Web design
Objectifs du stage
• Design Web (ou Web graphique) : définition
• Tendances du graphisme web
• Présentation des outils du design Web :
- Dessin vectoriel
- Traitement d’images
- Editeurs web
- Animation vectorielle
- Montage vidéo
- Photoshop et Dreamweaver
- Outils web gratuits
- FTP
• Les contraintes du Web graphique :
- Unité de référence, le pixel
- Résolution, 72 Pixels Par Pouce
- Mode de couleur, RVB
- Types de fichiers, GIF, JPEG, PNG
- Conventions de nommage des fichiers
Utiliser Photoshop © pour réaliser vos maquettes
destinées à un site internet ; Préparation et intégration sur
le site.
Préparer Photoshop pour le web
Pré-requis
• Réglages des Préférence pour le web :
- Repères, grille et tranches
- Gestion des fichiers
- Performances
- unités et règles
Etre personnellement familiarisé avec l'ergonomie de
photoshop, avec les outils de base.
• Gestion des couleurs pour le web
• Enregistrement d’un espace de travail
………………………………
Préparer un projet de site internet
• Plan de site (ou Plan de navigation)
• Logiciels de création de plans de site
(outils de création de diagrammes) :
- Omnigraffle (Mac payant)
- Microsoft Visio (Windows payant)
- OpenOffice.org (Multiplate-forme gratuit)
- Slickplan (Webware gratuit)
Découvrir les principaux types de sites web.
………………………………
Public concerné
Toute personne en charge du Design d’un site internet,
Photoshop Niveau +.
Nouveau programme.
………………………………
Ou toute personne ayant suivi une formation "Découverte
ou Initiation Photoshop" (voir nos programmes)
Durée
3 jours (initiation)
………………………………
Intervenant
Formateur spécialisé Photoshop ©
• Gabarits de page (“Zoning”)
………………………………
Interface graphique
Moyens pédagogiques
• Tailles d’écrans
• Charte graphique
- Palettes de couleurs
• Grilles de construction
Un ordinateur et un support de cours par stagiaire
• Réalisation d'une interface web avec Photoshop
• Découper une interface graphique
- Aplatir l’image
- Enregistrer pour le web et les périphériques
• Intégration HTML et CSS
- Notions HTML
Structure des documents HTML
Principales balises HTML
Organisation et gestion des fichiers d’un site web
- Notions CSS
CSS zen garden
- Dreamweaver
Espace de travail
Utilisation de Dreamweaver pour l’intégration d’éléments
graphiques issus de Photoshop
Création d’un objet dynamique
………………………………
Type
Inter-entreprise
………………………………
Photoshop et les CMS - Présentation
• Qu’est-ce qu’un CMS
• Les principaux CMS
• Utilisation d’un CMS
• Artisteer, générateur de templates / thèmes pour CMS
TW FORMATION - 5, rue du Helder 75009 PARIS - Tél. 0810 804 001 (prix d'un appel local)
Siret : Paris b 534 085 626 00016 - Naf : 8559A (formation continue d'adultes)
Tva intracommunautaire : FR26534085626