Photoshop webdesign to Dreamweaver

[Alex31778075829n]

Hello,

Complete novice of both photoshop and dreamweaver - but I wanted to design a website using photoshop and slice it to then create a working website in dreamweaver.

I'm struggling a bit - I'd like add a news title with text that can be edited on the website - the text needs to sit over an image I've created (similar to the right side of the uploaded).  When I slice my photoshop creation and change the slice option from image to text it obviously removes the image and leaves the text  Is there a way to keep the background image and changeable text on top?  Is this something I can achieve in Dreamweaver?  I've been googling but can't seem to find what I want.  Apologies if this is glaringly obvious, but thank you for any help. 

[jane-e]

Complete novice of both photoshop and dreamweaver - but I wanted to design a website using photoshop and slice it to then create a working website in dreamweaver.

By @Alex31778075829n

My advice to forget Slices in Photoshop and create your website in Dreamweaver or another website editor.

When the web was very new, text was formatted by adding font codes around text. Slices were used for large images to chop the image into smaller images so each could be optimized as to what was best. Those smaller images were then put into a table so they appeared to be the one larger image again.

Things changed many years ago.

Font codes are no longer used. Tables are no longer used. Slices are no longer used.

What you will use Photoshop for is to prepare your images for your site: copy first, then edit if needed, crop, size, etc. Everything else you will do in Dreamweaver or another application for creating websites.

Jane

[Alex31778075829n]

Hello Jane,

Thank you for responding to my query, since posting I've learnt a fair bit on how web creation have progressed.  The last time I created a website was about 20 years ago and was done using photoshop to slice into dreamweaver.  I now see, as you've pointed out, that things have changed a fair bit and although daunting at first, actually a fair bit easier and with much more customisation! Thanks again!

[AlanGilbertson]

When Adobe TV was still around, there was an excellent set of videos by Greg Rewis showing how to take a website design from Photoshop to a CSS-driven Dreamweaver site (no slices, no tables, only HTML5 and CSS 3). I can't find them now, but perhaps someone else on here can. I think you would find them exactly what you need.

Otherwise, these tutorials will bring you up to speed pretty quickly. Start at the last page and work forward!