Skip to main content
D
Daniel5E84
Participating Frequently
January 22, 2021
Question

Sliced Photoshop images in Dreamweaver CC 2019

  • January 22, 2021
  • 3 replies
  • 615 views

Can I "import" a website that I've designed and SLICED in Photoshop CC 2019 into Dreamweaver CC 2019? I've tried it recently without any problems? however, my main concern is to make it Responsive. I'm fairly new to Dreamweaver as well. Bottom line is that I want to know:

1) Is it possible to make it Reponsive after importing the sliced "Photoshop website"?

2) Are there any online tutorials / videos to guide me on this?

Much appreciate your help. Thank You.

 

Daniel

    This topic has been closed for replies.

    3 replies

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    January 22, 2021

    2019 is 2 versions back.  Is there some reason you're not using the latest release version 2021?

     

     

    Nancy O'Shea— Product User & Community Expert
    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    January 22, 2021

    As already mentioned, image slices and tables are not going to work well on the modern web.  You must cater to too many different sized devices nowadays.

     

    Bootstrap is a convenient to use mobile-first framework.  And it's already packaged in Dreamweaver so there's nothing to download.

     

    • Define your local site as you normally would by going to Site > New Site.  Select or create a project folder on your primary hard drive such as C:\MyTestSite\ 
    • Go to File > New > Starter Templates > Bootstrap Templates (see screenshot).
    • Choose a layout and hit the Create button.

     

    • Save your newly created page as index.html.
    • Now you have a responsive site to work with.

     

    Relevant Links:

    - https://www.w3schools.com/bootstrap4/

    - https://www.w3schools.com/html/
    - https://www.w3schools.com/css/
    - https://www.w3schools.com/js/

    Post back if you need more help.

     

    Nancy O'Shea— Product User & Community Expert
    D
    Daniel5E84Author
    Participating Frequently
    January 23, 2021

    Thanks so much for yor help and advice guys. I really appreciate it!

      BenPleysier
      Community Expert
      BenPleysierCommunity Expert
      Community Expert
      January 22, 2021

      1, Although possible, I would suggest not to. Use images that are properly optimised for use in web pages.

      2. there are many online tutorials, just search for them. One interesting course can be found at https://www.youtube.com/watch?v=Ya04AUUfj3whttps://www.youtube.com/watch?v=_ql5D6Vvhxs. Anither one tht I found 

      Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
        D
        Daniel5E84Author
        Participating Frequently
        January 22, 2021

        Thanks for your advice Ben.

        O
        osgood_
        Legend
        January 22, 2021

        Bens advice is absolutely correct in every respect.

         

        Slicing images and importing those slices directly into Dreamweaver was a combination used to build static websites about 20-30 years ago. Im sure  Photoshop 2019 doesnt really expect you to do that today (even if it is still possible). More a case of slicing the specific images required and individually linking those that are strictly necessary to your website

         

        The only way these days to build a responsive website is either use a front end framework like Bootstrap, Tailwind or better still build your own. Other than that buying a prebuild responsive template and shoehorn in your content would be an alternative option.

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