Hi guys, I could do simple design layout in photoshop. Problem is: how can i get it out from photoshop and make it as a CSS enabled? Basically, how to convert a psd into a css xhtml valid page? Let say i bought a wordpress themes in psd and i want to convert it into a xhtml fist, how can i do it? a point to tutorial url will be good. toby
Learn CSS and XHTML . . . Isn't so easy what that you want to make. First of all we must see the layout you designed. We can't tell you any information if we don't have idea on how your layout looks like.
where to learn that css and xhtml? basically i want to create something from scratch from photoshop then export it into xhtml without table. so how people design their site nowadays? through photoshop or simply goes straight to css/xhtml?
Bit of both, and a lot use ready made templates and just edit them a little. I advise that you not start coding your templates by hand as it needs a fair bit of knowledge and experience to do it right, and not just some attempt which ends up having browser compatibility, performance, usability, accessibility and other issues. You can, however, do what most designers seem to do, which is hire a developer to code the template.
The book "Build your own website the right way using HTML and CSS" by Ian Lloyd isn't a bad start. If you have the time, he starts with What is HTML? and you build a website a bit at a time, and he tells you why and what tags do what. When you're done, you end up with www.bubbleunder.com which does a lot of things most people want their websites to do (including an image gallery, though not with thumbnails). You can take what you learn in that book and then make your own site. He doesn't show how to take a photoshop image and make a webpage out of it, but he does show you how to divide up a page. If you can look at the photoshop image and say, yeah, here's the header with the name of the page and what it's about, here's the menu/list of links, here's the main content, here's the footer... you just draw little boxes around each part of the page, and after the book you'll know how to set those up. After building your own site, you might run across some roadblocks or problems... then you come here and say, here's my code, I want it to do this but it does that... why, how to fix? Hope this helps.