Page 451 - Xara Designer Pro X17

Web Graphics and Websites 451

"PASTEBOARD BACKGROUND" > "EDIT PASTEBOARD COLOR" menu to display the color
editor.

When you change the color of a background that is composed of a range of colors you
will notice that Designer Pro will ask you which color it is you want to change. These
might be named colors - as would be the case if you were working from one of the ready-
made website template themes or colors that you had previously named yourself, or they
might be local colors which would be the case if you were changing your own choice of
color from an earlier selection. See Replacing Colors (on page 199) for more details.

Note that when you drag one of the stock website backgrounds onto the Pasteboard
Background it replaces all other objects currently on the Pasteboard Background layer
and so in this respect is a destructive operation.

Fixed, non-scrolling backgrounds
Normally if you have a long web page that can be scrolled in the browser, the browser
background scrolls with it, so the page content remains in the same place relative to the
background. But you can ‘fix’ the background so it doesn’t scroll with the page content.
Right-click on the pasteboard and select "PASTEBOARD BACKGROUND" > "FIXED". Then
when you preview, the content slides over the fixed background as you scroll (to see this,
make sure your page is long enough so the browser shows a scroll bar!).

To switch back to the default, scrolling, behavior, select "PASTEBOARD BACKGROUND" >
"SCROLLING".

Using photos as backgrounds
Creating photo backgrounds.

If you want to create your own photo or texture bitmap backgrounds rather than
customize the ready-made backgrounds from the ONLINE CONTENT CATALOG then it's
easy to do.

First, import the photo or texture into your document, just as you would to place it on a
page. Then right click on the photo and choose either SET PAGE AS BACKGROUND or SET
PASTEBOARD AS BACKGROUND, depending on which you want to set.

Tiling

Depending on the nature and size of the image, you may or may not want the image to
be ‘tiled’ repeatedly to fill the background. To change this setting, right click on the page
or pasteboard background (again depending on which you want to change) and select or
unselect the ‘tiled’ option in the Page Background / Pasteboard background sub-menu.

Fill browser window
When using a photo on the pasteboard background (which becomes the web browser’s
background), there is a further option. You can opt for your photo to change size
depending on the size of the visitor’s browser window. As the browser window is resized,