Page 435 - Xara Designer Pro X17

Web Graphics and Websites 435

The “Web Theme” folders in the gallery contain collections of website designs and
associated graphic files that each follow a specific theme. Double click to open any file as
a new document.

Each theme section has a collection of alternative page layouts and some other useful
page elements such as buttons or expanding text panels. Each theme generally also
contains a complete website template and several ‘color schemes’. You can change your
entire site to a different color scheme (on page 197) by just dragging and dropping the
scheme from the gallery onto your page, or by just double-clicking on it. See the ‘Editing
Templates (on page 620)’ chapter for information on customizing templates.

Previewing Your Website

When creating your website in Designer Pro, your working document shows an accurate
static preview, but to check the behavior of pop-ups, mouseover effects and Flash and
other widgets it's necessary to use true Browser Preview.

There are two preview options located on the web toolbar.

PREVIEW PAGE exports and previews only the current page. So it’s useful if
you have a large site which takes some time to export as a whole. You
can just quickly preview the page you are working on, without exporting
the rest of the site.
PREVIEW WEBSITE exports all the pages of your site and then brings up the
preview window. So all the pages and links in your site should be working.

The navigation buttons in the top bar of the preview window allow you move back or
forward, just like in a web browser, and the Home button returns you to the page you
started the preview on.

You can preview your website or web page in full screen mode by clicking the
VIEW FULL SCREEN button at the top right of the preview window (press "Esc" to
exit or "F11" to enter and exit full screen mode). When you close the preview
window and next reopen it, Designer Pro displays the last mode you chose for
the window, i.e., normal, maximised or full screen.

If you’ve not yet exported your site, these previews export to a temporary folder on your
computer. Once you’ve exported, the same export location is used each time you
preview, so your exported site is continually updated as you preview.

Choose your preview browser

Although this internal preview uses a simplified version of the Internet Explorer browser
by default, you can choose one of the six most popular browser types to view your page
or website from the preview window.