|
|
| Author |
Message |
Sharkey239
Joined: 03 Jan 2011
Posts: 1
Location: Naples, FL
|
 Posted: Mon Jan 03, 2011 10:21 pm Post subject: Converting PSD to HTML, I'm stumped :( |
 |
|
Okay hey everyone.
I'm using Photoshop CS3 and Dreamweaver CS3.
I understand how to slice what I want to be a link, then go to file and save for web & devices.
Does it matter what type of file I save it as?
Anyway I open up the converted PSD into HTML in Dreamweaver, click the slices and link them to the correct pages. I understand that and I've got that down.
But in my PSD design i left blank spaces where I wanted to have YouTube videos and various players.
I get the embeded code and put it into the code side of Dreamweaver. It then shows up as a grey object with a jigsaw looking logo in the middle and I understand that is the code that I just inserted. I just wish to simply drag the object to the correct area in my design. But when I do that it messes with the slices and obviously it doesn't work.
What am I doing wrong or what am I just not doing??
Thanks in advance! |
|
|
|
|
 |
kgainez
Joined: 03 Jan 2011
Posts: 10
Location: VA
|
| Posted: Tue Jan 04, 2011 9:07 am Post subject: |
|
|
you have to put where it belongs
and photoshop saves everything as a table, i'd suggest you go in and just convert it to CSS boxes if you can with a fixed width and height. when you drag out the video to a different place it will probably change the height and width of that cell. i don't really view dreamweaver as a drag and drop kind of thing. also make sure that there is no background in your table cells.
_________________
--
Photoshop Tutorials at www.youtube.com/whoiskgainez
--- |
|
|
|
|
|
aardvark
Joined: 10 Jan 2011
Posts: 1
|
| Posted: Tue Jan 11, 2011 12:02 am Post subject: |
|
|
Definitely don't rely on Photoshop to create the HTML for you, it creates terrible code! Not to mention it will be bloated and generally useless to modify.
If you've got the time, try taking some CSS tutorials to learn how to create tableless designs or if that doesn't work, try Googling a piece of software called Site Grinder, it claims to produce tableless XHTML & CSS from your PSD...but I haven't tried it to see what kind of code it creates.
Here are some PSD to CSS tutorials to get you started...
http://www.1stwebdesigner.com/tutorials/43-psd-to-xhtml-css-tutorials-creating-web-layouts-and-navigation/ |
|
|
|
|
|
robbodinho
Joined: 18 Jan 2011
Posts: 1
|
| Posted: Tue Jan 18, 2011 9:12 pm Post subject: Re: Converting PSD to HTML, I'm stumped :( |
|
|
| Sharkey239 wrote: | Okay hey everyone.
I'm using Photoshop CS3 and Dreamweaver CS3.
I understand how to slice what I want to be a link, then go to file and save for web & devices.
Does it matter what type of file I save it as?
Anyway I open up the converted PSD into HTML in Dreamweaver, click the slices and link them to the correct pages. I understand that and I've got that down.
But in my PSD design i left blank spaces where I wanted to have YouTube videos and various players.
I get the embeded code and put it into the code side of Dreamweaver. It then shows up as a grey object with a jigsaw looking logo in the middle and I understand that is the code that I just inserted. I just wish to simply drag the object to the correct area in my design. But when I do that it messes with the slices and obviously it doesn't work.
What am I doing wrong or what am I just not doing??
Thanks in advance! |
I think you are missing flash player or player source, have a look into that. The jigsaw logo means it not recognized and cannot display |
|
|
|
|
|
YourOnlySin
Joined: 23 Jan 2011
Posts: 230
|
| Posted: Mon Jan 24, 2011 7:42 pm Post subject: |
|
|
|
|
|
|
|
|
|
