i just got a template and it contains two folders (HTML and PSD), in the PSD folder, there's a .psd file that lets me edit the template and let me add to it. in the HTML folder, there's a file called index.html which lets me preview the template and style.css which i dont know what it is. Also there's a "image" folder, inside the "html folder" which has cutted images. my question is how do i edit the PSD file and cut it just like how they did it?

Most templates already slice the PSD file for you. Here is what you need to do:

1. install any fonts that came with the template (if you wish to use those fonts)
2. open the PSD file in Photoshop
3. make whatever changes you want to the PSD file(s)
4. after you are done go to file>save for web and save it to any folder you wish
5. you now have the images edited the way you wish


Note: you want a basic knowledge of layers and how to use them. If you are not sure look up “Photoshop for beginners” in Google and you will find many useful resources.

PS: the text.css file you referred to is a style sheet which tells the web pages how to display the fonts, etc. move the css file out of the HTML folder and then open the index.htm file and you will see the huge difference it makes.

yeh, thats useful for beginners.