First of all Amit I hope you are not just slicing the image in the Photoshop and paste it into the web page... This is how TemplateMonster makes theirs HTML templates and it's not the way to go... Photoshop will create too many unnecessary elements to keep layout intact and use full images when sometime you need only small piece of it...
After you have created PSD image in photoshop - now you need to create separate html layout in Dreamveawer or other editor you use.
Than you will assign styles to the html elements according to the design you created in Photoshop.
To use common elements in the header and left column you will probably want to divide layout in 3 pieces:
- header
- body
- footer
You will include common elements in the header and footer parts. Body will change from page to page.
As Sandor mentioned if you give us an image to look at - I can give you some idea how to code your layout...
As a matter of fact if you send me the image I will write the tutorial how to code it so everyone can have an idea...
|