photoshop to dreamweaver problem

Discussion in 'HTML & Website Design' started by 900rr, May 2, 2007.

  1. #1
    i have template done in photoshop (sliced too),does anybody knows how to export this to dreamweaver
    thanks
     
    900rr, May 2, 2007 IP
  2. vahsi000

    vahsi000 Well-Known Member

    Messages:
    706
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    140
    #2
    Once you've sliced it, you goto File-> Save for Web
    Pick your choice of image type, when you hit the save button, save it at a location where you can find it easily. Important, just before you save it with the drop down menu's make sure you pick "html and images" (not definite on how it's written, it should be something like that). This will export the files that you have sliced along with a html file to go along with it.
    Now you can open up dreamweaver and simply goto File-> Open
    and open the html file where you previously saved it.
     
    vahsi000, May 2, 2007 IP
  3. kids

    kids Active Member

    Messages:
    411
    Likes Received:
    4
    Best Answers:
    2
    Trophy Points:
    68
    #3
    That's exactly! But you need more steps to do. The best way you need create two - one css (style sheet) file and one folder content all of images.
     
    kids, May 3, 2007 IP
  4. vahsi000

    vahsi000 Well-Known Member

    Messages:
    706
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    140
    #4
    how do you know he's going to use css? Also by saving the way I stated, an images folder will be created along with an index.html file...
     
    vahsi000, May 3, 2007 IP
  5. 900rr

    900rr Peon

    Messages:
    77
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    thanks guys!

    i did something,and i can say was partial succes

    http://gainman.freehostia.com/t2

    now i have this page with my content,but whole page is like one picture (no links,u cant click on search box etc.)

    i made one style.css and one index.html and image folder as well

    did not change anything in dreamweaver just save as>*.css ,and save as>*html.

    this is my css file (if going to help)


    and html


    What Im doing wrong? :confused: :confused: :confused:


    thanks
     
    900rr, May 3, 2007 IP
  6. vahsi000

    vahsi000 Well-Known Member

    Messages:
    706
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    140
    #6
    your link doesn't work, what are you doing wrong? You're most likely slicing the template in a wrong way, there shouldn't be so many slices unless your website is really complex. You should've just focused on slicing areas which you will be adding content to and images that are going to be clickable. I believe you've sliced too many images on you .PSD file, retry slicing it, this time only slice areas that writing will go on and your buttons and let photoshop slice the rest of the template...

    Do this, upload your page and let us see how it goes...
     
    vahsi000, May 3, 2007 IP
  7. kids

    kids Active Member

    Messages:
    411
    Likes Received:
    4
    Best Answers:
    2
    Trophy Points:
    68
    #7
    You need make two:
    1. css file (style.css):
    - You will define all of info: left_table; center_table; right_table; right_body; left_body...
    Ex:
    left_body {
    ... (use dreamwaver edit)
    }

    2. render file (func.php etc,)
    function makepanel(){
    combine all class defined into <table>...</table>
    }

    Hope help you!
     
    kids, May 3, 2007 IP