wrote:
Hi There,
I’ve created a webpage layout with adobe photoshop but i cant work out how to import into adobe dreamweaver to begin adding content e.t.c
thanks 🙂
Once you’ve created your layout, you have to slice it using the slice tool. You can do this in photoshop or imageready, personally, I prefer imageready as it has more options and it allows you to make rollovers, etc. To slice it in imageready you need to press (Shift+Ctrl+M) in photoshop. Once youve done that, slice up your layout. Slicing your layout basically divides your layout into rectangular areas which are images that are defined in photoshop/imageready for web optimization. Often slicing can take some time and practice. Once you’ve sliced your layout you have to save it as a html page. To do this in imageready, go to File > Save Optimized As and save your file. Make sure that you save it as HTML and images. If you’ve sliced it in photoshop, just go to File > Save For Web and once again save your file. Then open up dreamweaver and open your html file and code your layout. As photoshop automaticlly generates the code for you, your slices appear as images, if you would like to add content to these slices you will have to make the a background, for example:
<td><img src="images/index_01.gif" width="43" height="23" border="0"></td>will need to be changed to <td background="images/index_01.gif" width="43" height="23" border="0"></td>
If you’d like to know more information on slicing and savings as a html webpage just google it or go to
http://www.depiction.net/tutorials/photoshop/layoutslicing.p hp or
http://www.pixel2life.com/search/all/slicing/1/