Previewing Changes to HTML Code

Topic Level: Advanced Web Design

While you are editing the design, Jade creates a temporary 'Current Design Folder'. This allows you to preview your changes without modifying the file.

After making changes to the HTML code:

•	Select Web Publisher

•	Create Web Pages

•	Select Preview

Tips for previewing:

•	Search can only be previewed on a web server with PHP support. So, to test how your search form works, you will have to publish them to the web server.

•

You can see the search form that has been generated (without the style sheet applied), if you browse the output folder (Web Publisher > Tools > Browse output folder > Search > Templates > search_form.html). Remember, these are PHP templates and these will only be merged and functional once they are on the web server. Links to other pages, (e;g, to the homepage or the category pages) will not work when browsing the output folder. However, they will work on your website.

•	If your changes do not involve modifying the images, select "HTML Only" on the Create Web Pages button menu. This will speed up web page creation.

•	After changing the web design or categories, you may need to empty the output folder before previewing your changes (Web Publisher > Tools > Empty Output Folder).

•	If you are using Web Categories, you may want to preview your designs on a very small dataset. Make a copy of your categories file and then add a condition to each of its filters to limit the test to specific properties (e.g. Where PropertyID is any of these 22,33,49).

Page url: http://www.jadetools.com/jps/user_manual/HTML/index.html?previewhtmlcodechanges.htm