If you're truly building the site - and not just a graphical prototype, just select the necessary slices and export them. Use Dreamweaver to build the html/css page design, based on your mock up.
If you want to assemble a better mock up, remember that you can also share layers to pages. This gives you more specific control over what pages share content. The trick here is to create a layer (or layers) that contains the shareable assets. Then select the layer in the Layers panel and from the panel options choose Share Layer to Pages. In the dialogue that pops up, just add the pages that you want to share the layer to.
Is it faster to export HTML and images so as not to have to re-create the enitre design mock-up in Dreamweaver? It wouldn't take me too long to re-align all slices on each page and add background color, but I'm just wondering if that's the most efficient way.
Thanks for the tip on layer shareing. I actually created this mock-up in Photoshop originally and then imported 1 layer comp and copied the layers to each new page. I think layer shareing would have sped up that process.
1 person found this helpful
If you're building a professional website, no. Exporting as HTML and Images produces a rigid, table-based html page where ALL content has been converted to bitmap form. Other than centering the design, you can't "re-align" anything in this export, without busting something else.
It won't be accessible, searchable and can break apart very easily if you attempt to edit the pages. It's fine for a clickable prototype, but not at all good for a proper, best practices web site.
The other option is to use the Export CSS and Images workflow which produces pages that are not all bitmaps, but you may still find yourself having to tweak the HTML and CSS on the exported design. For me, I just find it faster to build the pages the way I want in DW. The CSS export in FW is not a magic button, and still requires that you have a good understanding of HTML and CSS.
Thank you! Extremely helpful.