easy way to import template into Dreamweaver

Author Message
Troy
Posted: 6/26/2013
Quote message 

FIRST YOU NEED TO KNOW THIS:

Since Artisteer does not show up very well in DW's WYSIWYG screen, you need to create two templates in DW's Templates folder. For example, you can create the following:

Templates/simple.dwt.html
Templates/artisteer.dwt.html

or if using PHP:

Templates/simple.dwt.php
Templates/artisteer.dwt.php


You set up your static information using the simple.dwt.html template so you can see what you're doing. When you're ready to use Artisteer's resources, select "Modify>>Templates>>Apply Template to Page" then select the artisteer.dwt.html template. Finally, upload your page online.


HERE'S THE ANSWER TO YOUR QUESTION:

In order to continuously export the Artisteer template without losing DW work/resources, you should first:

1) Export Artisteer as a folder to the root of your local website (You can export it anywhere. I just find it easier working at the root.)

2) You need to cut (not copy) the provided index.html file from your exported Artisteer folder.

3) Paste the index.html file to DW's Templates folder. When asked by DW whether you want to "Update links in the following file?", reply "Update."

4) Rename index.html to artisteer.dwt.html. This is what you will use as your Artisteer Template as described above.

You can export your Artisteer template whenever necessary and upload the contents to your remote website. You’ll see that your website style will change appropriately.

NOTE: REPLACE ARTISTEER TEXT WITH DW'S EDITABLE REGIONS

You will need to add your Editable Regions where necessary:

<!-- TemplateBeginEditable name="PageBody" -->
<!-- TemplateEndEditable -->

You'll have to figure that out yourself since is all relative to the template you create in Artisteer. Use the simple.dwt.php as your model. Something, like the PageBody editable region will replace everything between the following Artisteer divs for example:

<div class="art-postcontent art-postcontent-0 clearfix">
<div class="art-content-layout">
[....OLD ARTISTEER INDEX.HTML FILLER TEXT...]
</div>
</div>

BECOMES


<div class="art-postcontent art-postcontent-0 clearfix">
<div class="art-content-layout">
<!-- TemplateBeginEditable name="PageBody" -->
<!-- TemplateEndEditable -->
</div>
</div>


Here’s some websites I used this technique on:

http://www.graceellay.com/

http://www.jamaicafarewelltheplay.com/

 
Øyvind Granberg
Posted: 12/14/2014
Quote message 

I've used Your method Troy, but what will replace the index.html?
I've run a local host on a Wamp server ....
Without a index.html there is no way to fire up the web site, is there?
 
luis
Posted: 11/17/2015
Quote message 

Hi
I tried your suggestion but no luck, can you please help me? artisteer does not recognize the index.html after i separate it from the original folder. All I want is to be able to use the artisteer generated template in dreamweaver so it will look properly aligned in dreamweaver design mode. Thanks in advance.


Quote Troy:

FIRST YOU NEED TO KNOW THIS:

Since Artisteer does not show up very well in DW's WYSIWYG screen, you need to create two templates in DW's Templates folder. For example, you can create the following:

Templates/simple.dwt.html
Templates/artisteer.dwt.html

or if using PHP:

Templates/simple.dwt.php
Templates/artisteer.dwt.php


You set up your static information using the simple.dwt.html template so you can see what you're doing. When you're ready to use Artisteer's resources, select "Modify>>Templates>>Apply Template to Page" then select the artisteer.dwt.html template. Finally, upload your page online.


HERE'S THE ANSWER TO YOUR QUESTION:

In order to continuously export the Artisteer template without losing DW work/resources, you should first:

1) Export Artisteer as a folder to the root of your local website (You can export it anywhere. I just find it easier working at the root.)

2) You need to cut (not copy) the provided index.html file from your exported Artisteer folder.

3) Paste the index.html file to DW's Templates folder. When asked by DW whether you want to "Update links in the following file?", reply "Update."

4) Rename index.html to artisteer.dwt.html. This is what you will use as your Artisteer Template as described above.

You can export your Artisteer template whenever necessary and upload the contents to your remote website. You’ll see that your website style will change appropriately.

NOTE: REPLACE ARTISTEER TEXT WITH DW'S EDITABLE REGIONS

You will need to add your Editable Regions where necessary:

<!-- TemplateBeginEditable name="PageBody" -->
<!-- TemplateEndEditable -->

You'll have to figure that out yourself since is all relative to the template you create in Artisteer. Use the simple.dwt.php as your model. Something, like the PageBody editable region will replace everything between the following Artisteer divs for example:

<div class="art-postcontent art-postcontent-0 clearfix">
<div class="art-content-layout">
[....OLD ARTISTEER INDEX.HTML FILLER TEXT...]
</div>
</div>

BECOMES


<div class="art-postcontent art-postcontent-0 clearfix">
<div class="art-content-layout">
<!-- TemplateBeginEditable name="PageBody" -->
<!-- TemplateEndEditable -->
</div>
</div>


Here’s some websites I used this technique on:

http://www.graceellay.com/

http://www.jamaicafarewelltheplay.com/