How to Insert PSD Into Dreamweaver
Dreamweaver, published by Adobe, is a Web-page creation and editing program that lets you develop HTML, CSS and JavaScript content for browsers and mobile devices like smartphones and tablets. The program is tightly integrated with other Adobe programs such as Photoshop. You can create your graphics in Photoshop, save them as a native Photoshop PSD file and then insert the image into a Dreamweaver project. Dreamweaver will convert the PSD into a JPG, GIF, or PNG file for display on a Web page and then import the graphic file into the project.
Other People Are Reading
Instructions
-
-
1
Open Dreamweaver. Click "File" and then "New." Select "HTML" and click "Create." You can also click "Open" and load an existing Dreamweaver project.
-
2
Click the "Design" button to view your Web page as it will appear in a browser. Place the cursor where you want to insert the PSD file into the page.
-
-
3
Click "Insert" and select "Image." Navigate the file system in the "Select Image Source" window to the PSD file you want to insert. Double-click the file.
-
4
Select a format for the image in the Image Preview window. Choose JPEG, GIF, or PNG from the "Format" drop-down menu. Adjust the quality of the image with the "Quality" slider. The higher the quality is, the larger the file will be and the longer it will take to download the Web page that contains it. Click "OK" and then "Save" to save the Web-optimized image.
-
5
Enter a brief description of the picture in the "Alternate Text" text box. Alternate text is used by a screen reader to assist sight-impaired people visiting the page. Click "OK."
-
6
Adjust the properties of the image in the Properties window at the bottom of the screen. You can change the size of the image on the Web page, add a link to the image that will take a visitor to another Web page or add a border to the image and align the image with text on the page. Click "File" and then "Save" or "Save As" to save the page.
-
1
