Default HTML Template shouldn't use %5C (backslash) to reference images in pages subdirectory

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Create any Pencil project.
2. Export the project using the default HTML template.
3. Host the generated HTML (index.html, plus Resources and pages directories) 
on a web server such as Apache.
4. Use a browser to access the generated index.html hosted by the web server.

What is the expected output? What do you see instead?

The expected output is the same as if you accessed index.html by opening it 
from the Windows file system using a web browser.  What you see instead is a 
web page with all broken images.  This is because pages\pencil_page.png (for 
example) is not a valid URL for the src attribute of an HTML <img> tag.  The 
generated HTML should not be using the Windows path component separator (i.e., 
backslash), but rather it should be using the HTML path component separator 
(i.e., slash). When I manually changed all the occurrences in index.html of %5C 
associated with the <img> src attribute to /, then the images were correctly 
display both when index.html was hosted by a web server, and when accessed by a 
browser directly from the Windows file system.

What version of the product are you using? On what operating system?

Evolus Pencil 2.0.2 on Windows XP Service Pack 3

Please provide any additional information below.

Hopefully, no additional information is necessary :-)  It sounds like a pretty 
simple fix.

Original issue reported on code.google.com by bigsteve...@gmail.com on 13 Nov 2012 at 11:09

[GoogleCodeExporter]

Looks to be a duplicate of 222, 225, and 237.

Original comment by bigsteve...@gmail.com on 13 Nov 2012 at 11:14

[GoogleCodeExporter]

What is the solution though?

Original comment by Trini...@gmail.com on 28 May 2015 at 4:21