Page 491 - Xara Designer Pro X17

Web Graphics and Websites 491

Scale To Fit Options
The SCALE TO FIT SCREEN option works well for short pages and where all the pages of
your site are the same height and width. If you use this option with long pages, the result
is not good because the browser will shrink the page so that its height fits into the height
of the device/browser.

As an alternative use the SCALE TO FIT WIDTH option to make your website or web
document scale to fit the width of the browser or device screen it’s being viewed on.You
can specify a maximum width to avoid your content looking too inflated on very large
screens. If the viewing device is wider than the page, the page zooms/scales up so it
just fits. If the viewing device is narrower than the page, the page content zooms/scales
down so it will fit with no need for horizontal scrollbars.

This option can be used with any type of document or website - either CONVENTIONAL or
SUPERSITE except when either the HORIZONTAL SUPERSITE or SCALE TO FIT SCREEN
options are selected.
You need to preview your site in a separate web browser to see the transition
animations perform well - rather than just using the built in browser preview
window which does not show the animations smoothly. Click on the Preview
website button on the web toolbar, and then click on one of the browser icons at
the top right of the preview window to see the transitions in a separate web
browser that you have on your device.

Browser icon selection in the Web Preview window.

Supersites and PDFs

Perhaps the most common way of distributing print documents to a wider audience is via
PDF, often published on the web as a download. Websites and HTML have, by contrast,
been severely restricted from a design point of view. Different browsers wrap and flow
text differently, and limited font availability make it near impossible to ensure that what
you design is what your customer sees. This is why, even today, brochures, reports and
any type of document where the designer wants precise control over the design, fonts,
layout and pagination, are created as PDF.

But PDFs have a downside in that they require plug-ins or extra programs to be installed
to view them.Designer Pro introduces a new way of publishing ‘print' style, or DTP style
documents that does not involve PDFs and offers the following advantages:

• Font Freedom. The ability to use a vast range of fonts. Either use your desktop fonts
(the fonts are automatically embedded, assuming the license allows) or any of the
600+ fonts from Google Fonts.
• High resolution photo and graphics. Layout freedom: mix graphics and text, ‘anything
anywhere’ on the page.