Tip:
Highlight text to annotate it
X
Open your desired design in browser
Open psd for that template
Hide auto slices for ease
Click to use move tool/Press V
Click the placeholder,remember auto select layer is checked
In layers panel double click smart object for clicked placeholder
Place your image
Press ctrl+S to update
Similarly replace all placeholders
Edit banner ,as desired
Change buttons price
Replace these placeholders
ctrl + S
Go to file
Save for web and devices
Hold spacebar to move left right
Hold shift key to select slices
Select placeholder slices,buttons,banner holding shift key
Use gif opimized,
Press save and browse to template folder
choose images folder of same template
Press selected slices
Now you are replacing the default images
press replace
Done,refresh your browser
Now edit text,headlines using html templates
Open with your code editor
Replace menu text
Replace headings,paragraphs