Photoshop est un excellent outil pour créer des maquettes de site Web. Quand il est temps de déployer votre maquette , il serait agréable de simplement cliquer sur un bouton et prenez votre prototype vivre. Toutefois, Photoshop est strictement un programme graphique avec aucune capacité HTML. Heureusement, l'exportation de votre maquette dans un format graphique Web conviviale comme JPEG ou GIF et construction d'une page Web qui utilise ces éléments est simple. Gardez à l' esprit que vous devez faire un travail supplémentaire sur le côté HTML pour créer des éléments interactifs comme les liens , les menus et les pop-ups . Les possibilités d'interactivité sont infinies, alors révisez votre code HTML et CSS. Choses que vous devez
Photoshop ( n'importe quelle version )
éditeur HTML
navigateur Web
Voir Plus Instructions
Basics
1

Ouvre ta maquette en Photoshop et l'exporter vers un format d'image Web conviviale . Choisissez "Enregistrer pour le Web et les périphériques " dans le menu "Fichier" . Dans la boîte de dialogue sélectionner un format de fichiers tels que JPEG , GIF ou PNG et choisir une qualité d'image .
2

cliquez sur "Enregistrer " et nommez votre fichier (par exemple , myMockup.jpg )

3

Ouvrez votre éditeur HTML et créer un nouveau fichier HTML. Éditeurs HTML comme Dreamweaver va créer la page Web de squelette pour vous.
4

Ajouter une balise d'image à l'intérieur de l'élément body de votre page Web. La balise image ressemblera à :
5

Enregistrez votre fichier HTML, puis le charger dans n'importe quel navigateur Web
< br . >