Take care when going to PSD to HTML

Discussion in 'HTML & Website Design' started by nshadab, Sep 25, 2007.

  1. #1
    I have design a template into PSD format , now i want to convert that into HTML/CSS, what should i take care of and how to covert that PSD into HTML/CSS.

    What professional approach to deal with slice tool? and what to take care when going to use slice tool.

    Thanks in advance
     
    nshadab, Sep 25, 2007 IP
  2. eruct

    eruct Well-Known Member

    Messages:
    1,189
    Likes Received:
    49
    Best Answers:
    0
    Trophy Points:
    108
    #2
    you might want to take a look at this article they do a good job of telling some basics on how to clean up the code that is made from slicing.
     
    eruct, Sep 25, 2007 IP
  3. bsklep

    bsklep Well-Known Member

    Messages:
    2,122
    Likes Received:
    60
    Best Answers:
    0
    Trophy Points:
    165
    #3
    1. You must use slice tool.
    2. Code it (notepad or something like that)

    That is the right way.
     
    bsklep, Sep 25, 2007 IP
  4. Touchdown

    Touchdown Peon

    Messages:
    14
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Touchdown, Sep 27, 2007 IP
  5. Jul

    Jul Peon

    Messages:
    162
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    All professional coders I know use programs like Dreamweaver to code pages. Nobody is using Photoshop for this purpose. Slice pictures manually and insert them into your HTML and CSS code.
     
    Jul, Sep 27, 2007 IP
  6. bogs

    bogs Active Member

    Messages:
    2,142
    Likes Received:
    16
    Best Answers:
    0
    Trophy Points:
    80
    #6
    slice it and select "save for web..."
     
    bogs, Sep 27, 2007 IP
  7. longhornfreak

    longhornfreak Well-Known Member

    Messages:
    2,067
    Likes Received:
    95
    Best Answers:
    0
    Trophy Points:
    140
    #7
    You will need to know what images to slice first. You need to also know xhtml and CSS and possibly php depending on what your doing. If you know all those things.

    1. Slice
    2. Code
     
    longhornfreak, Sep 27, 2007 IP
  8. Whitey

    Whitey Active Member

    Messages:
    1,386
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    80
    #8
    Ive always used the slice took in my websites, ive only had a few that ive designed myself, but for me it's always been the best way :)
     
    Whitey, Sep 28, 2007 IP
  9. iamAdam

    iamAdam Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    I never use the slice tool. I use a longer way but im used to it, rather fast too, and I determine the size of each image, then I use dreamweaver to put the whole thing together again using valid tableless coding.
     
    iamAdam, Sep 28, 2007 IP
  10. chicagoweb

    chicagoweb Peon

    Messages:
    30
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #10
    I prefer Edit Plus; quite versitale for HTML and PHP.
     
    chicagoweb, Sep 28, 2007 IP