Afterwards, I sliced it accordingly, starting with the banner, the red banner underneath it, the area where the contents going to be, and the navigation buttons on the side.
When saving, Dreamweaver also allows the sliced image to be save with different file type for each. For example, it lets the banner to be save as .jpgor as .png, your choice. But the best type for the images to be saved is by using the "PNG-24" option.
Next, choose the 'Save for web and devices" in the photoshop menu, and save those images where the main folder of your project is. To be able to have the images in order when they opened up in Dreamweaver, upon saving, in the "Save as type" option, choose to save it as "HTML and Images".
The reason to save it as "HTML and Images" is that the images of the slices will form a folder called "images" which is going to be your the image root folder. And the HTML file is to be open with the Dreamweaver and the slices images will be in order, just how it looks in Photoshop.
No comments:
Post a Comment