Skip to main content
A
Alex31778075829n
Participant
September 5, 2023
Question

Photoshop webdesign to Dreamweaver

  • September 5, 2023
  • 1 reply
  • 227 views

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. 

    This topic has been closed for replies.

    1 reply

    jane-e
    Community Expert
    jane-eCommunity Expert
    Community Expert
    September 23, 2023

     

    quote

    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

     

      A
      Alex31778075829nAuthor
      Participant
      September 23, 2023

      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
        Community Expert
        AlanGilbertsonCommunity Expert
        Community Expert
        September 23, 2023

        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!

        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices