Comment exporter des documents Photoshop dans Dreamweaver

PhotoShop PSD tranchage et Prep

1. Accéder à l'application Adobe PhotoShop en cliquant sur son icône sur le bureau.

2. Cliquez sur le "Fichier" onglet de menu en haut de l'écran et sélectionnez le "Ouvert" l'action de charger le fichier PSD Photoshop dans l'application.

3. Sélectionnez le bouton de tranchage de barre d'outils, qui affiche une image d'un couteau à découper. (Ceci est l'outil de tranche comme la mise en page doit être tranché pour fins de codage HTML.)

4. Trace sur les sections des dispositions pour séparer les éléments et créer des pièces individuelles de la mise en page.

5. Cliquez sur le "Fichier" onglet une fois de plus, et sélectionnez le "Enregistrer pour le Web et les périphériques" action dans la liste déroulante.

6. Cliquez sur le "Sauvegarder" bouton dans la "Web et les appareils" fenêtre pour créer une version mise à jour du document PSD qui sera utilisé pour le codage HTML dans Dreamweaver.

Importation de Dreamweaver

1. Ouvrez l'application Adobe Dreamweaver partir de l'écran de bureau de votre ordinateur.

2. Cliquez sur le "HTML" option sous la "Créer Nouveau" section qui est affiché dans la "Nouvelle Configuration du document" fenêtre.

3. Localisez le "Fichiers" onglet dans le coin inférieur droit de l'écran et cliquez sur le "Articles de bureau" onglet dossier pour afficher ses menus et sous-dossier d'options d'effondrement.

4. Cliquez sur le "Images" dossier qui sera répertorié sous les articles de bureau, car cela est l'emplacement du dossier du fichier qui a été créé lorsque vous avez enregistré le fichier Photoshop PSD avec les mises à jour en tranches. Cette action va importer le document Photoshop tranches dans la plate-forme de conception Dreamweaver.

• Ne pas exporter le document Photoshop sans trancher. Découper le fichier PSD Photoshop est extrêmement important. L'outil de tranchage rompt la mise en page vers le bas afin qu'il ne semble pas que seule grande image. Une mise en page est comme un grand puzzle qui est déjà mis en place, de sorte que vous voulez faire le contraire. Vous voulez décomposer sorte qu'il peut être entièrement fonctionnel et accessible. Toutes les couches de la conception et des éléments représentant des boutons, des liens, des boîtes, des sections d'image et d'autres éléments qui devraient être séparés devraient être tranchés en morceaux individuels. Ce sont vos dispositifs Web, comme ils font le site Web d'un site Web. Sans ces appareils, vous aurez seulement une image fixe qui ressemble à une mise en page, mais rien ne marchera.