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