Sliced Photoshop images in Dreamweaver CC 2019

[Daniel5E84]

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

[BenPleysier]

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 ...

[Daniel5E84]

Thanks for your advice Ben.

[osgood_]

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.

[Nancy OShea]

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.

File > New > Starter Templates

• 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.

[Daniel5E84]

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

[Nancy OShea]

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