How do I convert from photoshop to a coded valid xhtml website?

Discussion in 'Photoshop' started by chris20492002, Sep 2, 2006.

  1. #1
    Hi, Im new to coding and I wanted to know if anyone knows of any tutorials or guides on how to convert from photoshop to dreamweaver. cause whenever I try to code it after slicing the photoshop image it always goes out of shape and everything moves.
     
    chris20492002, Sep 2, 2006 IP
  2. Kat2

    Kat2 Well-Known Member

    Messages:
    143
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    108
    #2
    Kat2, Sep 3, 2006 IP
  3. chatmasta

    chatmasta Peon

    Messages:
    693
    Likes Received:
    38
    Best Answers:
    0
    Trophy Points:
    0
    #3
    There are tons of tutorials on what is called slicing.

    But it usually outputs to tables, which I don't like. I prefer to just use photoshop to sketch my designs, then make them from scratch in CSS/XHTML.
     
    chatmasta, Sep 3, 2006 IP
  4. thejared

    thejared Peon

    Messages:
    382
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #4
    It's really weird to learn. The tutorials show you how to do it and give you tips on doing it, but you really just need to try it out yourself. I made the template used at www.jRadville.com with photoshop CS2, sliced it, threw it into dreamweaver and coded away.
     
    thejared, Sep 3, 2006 IP
  5. chris20492002

    chris20492002 Guest

    Messages:
    1,136
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    0
    #5
    I know how to covert the images to HTML code so the site isnt full of images but I have problems adding text to the sections as it pushed the whole site down. I dont know how to explain it.

    I did search google and couldnt find anything maby I was searching for the wrong thing as most of the sites were photoshop guides
     
    chris20492002, Sep 3, 2006 IP
  6. chris20492002

    chris20492002 Guest

    Messages:
    1,136
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    0
    #6
    chris20492002, Sep 3, 2006 IP
  7. Drifting Pixels

    Drifting Pixels Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    How I normally do it is save the image files seperately and code from scratch in XHTML and CSS. Photoshop exports it into a table-based layout which is unnecessarily heavy; I prefer doing it with DIVs and CSS.

    There are tonnes of good XHTML and CSS tutorials out there, but here's one I started with:
    w3schools.com/xhtml
    w3schools.com/css

    and here's a cool site for CSS-based layouts:
    bluerobot.com

    Hope that helps!
    DP
     
    Drifting Pixels, Sep 6, 2006 IP
  8. seovault

    seovault Peon

    Messages:
    31
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #8
    As far as I remember there was one really great slicing tutorial on pixel2life... like 60 pages of content.
     
    seovault, Sep 6, 2006 IP