Dreamweaver Extensions

Working with XML content

Open the header.xml file in Dreamweaver (File -> Open), to change the content of your menu. Also, you can open the XML content file through FlashDevelopment24 Wizard (Right click on Flash Object, then FlashDevlopment24 Wizard -> Flash Horizontal Menu). After that, in the category of 'General', click the 'Edit' button near the 'Source' field.

The following example shows the basic structure of the content XML file:

<?xml version="1.0" encoding="utf-8"?>
<header>
   <slides>
      <img src="photos/photo01.jpg">
         <![CDATA[
            <p shadow="true"><font face="Impact" size="24" color='#FFFFFF'>Title 1</font></p>
         ]]>
      </img>
      <img src="photos/photo02.jpg">
         <![CDATA[
            <p shadow="true"><font face="Impact" size="24" color='#FFFFFF'>Title 2</font></p>
            <p align="justify"><font face="Myriad Pro" size="14" color='#000000'>www.flashdevelopment24.com</font></p>
         ]]>
      </img>
   </slides>
   <navigation>
      <item caption="Root item 1">
         <item caption="Sub item 1-1" link="empty.html" target="_blank" />
         <item caption="Sub item 1-2" link="empty.html" target="_blank" />
      </item>
      <item caption="Root item 2">
         <item caption="Sub item 2-1" link="empty.html" target="_self" />
         <item caption="Sub item 2-2">
            <item caption="Sub item 2-2-1" link="empty.html" />
            <item caption="Sub item 2-2-2" link="empty.html" />
         </item>
         <item caption="Sub item 2-3" link="empty.html" target="_self" />
      </item>
      <item caption="Root item 3" />
   </navigation>
</header>

The description of caption <header> consists of section <slides> and <navigation>. Section <slides> contains the paths to the images and the titles of these images. There are only two slides, in this example. Each slide contains its own title. The second slide title consists of two text lines. Section <navigation> contains the structure of the navigation menu. In this example, parent <navigation> tag contains three child tags <item>. First root item has two sub menus. Second root item consists of three sub menus; here second sub menu has another two sub menus. The last root item has no sub menu.

<header>

Description
Main tag and contains the structure of the header.


<slides>

Description
Contains the slides.

<img>

Description
Contains the path to the picture and the title of this slide.

Attributes

  • src, The absolute or relative URL of the image file. A relative path must be relative to the HTML file. Absolute URLs must include the protocol reference, such as http://.

It is used a special symbols <![CDATA[...]]> in the slide description. Each title consists of paragraphs <p>. The text of a paragraph can be edited with the help of HTML tag <font>. Besides a default tag attribute align for the tag <p> it is available two additional attributes:

  • margin_bottom, The bottom margin of the paragraph, in pixels.
  • shadow, A Boolean value that indicates whether it would be added drop shadow to the paragraph (true).

Note: If you use 'Use embedded fonts' in the extension parameters, which allows to use built-in fonts, you need to edit file fonts.xml according the used fonts in tag <font>. This fonts are uploaded from a special SWF file. Or you can turn off this option in FlashDevelopment24 Wizard (Right click on Flash Object, then FlashDevlopment24 Wizard -> Flash Horizontal Menu).


<navigation>

Description
Main tag and contains the structure of the navigation menu.

<item>

Description
Contains the menu item.

Attributes

  • caption, The caption of the menu item.
  • link, The URL from which you can obtain the document.
  • target, Specifies the window or HTML frame into which the document should be loaded. You can enter the name of a specific window or select from the following reserved target names:
    • _self specifies the current frame in the current window.
    • _blank specifies a new window.
    • _parent specifies the parent of the current frame.
    • _top specifies the top-level frame in the current window.