Hi, I know Coding But I dont exactly know how to code a template made in photoshop. I make a website and then insert graphics but I want to know how to code the template made in photoshop. I want to learn it. I know Html and css. Please help. Thanks.
You need to slice the images in photoshop, and then use in you webpages , try nettuts for some tutorials on slicing
You slice your design into parts (so you have one image for the header, each button seperated etc), so you have a map full of images. Create a blank html in notepad or whatever you use, and use these images in your html and css to get the website just like you designed in Photoshop. I hope I explained it well enough
search google for css tutorials, that will find you some good info, I have learned through practice, you really need to learn how to slice the image, photoshop also has a function once you have sliced the template use the save for web and select the include html and images thanks andy
See here a collection of "PSD to HTML/CSS" tutorials : http://www.tripwiremagazine.com/2009/03/20-psd-to-html-tutorials-35-conversion-services.html
You can find some very useful video tutorials on converting you Photoshop template to HTML or CSS in Internet. It is better to see the way professional designers do it and try to do the same. You can also request customization service on my new website dedicated to website templates.
I use Adobe Dreamweaver CS4 and absolutely love it. No need of any technical knowledge and you will able to develop nice looking websites with lots of free templates. I even use it to design websites for small business owners who pays me between 2 and 4K per site. Adobe Dreamweaver CS4 is very user friendly, you can add video, audio, optin forms, rss feeds etc with a touch of a button and the cost for Adobe Dreamweaver CS4 is $1200.00,But you can download it from here fro free: tinyurl(dot)com/yctz9uf Enjoy website making It's worth checking out.
You have to slice your photoshop file, and then save it as html and images... then modify the html according to your needs
hi all, thanks for the info. I have coded my template that I made by the copy paste method instead of slicing. Its better and more pro than slicing. Please check the site i MADE. mojas.org
slice tool... then save as web page.. ofcourse you still have to tweak it since some images should resize with the template and some are not really needed or redundant