Découpage et Intégration d'une maquette

Introduction

Nous allons dans ce tuto voir comment découper une maquette et l’intégrer dans une page web

Découpage

1. Sélection du calque
2. Dupliquer les calques
3. Création d'un nouveau document
4. Afficher l’élément dans le nouveau document
5. Rognage (suppression des parties vides dans notre image)
6. Enregistrement (sous l’extension png24)

Répéter ses 6 étapes pour les 11 élément du maquette

Intégration

Dans cette partie nous allons diviser la page web en utilisant la balise <div> les 3 blocs principaux sont :

• Header (entête de la page)
• Container (corps de la page)
• Footer (pied de la page)

Merci Pour votre Attention