• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Sliced Photoshop images in Dreamweaver CC 2019

Community Beginner ,
Jan 22, 2021 Jan 22, 2021

Copy link to clipboard

Copied

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

Views

267

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 22, 2021 Jan 22, 2021

Copy link to clipboard

Copied

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

Wappler, the only real Dreamweaver alternative.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 22, 2021 Jan 22, 2021

Copy link to clipboard

Copied

Thanks for your advice Ben.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 22, 2021 Jan 22, 2021

Copy link to clipboard

Copied

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 22, 2021 Jan 22, 2021

Copy link to clipboard

Copied

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

 

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 22, 2021 Jan 22, 2021

Copy link to clipboard

Copied

LATEST

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 22, 2021 Jan 22, 2021

Copy link to clipboard

Copied

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 & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines