MX

More Information
See the website at xara.com/widgets for more information on widgets. And of course, keep an eye on
the Designs Gallery
, which is regularly updated with new widgets.
Adding a Google Map Manually
The easiest way to add a Google Map to your web page is to use the Google Map widget in the
Designs Gallery (under Page Elements, Other Widgets). But in this section we'll use a Google Map to
demonstrate how to add any externally provided widget to your site.
Go to http://maps.google.com
and locate the map you want to embed. Click the Link icon near the top left of the window, this opens a
small window offering some HTML which will embed the map into a website. Copy this HTML.
The link button opens a window showing the HTML snippet for this map
If you click the Customize
option you can customize the size, and various other options.
Now in Web Designer MX Premium go into the Selector Tool
. Simply paste ("Ctrl + V") the HTML into the program. It's recognized as being HTML code and a
placeholder image is automatically generated for you, with the code attached. The image appears on your
page. Position it where you want it and then preview your page. You can see the working Google Map
on your page!
Adding a Flash File
Flash Files (with a .swf file extension) can be embedded just as easily. Use "File" > "Import"
to import your Flash file. Or just drag and drop the file from Explorer onto your page. A placeholder
image is generated for it and placed on your page. Preview your page and you should see the working
Flash animation.
There is one important difference with Flash placeholders - you can usually resize them to be any size you
like and the Flash will scale to fit the placeholder. Secondly you can have transparent or semi-transparent
Flash and this will also work on top of your website. Most other Widgets are fixed size and will always
appear at the given size on your web page irrespective of the size of the placeholder.
Whenever you select a Flash file to be associated with a placeholder in this way, the Flash file is copied
into a _files folder saved alongside the .web document. If you move or copy the .web file you should also
copy the _files folder to ensure the Flash files are copied as well.
Adding an Animated GIF
Adding an animated GIF is just as easy as adding Flash. "File" > "Import"
the file or drag and drop onto your page. You will be asked whether you want to import the graphic into
your page (which for an animated GIF will put each frame on a different layer) or add as a placeholder. If
you just want to display the animation on your site you need to choose the placeholder option. Once
Page 1062