The good thing about working adobe programs is that you can use them together. Once you create an image in Photoshop you can insert Photoshop image files in PSD format into web pages in Dreamweaver. Once in Dreamweaver, your image will automatically be optimized as web ready images in gif, png, and jpeg formats. You can also paste some or all of your multi layered or multi sliced Photoshop image into a web page in Dreamweaver.

Working with Photoshop and Dreamweaver

When you use Photoshop to create images, you can use Dreamweaver to optimize your images for the web and then insert them into web pages. You can also choose slices or layers in a Photoshop image, and then you can use Dreamweaver to put them as images in web pages. Then after you insert these images in web pages, you will be able to edit the source files in Photoshop and the update that same file in Dreamweaver.

You can use your then following steps to insert an image that you made in Photoshop into a web page. When you create an image in Photoshop, and save your image as a regular Photoshop PSD file, you won’t have to save as a jpeg, png, or gif because Dreamweaver will do it for you. Once your image is in Dreamweaver, you can select the PSD file and place it into the web page. Dreamweaver will allow you to optimize the image for the web, and then place it on the page.

You can use the following steps for using a Photoshop layer or slice image as a layer or slice image in a web page. When you are in Photoshop you will select and copy the slice or layer to your clipboard.

Once your image is in Dreamweaver, you can paste the slice or layer into your web page. You can use Dreamweaver to optimize your image for the web, and then place it on the page.

This article is written by Kevin M. Sugrue and is an extract from part of ‘The Essentials of Web Layouts in Photoshop’ Ebook. For more go to http://www.tutorialhell.com/ebooks

Article Source: http://EzineArticles.com/?expert=Kevin_M._Sugrue

Author: Kevin M. Sugrue

 Mail this post

Technorati Tags: