Coding a web design PSD?

Discussion in 'HTML & Website Design' started by jcMarkus, Mar 4, 2011.

0
  1. #1
    How do I go about coding a website design I just created in PhotoShop? Right now it's a PSD file so how do I turn it into a website now?

    No, I don't have Adobe Fireworks, so I can't use that.
     
    jcMarkus, Mar 4, 2011 IP
  2. YogalD

    YogalD Peon

    Messages:
    58
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I think making it in Photoshop is just to make a layout, I'm not sure if you can make it into a website straight from that
     
    YogalD, Mar 4, 2011 IP
  3. charlessayer

    charlessayer Peon

    Messages:
    49
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    You can make psd in photoshop for website design. Because through psd file you can analise your website design. like withe, height, banner and header etc....
     
    charlessayer, Mar 4, 2011 IP
  4. developerpanda

    developerpanda Peon

    Messages:
    104
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Next you need to code that PSD design so may be its a good time you start learning HTML & CSS. Either pick a book or begin at http://w3schools.com/ tutorials.
     
    developerpanda, Mar 4, 2011 IP
  5. Thorlax402

    Thorlax402 Member

    Messages:
    194
    Likes Received:
    2
    Best Answers:
    5
    Trophy Points:
    40
    #5
    Here is a site that helped me a lot. The method that it teaches is not the proper way to do it since it uses tables for the structure, but it will definitely help you rationalize how the coding of a PSD works.

    http://slicingguide.com/
     
    Thorlax402, Mar 4, 2011 IP
  6. beven

    beven Well-Known Member

    Messages:
    483
    Likes Received:
    1
    Best Answers:
    1
    Trophy Points:
    113
    #6
    I think u make banner, footers in the photoshop & then combine that in Dreamweaver
     
    beven, Mar 5, 2011 IP
  7. techntuts

    techntuts Member

    Messages:
    197
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    26
    #7
    First of all, do you know HTML and CSS... If not go to w3schools.com and learn them. After you are done with learning HTML and CSS you need to slice you template in photoshop and start coding them using dreamweaver...
     
    techntuts, Mar 6, 2011 IP
  8. freshgreenlove

    freshgreenlove Well-Known Member

    Messages:
    404
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    135
    #8
    yes.. you can many learning in here...
     
    freshgreenlove, Mar 6, 2011 IP
  9. deepspeed

    deepspeed Greenhorn

    Messages:
    92
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #9
    You have PSDtoHTML services online who can convert them into the best coded page ever.
     
    deepspeed, Mar 7, 2011 IP
  10. Whenn

    Whenn Peon

    Messages:
    7
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Please don't use tables to build your websites. As other have said here, go to w3schools.com and learn.
     
    Whenn, Mar 7, 2011 IP
  11. facebook-applications

    facebook-applications Peon

    Messages:
    199
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #11
    use dreamweaver for that
     
    facebook-applications, Mar 7, 2011 IP
  12. AtSeaDesign

    AtSeaDesign Active Member

    Messages:
    172
    Likes Received:
    2
    Best Answers:
    1
    Trophy Points:
    93
    #12
    You can use services that will do it for you. However, it will cost you money AND you don't learn that way. So you'll end up being in the same boat again on our next project. w3schools is a good starting point to learn how to code your web page.
     
    AtSeaDesign, Mar 7, 2011 IP