Ziggourat FORMATION

03. Formation Intégration de gabarits avec Photoshop

Objectifs

À partir d’une image réalisée par un Web designer sous Photoshop, créer le code XHTML et CSS préalable à la réalisation d’un site. Intégrez des effets de transparence, de redimensionnement et toutes les parties dynamiques souhaitées.

Participants

Graphistes, webdesigners, webmasters ou toute personne désirant réaliser l’intégration graphique d’un site Web depuis Photoshop.

Prérequis

Une connaissance des langages HTML et CSS est nécessaire pour suivre cette formation. Connaître les bases du logiciel de Photoshop est un plus.

Programme

Outils de développement

• Editeur de Texte avec mise en surbrillance de la syntaxe.
• Firebug

Photoshop

• Connaissance de base de Photoshop nécessaires à l’intégrateur
• Analyse du design
• Création de la feuille de route qui permettra de se retrouver si le design est modifié plus tard

Méthodologie

• Squelette de base générique HTML
• Feuille de style CSS de remise à plat (tous navigateurs confondus)
• Création du zonage HTML
• Feuille de style CSS de travail (pour visualiser le placement des zones)
• Placement exact des zones dans le CSS
• Découpage des images dans Photoshop
• Intégration des images dans le CSS

Enregistrer des images pour le Web

• Formats d’images : Jpg, png, gif
• Redimensionnement
• Compression
• Couleurs

Compatibilité avec les navigateurs

• Les différences entre les navigateurs

Comment faire un design qui fonctionne sur tous les navigateurs du marché : Firefox, Safari, Chrome, Opéra, IE

6, 7 et 8