How To Interface ImageStyler and NetObjects Fusion
& Other Graphic Programs With NOF.
This Method Should Work With Almost Any Graphic Program.

Visit Original SiteEmailAdobe
Online Gallery Of 150 Images
 



This Is The Finished Product Of The Tutorial, Complete With Rollovers.

Step 1.




a..  Create Your Layout In ImageStyler Complete With Rollovers.
b..  Reduce The Size Of The Canvas To A Minimum.
c..  Set The Canvas Color To Match The Page Background.
d..  Make Note Of The Size Of The Canvas.

Step 2.



a..  Export Layout As AutoLayout.
b..  Imagestyler Will Create A html Page And A Directory Of “images” Containing The Graphics

Step 3.



In NOF Create A Single Cell Table That Is The Size Of The ImageStyler Canvas.

Step 4.



a.. In NotePad, Open The ImageStyler Generated HTLM File.
b.. Find The Table Portion, It starts With <! The Table... And Ends With ...end DataMap -->
c.. Copy This Part Of The Code. 

Step 5.



a.. In NOF, Double Click The Table Cell And Press The Control Key Plus The T Key, To Bring Up The Insert HTML Palette.
b.. Paste The Code Copied From NotePad. Click OK

Step 6.



a.. In NotePad, Find The JavaScript Portion, It Starts With <Script Language... And Ends With ...</Script>
b.. Copy This Part Of The Code. 

Step 7.



Click The Layout And Select The HTML Button.  

Step 8.



Click The Between Head Tags Tab And Paste The Script Code. Click OK.

Step 9.

I


In Windows Explorer, Copy The images Directory Complete With All The Image Files To The Current NOF
Preview Directory And To The Local Publish Directory.

Step 10.



Double Click The Table Cell And Set The Background Color To The Color Of The ImageStyler Canvas.

Step 11.



a.. The Layout Is Now “Live” And Can Be Previewed As WYSIWYG Complete With Working Rollovers.
b.. You Can Place The Table Where Desired In The Layout.
c.. You Will Have To Create On Your Server The images Directory And Upload All The Graphics Within To Your Site.
I Do This “Manually” With Cute FTP.