I just got started on designing WEB2.0 layouts in photoshop, and now I'm in the process of trying to figure out the easiest way to convert them into html. If anyone can give me a cheaters way to do it, then kewl, if not then some tutorials would help. I have about 2 years html and about 8 months CSS knowledge. I'm currently downloading various templates and disecting the CSS from them to help me better understand CSS and div layouts. thank you in addvance for whoever is of help to me.
Do you have adobe imageready? You can cut up a photoshop flat layout to an html and css through it... or just make the template in photoshop with the layers, and export to HTML...
Sounds like you're off to a great start. Once you've got a design ready, just slice and code the page. I recommend coding without the use of a 'designer view' or WYSIWYG editor. You'll get much better results this way. If you run into any problems, PM me... I've been taking PSD and PNG to HTML and CSS for years.
Just save the PSD, open in image ready, I think theres a menu link is PS that automatically opens the image to IR...
I'm sorry, I said my last reply wrong. I know how to switch between PS and IR, I'm just trying to code the page with DIV layers and define everything thru CSS. I'm trying to stay away from slicing the whole thing into a table. and demonhale, what did you mean by this "You can cut up a photoshop flat layout to an html and css through it... or just make the template in photoshop with the layers, and export to HTML"
It would take a lot of putzing around. I could code it for you for some money and help explain exactly what it is doing.
First of all, you don't need imageready for slicing, it work in PS aswell. Second, you can't slice if you want to code it with divs and css and all that.. it will make tables of it. So just learn CSS, it's your best shot imo. (assuming you know html already)
Yeah as mooseman said and as I already said you can use either PS or export to IR... You can use the generated table codes and easily replace them with div containers, as long as you know some CSS... it would require some work on your part, and this is a good time to practice it...