- Web templates
- E-commerce Templates
- CMS & Blog Templates
- Facebook Templates
- Website Builders
JS Animated. How to edit single HTML file template
February 9, 2012
In this tutorial we will learn how to modify a single page html template
Open ‘Index.html‘ file from “site” folder in Adobe Dreamwever
![single_page_html-1](http://info.template-help.com/wp-content/uploads/2012/02/single_page_html-1-300x61.jpg)
The best way to modify such templates in Dreamwever, by using a ‘Code View’
We can easily locate the text for menu items
![single_page_html-2](http://info.template-help.com/wp-content/uploads/2012/02/single_page_html-2-300x225.jpg)
In the ‘Content’ section, we will find all the pages content
![single_page_html-3](http://info.template-help.com/wp-content/uploads/2012/02/single_page_html-3-300x225.jpg)
Please check the page ID title, as it will indicate what page exactly it is.
![single_page_html-3a](http://info.template-help.com/wp-content/uploads/2012/02/single_page_html-3a-300x225.jpg)
As for the images, we may simply replace them in the ‘images’ folder
NOTE: gallery images, are usually placed into the ‘gallery’ folder.
![single_page_html-4](http://info.template-help.com/wp-content/uploads/2012/02/single_page_html-4-300x225.jpg)
Following the same process, you may find and edit ‘read more’ pages content and ‘privacy policy’ content.
![single_page_html-5](http://info.template-help.com/wp-content/uploads/2012/02/single_page_html-5-300x225.jpg)
Save ‘index.html’ file when you are done. Open it in the browser to see the changes/preview.
![single_page_html-6](http://info.template-help.com/wp-content/uploads/2012/02/single_page_html-6-152x300.jpg)