"Fossies" - the Fresh Open Source Software Archive

Member "xaralx/share/xaralx/doc/en/xarax/Macromedia_Dreamweaver_support_for_Navigation_Bars.htm" (27 Jul 2006, 11586 Bytes) of package /linux/misc/old/xaralx0.7_rev1785.tar.gz:


As a special service "Fossies" has tried to format the requested source page into HTML format using (guessed) HTML source code syntax highlighting (style: standard) with prefixed line numbers. Alternatively you can here view or download the uninterpreted source code file.

    1 <!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
    2 
    3 <html>
    4 
    5 <!--(==============================================================)-->
    6 <!--(Document created with RoboEditor. )============================-->
    7 <!--(==============================================================)-->
    8 
    9 <head>
   10 
   11 <title>Macromedia Dreamweaver support for Navigation Bars</title>
   12 
   13 <!--(Meta)==========================================================-->
   14 
   15 <meta http-equiv=content-type content="text/html; charset=windows-1252">
   16 <meta name=copyright value="ę1995-2004 Xara Group Ltd.">
   17 <meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
   18 <meta name=generator-major-version content=0.1>
   19 <meta name=generator-minor-version content=1>
   20 <meta name=filetype content=kadov>
   21 <meta name=filetype-version content=1>
   22 <meta name=page-count content=1>
   23 <meta name=layout-height content=735>
   24 <meta name=layout-width content=865>
   25 
   26 
   27 <!--(Links)=========================================================-->
   28 
   29  <link rel='stylesheet' href='../xarax_ns.css'>
   30 <script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
   31 <!--
   32 if (navigator.appName !="Netscape")
   33 {   document.write("<link rel='stylesheet' href='../xarax.css'>");}
   34 //-->
   35 </script>
   36 <style type="text/css">
   37 <!--
   38 img_whs1 {width: 7px; height: 9px; border-style: none; border-style: none;}
   39 img_whs2 {width: 16px; height: 16px; border-style: none; border-style: none;}
   40 -->
   41 </style>
   42 <script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
   43 <!--
   44 function reDo() {
   45   if (innerWidth != origWidth || innerHeight != origHeight)
   46      location.reload();
   47 }
   48 if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
   49     origWidth = innerWidth;
   50     origHeight = innerHeight;
   51     onresize = reDo;
   52 }
   53 onerror = null; 
   54 //-->
   55 </script>
   56 <style type="text/css">
   57 <!--
   58   div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
   59 -->
   60 </style>
   61 <script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
   62 <script type="text/javascript" language="javascript" src="../whver.js"></script>
   63 <script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
   64 <script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
   65 <script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
   66 </head>
   67 
   68 <!--(Body)==========================================================-->
   69 
   70 
   71 <body>
   72 
   73 <script type="text/javascript" language="javascript1.2">
   74 <!--
   75 if (window.gbWhTopic)
   76 {
   77     if (window.addTocInfo)
   78     {
   79     addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
   80 
   81     }
   82     if (window.writeBtnStyle)
   83         writeBtnStyle();
   84 
   85     if (window.writeIntopicBar)
   86         writeIntopicBar(1);
   87 
   88     if (window.setRelStartPage)
   89     {
   90     setRelStartPage("../xaralx.htm");
   91 
   92         autoSync(1);
   93         sendSyncInfo();
   94         sendAveInfoOut();
   95     }
   96 }
   97 else
   98     if (window.gbIE4)
   99         document.location.reload();
  100 //-->
  101 </script><!--(Generated Script Links)========================================-->
  102 <!--(Generated Code)================================================-->
  103 <!--(WARNING: DO NOT EDIT OR DELETE THIS SECTION!)==================-->
  104 
  105 <script type="text/javascript" language="JavaScript1.2" src="../ehlpdhtm.js" x-save-method="compute-relative" name="EHELP_DHTM"></script>
  106 <script type="text/javascript"
  107         language=JavaScript1.2>
  108 <!-- 
  109 if( typeof( kadovInitEffects ) != 'function' ) kadovInitEffects = new Function();if( typeof( kadovInitTrigger ) != 'function' ) kadovInitTrigger = new Function();if( typeof( kadovFilePopupInit ) != 'function' ) kadovFilePopupInit = new Function();if( typeof( kadovTextPopupInit ) != 'function' ) kadovTextPopupInit = new Function();
  110  //-->
  111 </script>
  112 
  113 
  114 <!--(==============================================================)-->
  115 
  116 
  117 <p class=How-Title
  118     style="line-height: 12.00pt;">Macromedia Dreamweaver support for Navigation 
  119  Bars</p>
  120 
  121 <p class=Base>Dreamweaver is a popular program for web site design. Now 
  122  you can create <a href="javascript:void(0);" id="A1" onMouseOver="if (parseInt(navigator.appVersion) >= 4 && typeof(BSPSPopupOnMouseOver) == 'function') BSPSPopupOnMouseOver(event);" class="BSSCPopup" onclick="BSSCPopup('Definition_Navbar.htm');return false;">navigation bars</a><script 
  123  type="text/javascript"
  124     language=JavaScript1.2><!--
  125 kadovFilePopupInit('A1');
  126 //--></script> 
  127  in Xara LX and link them into Dreamweaver. Then, if you need to make further 
  128  edits, Dreamweaver can tell Xara LX which source file to load - easy.</p>
  129 
  130 <p class=Base>A <a href="Macromedia_Dreamweaver_support_for_Navigation_Bars.htm">separate 
  131  page</a> covers Dreamweaver support for single bitmaps. Navigation bars 
  132  are more complicated than single bitmaps because they also require some 
  133  HTML code - this is also imported into Dreamweaver.</p>
  134 
  135 <p class=How-Title
  136     style="line-height: 12.00pt;"><img src="../image/PRCARROW.gif" alt="image\PRCARROW.gif" width="7px" height="9px" border="0" class="img_whs1">&nbsp;Exporting a file</p>
  137 
  138 <p class=Base><a href="IDH_Overview_Bars.htm">See this page</a> for details 
  139  of creating a navigation bar.</p>
  140 
  141 <p class=How-Number-List>1.&nbsp;Before exporting the navigation bar as 
  142  bitmaps you must save the Xara LX document to disk - see <a href="IDH_How_Savng_Documents.htm">Saving 
  143  a document</a>. You only need to do this once so Xara LX knows where to 
  144  find the document on your computer.</p>
  145 
  146 <p class=How-Number-List>2.&nbsp;Select the <a href="IDH_Tool_NavBar.htm">Button 
  147  &amp; NavBar Tool</a>.</p>
  148 
  149 <p class=How-Number-List>3.&nbsp;If necessary, select the entire navigation 
  150  bar - see <a href="Selecting_navigation_bar_objects.htm">Selecting navigation 
  151  bar objects</a>.</p>
  152 
  153 <p class=How-Number-List>4.&nbsp;Click <span style="font-weight: bold;"><B>Export</B></span> 
  154  on the Button &amp; NavBar Tool Infobar.</p>
  155 
  156 <p class=How-Number-List>5.&nbsp;Enter a name of the file where you want 
  157  to save the HTML code. <span style="font-weight: bold;"><B>Important:</B></span> 
  158  save the file in the same folder as the Dreamweaver document. (See Note.)</p>
  159 
  160 <p class=How-Number-List>6.&nbsp;Select the file type for the button bitmaps. 
  161  Usually you would use either <span style="font-weight: bold;"><B>GIF</B></span> 
  162  or <span style="font-weight: bold;"><B>JPEG.</B></span></p>
  163 
  164 <p class=How-Number-List>7.&nbsp;Click <span style="font-weight: bold;"><B>Save</B></span> 
  165  to move to the second dialog box. For full information on this dialog 
  166  box, click its Help button.</p>
  167 
  168 <p class=How-Number-List>8.&nbsp;Select options in the regular way for 
  169  number of colors etc.</p>
  170 
  171 <p class=How-Number-List>9.&nbsp;On the <span style="font-weight: bold;"><B>Image 
  172  map</B></span> tab select <span style="font-weight: bold;"><B>Add design note</B></span>.</p>
  173 
  174 <p class=How-Number-List>10. Click <span style="font-weight: bold;"><B>Export</B></span>. 
  175  This exports the HTML code, the bitmaps and sets up the links required 
  176  for Dreamweaver.</p>
  177 
  178 <p class=Base><span style="font-weight: bold;"><B>Note:</B></span></p>
  179 
  180 <p class=Base>If the HTML file you selected in step 5 already exists, you 
  181  have two choices:</p>
  182 
  183 <p class=How-Number-List><img src="../image/BULLET.gif" alt="image\BULLET.gif" width="16px" height="16px" border="0" class="img_whs2">&nbsp;Overwrite (<span style="font-weight: bold;"><B>Replace</B></span>) 
  184  all the existing contents.</p>
  185 
  186 <p class=How-Number-List><img src="../image/BULLET.gif" alt="image\BULLET.gif" width="16px" height="16px" border="0" class="img_whs2">&nbsp;<span style="font-weight: bold;"><B>Insert</B></span> 
  187  the navigation bar into the existing page. This overwrites any existing 
  188  Xara LX navigation bar but does not affect other parts of the page. A new 
  189  navigation bar appears at the top of the page and you may need to move 
  190  it.</p>
  191 
  192 <p class=How-Title
  193     style="line-height: 12.00pt;"><img src="../image/PRCARROW.gif" alt="image\PRCARROW.gif" width="7px" height="9px" border="0" class="img_whs1">&nbsp;Moving the navigation 
  194  bar in Dreamweaver</p>
  195 
  196 <p class=Base>Xara LX inserts the navigation bar at the top of the web page. 
  197  If you want it in a different position, just cut the entire navigation 
  198  bar and paste it in the required position. Check the Dreamweaver help 
  199  for more information.</p>
  200 
  201 <p class=How-Title
  202     style="line-height: 12.00pt;"><img src="../image/PRCARROW.gif" alt="image\PRCARROW.gif" width="7px" height="9px" border="0" class="img_whs1">&nbsp;Editing the navigation 
  203  bar from within Dreamweaver</p>
  204 
  205 <p class=Base>These instructions refer to Dreamweaver 3. Macromedia may 
  206  introduce new versions for which these instructions do not apply.</p>
  207 
  208 <p class=Base>Before editing the navigation bar, you need to make Xara 
  209  LX the default editor (the 'primary external editor') for Dreamweaver - 
  210  <a href="Macromedia_Dreamweaver___making_Xara_X_as_the_default_editor.htm">full 
  211  details</a>.</p>
  212 
  213 <p class=How-Number-List>1.&nbsp;Close Xara LX if it is running.</p>
  214 
  215 <p class=How-Number-List>2.&nbsp;In Dreamweaver, select the navigation 
  216  bar<span style="font-weight: bold;"><B>.</B></span></p>
  217 
  218 <p class=How-Number-List>3.&nbsp;In Dreamweaver, click <span style="font-weight: bold;"><B>Edit</B></span> 
  219  on the Properties palette. The opens the original XAR file in Xara LX ready 
  220  for editing.</p>
  221 
  222 <p class=How-Number-List>4.&nbsp;In Xara LX: after making your changes, 
  223  just click <span style="font-weight: bold;"><B>Export</B></span> on the Button 
  224  &amp; NavBar Tool Infobar and export the file using the same file name. 
  225  When you get the warning about the HTML file already existing, click <span 
  226  style="font-weight: bold;"><B>Insert</B></span>. The navigation bar in Dreamweaver 
  227  automatically updates.</p>
  228 
  229 <p class=Base><span style="font-weight: bold;"><B>Note:</B></span></p>
  230 
  231 <p class=How-Number-List><img src="../image/BULLET.gif" alt="image\BULLET.gif" width="16px" height="16px" border="0" class="img_whs2">&nbsp;In Dreamweaver - to select 
  232  the navigation bar you can also right-click on it then choose <span style="font-weight: bold;"><B>Edit</B></span>.</p>
  233 
  234 <p class=Movie-Title>MovieŚclick below (not working in this version)</p>
  235 
  236 <p class=Demo-buttons>
  237 
  238 <img src="../ss_btn_0.gif" border=0 height=14 width=14 alt="">
  239 
  240 
  241  Dreamweaver integration</p>
  242 
  243 <p class=How-Number-List>Dreamweaver is a registered trademark of Macromedia 
  244  Inc.</p>
  245 
  246 <p class=Related-Topics-Title>_______________</p>
  247 
  248 <p class=Related-Topics-Title>
  249 
  250 <a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PickupDialog_Invoke) == 'function') PickupDialog_Invoke(e,'','Macromedia Dreamweaver - making Xara X as the default editor','Macromedia_Dreamweaver___making_Xara_X_as_the_default_editor.htm','Macromedia Dreamweaver support for single bitmaps','Macromedia_Dreamweaver_Support.htm');return false;" title=""><img src="../ss_btn_0.gif" border=0 height=14 width=14 alt=""></a>
  251 
  252 
  253  Related Topics</p>
  254 
  255 <script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
  256 if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
  257   WritePopupMenuLayer();
  258 //--></script><script type="text/javascript" language="javascript1.2">
  259 <!--
  260 if (window.writeIntopicBar)
  261     writeIntopicBar(0);
  262 //-->
  263 </script>
  264 </body>
  265 
  266 </html>