Comment faire pour créer un site Web avec Adobe Photoshop CS3

Une des façons les plus faciles pour créer un site web spectaculaire est d'utiliser Adobe Photoshop. En travaillant directement dans Photoshop, vous aurez une idée exacte de ce que votre site web final ressemblera que vous construisez. Le processus est relativement simple.

Instructions

1 Ouvrez un nouveau document dans Photoshop. Faire la taille correspond le réglage que vous allez utiliser pour votre page, comme 1024x720 ou 800x600.

2 Créer la partie "image" de votre page Web. Utilisez les outils de dessin et les filtres et modes de fusion pour créer les logos, icônes, boutons et ainsi de suite pour votre site. Utilisez des calques pour garder tous vos éléments séparés afin que vous puissiez plus facilement les déplacer pendant que vous travaillez.

3 Copier et coller dans le document des images ou des photos que vous souhaitez utiliser. Pour ce faire, allez dans le menu Edition et sélectionnez les outils Transformer pour redimensionner et repositionner les images.

4 Utilisez l'outil Slice pour couper votre image globale en tranches. Essayez de respecter les tranches les principales caractéristiques de votre page Web lorsque vous faites cela. Ensuite, enregistrez votre document.

5 Allez dans le menu Fichier et cliquez sur Enregistrer pour le Web. Enregistrer en tant que la meilleure version basse résolution de votre image à partir des options présentées. Habituellement, si votre page a des images ou des photographies, vous voulez exporter les tranches comme JPGs. Si la page n'a pas de photos, vous pourriez être en mesure de sortir avec l'exportation des tranches sous forme de fichiers GIF, qui se charge encore plus rapide.

6 Ouvrez un éditeur de page Web, tels que Dreamweaver ou Expression Web, et de créer un site web dimensionné pour correspondre à la taille de celui que vous avez fait dans Photoshop. Créer ou dessiner un tableau, en utilisant une série de colonnes et de lignes qui adapteront les images découpées que vous avez faites.

7 Commencez insérer vos images où ils doivent aller. Tapez votre texte, créez vos liens, et alors il est temps de publier.

Conseils et avertissements

  • Ne tapez pas dans un texte dans le document Photoshop vous créez, puisque le texte publié sous forme d'image ne sera pas détecté par les moteurs de recherche, ce qui réduirait l'optimisation de votre moteur de recherche.