Right - I created a new xhtml compliant web page (using Dreamweaver). I deleted the embedded styles section and created an external style sheet (CSS). My main .xhtml file contained the bare essentials of html code. What was the point of this exercise? - To center my tour production in my web browser window using a container "frame" (a well known CSS solution to centering web content).
So after creating and saving this file to my hard drive (anywhere will do) as template.html, I tried to publish the page using the template option - I received a pop-up warning stating "The template file must include <!-%% Embeded Virtual Tour %%-> or <!-%% Popup Virtual Tour %%->"
Ok, so I then inserted the <!-%% Embeded Virtual Tour %%-> string into the body section of the file. So now I have the following html code in my template html file:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>My Tour Title</title> <style type="text/css"></style> <link title="css/tour.css" rel="stylesheet" type="text/css" media="screen" /> </head> <body class="oneColElsCtr"> <!-- fixed width and auto centred--> <div id="container"> <div id="mainContent"> <!-%% Embeded Virtual Tour %%-> </div> </div> </body> </html>
I then tried again to Publish my project using the template option. No warning this time just a window looking to open a html file. What to do now?
I selected my new file, template.html, in the "open file window". This started an interesting sequence of events - the software copied my file and placed it in my tour project folder, then it replaced the path string to point to this new location (now that is interesting). So now in option "Publish Page - Template" on the general tab of the publish window I have the following path greyed out: "...\my_tour_project\Window\MainWindow\template.html"
The rest of the Publish sequence completed successfully and I was left with my newly created project files, as normal. All that remained for me to do was copy my external CSS file and place it with these new tour files.
Result - it worked. I have my tour, centered in my browser. The html code is standards compliant, and I have a template stored separately on my PC (along with the CSS file) that I can use for future projects.
I feel that the help documentation just needs to explain the feature better.
|