Free Tutorial on How to Export Adobe Photoshop Documents into Dreamweaver
As two components of the Adobe Creative Suite, Adobe Photoshop -- the graphics component -- and Adobe Dreamweaver -- the Web-site creation tool -- work well together. After creating graphics for a Web page in Photoshop, export the images into Dreamweaver. Dreamweaver handles the majority of Photoshop output files as long as they remain in image states and offers customization options, including image-descriptor text so that even visually impaired users can enjoy your Photoshop efforts.
Other People Are Reading
Instructions
-
-
1
Complete editing the Photoshop document as desired. Click the "File" menu. Select "Save As." Enter a new file name and saving destination if desired. Pull down the "Format" menu. Select one of the image file formats for the document, such as JPG, GIF or PNG. Dreamweaver does not allow imports of the proprietary Photoshop extension PSD. Click the "Save" button.
-
2
Open Dreamweaver. To insert the Photoshop image in an existing Web page, click the "Open" link. Browse to the file, and double-click its file name. Otherwise, click the "HTML" link under the "Create New" section of the splash screen.
-
-
3
If you opened an existing page, scroll to the place on the page to add the image. Click the "Insert" menu, and select "Image." Browse to the image, and double-click its file name. It is added to the Dreamweaver page.
-
4
Click the "Property" pane at the bottom of the Dreamweaver work area. Click in the "Alt" box, and type the alternative text for screen readers to identify the image. This step is optional.
-
5
Click the "File" menu. If you created a new Dreamweaver page, click "Save." If you opened an existing Dreamweaver page, click the "Save As" option, retitle the page and click the "Save" button.
-
1
