I am done with the design, now i'm wondering how do i proceed and make it into valid xhtml and css. I know that dreamweaver can do this but the code is far too messy, i want to learn to do this manually. How should i go about it? Are there any tutorials available?
.psd? it should be an Adobe photoshop extention right? If you were to allow it to view correctly on a webpage, I suppose you'd have to first save the file as an image file such as JPEG or PNG. To insert the image in the webpage, just insert the code, <img src="URL OF THE IMAGE">. =)
Use imageready and save file as with valid xhtml option with images, it will save page in html with images, now edit and play around with it using dreamweaver and insert tables or stuff you need. I am guessing photoshop ur using did come with imageready. Cheers
PS newbie here. If this is an image of the full page then you will need to slice it into smaller sections and save this as html. I have only begun to work with this so I am not going to be much help. Obviously, you would want to slice along lines that make sense to you. If it is just a few images you want to use. Save them optimized and proceed in the normal fashion to build your page.
Sounds like you need to read up on basic XHTML / CSS / Photoshop how-to's. There are tons of tutorial sites also to find good information.
You can open the PSD in Adobe Image ready and uses slices to chop it up and then save the HTML. Then you need to monkey around with the HTML.