Page 455 - Xara Designer Pro X17

Web Graphics and Websites 455

So to set one of your buttons to be a link, just select it (click on it in the
SELECTOR TOOL), click the icon, and enter the web address, or just select one of
your pages from the drop- down list and click APPLY. That's it.

When you have created a link to an object you can quickly change its behavior by just
clicking on the object. A Pop-up will appear with the link's details and options to Change
or Remove the link.

You can also link to an anchor point anywhere in your website and link to any file. See
the Web Properties dialog chapter for more information.

Button Bars (NavBars)

Most websites, and so most of the template designs we provide, have a row or column of
buttons to navigate around the website or to other places. This is called a Navigation Bar
and Xara Designer Pro X includes special support for these bars. Read the Navigation
Bars Chapter (on page 502) for full details about Navigation Bars.

Layers, Mouseover (Rollover) & Pop-ups

All objects have a stacking order on the page - from the backmost to the frontmost item.
In addition, all items can be placed into named layers. Each layer can have any number
of objects, and has the ability to be turned on or off. When the layer is turned off all
objects on that layer become invisible.

The layers are controlled from the PAGE & LAYER GALLERY in the Galleries bar.

See the Layers & Page & Layer Gallery (on page 181) chapter for full details.
In website documents layers are used to provide mouseover (sometimes called rollover)
features on your website. These include highlighting buttons (they highlight when you
move the mouse over them) and also other pop-up effects such as effects such as a text
panel containing a detailed product description.

You can also apply a transition to a layer, so that it appears on your web page in an
animated way.