1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Psd 2 Html

Discussion in 'HTML & Website Design' started by Investor1, Nov 26, 2007.

  1. #1
    Hi all am wondering if there are some tool to code a PSD into HTML format?

    Thanks

    Kent
     
    Investor1, Nov 26, 2007 IP
  2. mines

    mines Well-Known Member

    Messages:
    1,127
    Likes Received:
    19
    Best Answers:
    0
    Trophy Points:
    160
    #2
    Notepad ;)

    (You could use the build in features in photoshop/imageready to export it as html. but it isn't very good...)
     
    mines, Nov 26, 2007 IP
  3. Investor1

    Investor1 Well-Known Member

    Messages:
    950
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    125
    #3
    hehe using CS3 but cant find the option :-(
     
    Investor1, Nov 26, 2007 IP
  4. HPA

    HPA Notable Member

    Messages:
    1,335
    Likes Received:
    63
    Best Answers:
    0
    Trophy Points:
    205
    #4
    Well, try to post under "Programming" Forum. Listed under Buy, Sell or Trade > Services.

    But you will need to pay the coder for it. I am a coder, my self. If you want, I can code it for you. just PM with your price.
     
    HPA, Nov 26, 2007 IP
  5. kharen

    kharen Banned

    Messages:
    181
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    I think the slice tool that's for slicing every portion of the image and there's an option where you can place a code..and save it as a web format...
     
    kharen, Nov 26, 2007 IP
  6. microdude431

    microdude431 Active Member

    Messages:
    451
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    85
    #6
    Correcto......

    Slice and open with Dreamweaver....

    Or you could do it from scratch, using Dreamweaver. ;)
     
    microdude431, Nov 26, 2007 IP
  7. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Or better yet, create an HTML/CSS wireframe, apply background colors where necessary via CSS, and then lift the image layers you need from the .psd file and apply them as actual images in either the .gif, .jpg or .png format as appropriate.
     
    Dan Schulz, Nov 26, 2007 IP
  8. Investor1

    Investor1 Well-Known Member

    Messages:
    950
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    125
    #8
    Anywhere i can find a Noob guide for this on the net? :-p
     
    Investor1, Nov 27, 2007 IP
  9. sujit001

    sujit001 Peon

    Messages:
    186
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    I can work as a best tool to convert from PSD to HTML.
     
    sujit001, Nov 27, 2007 IP
  10. Notting

    Notting Notable Member

    Messages:
    3,210
    Likes Received:
    335
    Best Answers:
    0
    Trophy Points:
    280
    #10
    Dreamweaver, Fireworks, HTML and CSS
    These are our tools my man!

    Notting
     
    Notting, Nov 27, 2007 IP
  11. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #11
    I'd take Dreamweaver off of that list. Just give me a text editor (even if it's Notepad).
     
    Dan Schulz, Nov 27, 2007 IP
  12. Notting

    Notting Notable Member

    Messages:
    3,210
    Likes Received:
    335
    Best Answers:
    0
    Trophy Points:
    280
    #12
    Well I'd put it back on the list. You must have a lot of time on our hands if you don't want to use DW
     
    Notting, Nov 29, 2007 IP
  13. Mooseman

    Mooseman Peon

    Messages:
    453
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    #13
    Dreamweaver is pretty good. If you use the code view only. The colors in the code is by far the best imo. Although I prefer notepad++ sometimes, it's quicker to load and easier when programming.

    Anyway, why don't you just learn html from scratch? There's no shortcuts hehe
     
    Mooseman, Nov 29, 2007 IP
  14. kharen

    kharen Banned

    Messages:
    181
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #14
    yah... writing code in notepad is one of the best thing to do where you can easily to remember and understand each code...
     
    kharen, Nov 29, 2007 IP
  15. NiTS.In

    NiTS.In Peon

    Messages:
    175
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #15
    Dreamweaver and Photoshop do quite a nifty job together.
     
    NiTS.In, Nov 29, 2007 IP
  16. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #16
    Yeah, lots of time. Time that I bill for at a premium. :) (I actually have a pretty quick turnaround rate since I'm far more comfortable coding by hand rather than using a WISIWYG editor, and the code I produce is a hell of a lot better than the crap Dreamweaver produces.)

    But I'm a hand coder with five years experience with HTML, CSS, cross-browser/platform/version issues, usability, accessibility and SEO, so a lot of what I do simply cannot be reproduced by Dreamweaver's design view. And I'm also now adding Web copywriting to the list.
     
    Dan Schulz, Nov 29, 2007 IP
  17. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,998
    Best Answers:
    253
    Trophy Points:
    515
    #17
    No, has a premium on time and can't be bothered to waste hours or even days correcting what Dreamweaver's WYSIWYG vomits up for code...

    ...and before you get your panties in a twist with that whole 'if you only use it in code view' rubbish, if you aren't going to use the WYSIWYG congratulations you just dropped $300 to $1000 (depending on version) for less functionality than most FREE notepad replacements/equivalnets (vim, gedit, notepad++) combined with the ACTUAL browsers the end user might be using.

    "Oh, but the preview pane" - yeah, because what we REALLY need is adding a fifth even BUGGIER rendering engine to the mix. BRILLIANT!!!

    But then, I've been at this for thirty years and find code completion a pain in the ass, lack of being able to undock the editor from all the other **** to drag it to another monitor a step BACKWARDS in functionality (which is why I'm not to keen on tabbed editors either), and syntax highlighting to be an acid trip that makes code HARDER to read, not easier.
     
    deathshadow, Nov 29, 2007 IP
  18. sojic

    sojic Active Member

    Messages:
    133
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    90
    #18
    I do not believe on "automatic" software.

    I'm doing it like this:

    1. Slice PSD and save it like .jpg, .gif or .png
    2. Make .css with TopStylePro 3.0
    3. Dreamweaver for .html (not Design view, but code view).
     
    sojic, Nov 29, 2007 IP