Skip to main content
Known Participant
October 3, 2017
Answered

Inserting a video in dreamweaver(photoshop design)

  • October 3, 2017
  • 2 replies
  • 901 views

Hello my name is Rowin and i made webpages in Photoshop(the design). now i have also made the navigation between the pages and everything. But now i want ot insert a video in some of my webpages. But when i do this with the html 5 video code, it messes up the background image(from photoshop). Does anybody know what to do about this? I would really appreciate it...

This topic has been closed for replies.
Correct answer Jon Fritz

But i can make make these pages exactly like they are now in Adobe Muse? And insert videos easily?


Much more easily than with DW, yes.

Muse has a WYSIWYG interface where DW doesn't. You should be able to save each individual item out of your PS file and drop them into Muse, then move them where you want, without having to touch the code.

You still won't be able to export the entire page as html from Photoshop to Muse. That's just not how it's done in either program. Like I said above, the code PS generates isn't acceptable for a real website. it's only for quick design comps to show people what the design should do in a browser, before the "coder" takes over.

Muse has a much more Photoshop-esque interface than DW and should be fairly easy for you to pick up.

2 replies

Known Participant
October 3, 2017

this is the page i want to insert a video:

Jon Fritz
Community Expert
Community Expert
October 3, 2017

I'm sorry, that's a picture of a page.

We need to be able to see your code to help you.

If you are trying to use DW's generated code for your page, it's just not going to work. You need to rebuild the page from scratch in DW, using elements you save out of PS, like the background image by itself, placed as a background-image in the css of a <div> tag.

If you're not familiar with html and css, you may have better luck using Adobe Muse. It's Adobe's web design program for Designers who don't want to work with html, css or javascript. DW assumes you have a firm grip on those concepts in order to work with it efficiently.

Known Participant
October 3, 2017

oh okay because i worked a long time ago a lot with dreamweaver but i forgto everything. So i thought let me do it a easy way... But what is adobe Muse? Because it is true that i like to work in design mode instead of HTML codes and all that.

Jon Fritz
Community Expert
Community Expert
October 3, 2017

It's impossible to say for certain what might be going wrong without seeing your work in progress. Could you post a link to your work so we can take a look with our browsers.

If I had to guess, I would think it's possible, given your explanation above, that you might be using Photoshop's html code in your page. That will almost never work. Photoshop's html is good for a quick design comp, but it's totally unacceptable for a real website where the content may change (like adding a video where none existed before). The table structure created by PS is just too rigid to accept changes without blowing itself apart.