#Xara page layers in an iframe install
#Xara page layers in an iframe download
#Xara page layers in an iframe windows

These are controlled from the Position on Page context menu (right click in the Selector Tool). Even the flower graphic at the bottom of the page remains in the correct place.

Page adjustments If you add or remove text here, the page resizes to accommodate the text changes, all the items lower down the page shuffle up or down as required, including the graphics and the footer.

This will of course re-arrange everything on your page, and may require you to re-position items or change the page size to accommodate the overflowing text. Now, as you move the object around the page, it repels text around it. Text flow around To make any object repel text right-click on it and select ‘ Repel text under’.

#Xara page layers in an iframe install

To view and install a Google Font, from the font drop down menu (Text Tool), just click the Add link shown here. When used in web documents these fonts are served from Google’s servers (saving you bandwidth) and are compatible with all modern web browsers.

#Xara page layers in an iframe windows

Better still, these are normal Windows fonts that, once installed, will work with any Windows application.

#Xara page layers in an iframe download

Web Designer includes a great font picker, and will automatically download and install any font you choose. But you now have a choice of over 600 fonts, thanks to Google Fonts. Google Fonts (Web Designer Premium only) This text uses a font called Open Sans, a clear, modern family of fonts that are bundled with Web Designer. Creating them is easy, right click on the object and select Web Sticky/Stretchy to define what you want to stick or stretch and where. Here’s an example website with both sticky objects and stretchy backgrounds. Sticky Objects & Stretchy Backgrounds (Web Designer Premium only) Two very common features of contemporary web designs are Sticky Objects (objects which ‘stick’ in place as you scroll up and down the page, typically NavBars or social network buttons) and backgrounds that stretch across the whole width of the browser window. Presentations (Web Designer Premium only) If you’re using the Premium version of Web Designer you can create web-based presentations, which are a web-based PowerPoint-like slideshows which your visitors can step through. Now you can choose between the scrolling and transitions styles. To export your site as a Supersite right click on your page and select Web Properties, in the Website tab select Web Export Options and check the Supersite option. Both these examples support swipe gestures on touch devices to navigate from page to page. Note this contains large hi-res photos so is best on fast connections. Supersite example 2 : A simple photo slideshow with fit-to-screen, orientation detection, and Retina resolution images. Rotate your device (or change browser width) to see a different layout for landscape and portrait (this is not aimed at mobile) with an automatic fit-to-screen effect. Supersite example 1 : A responsive restaurant menu aimed at tablets and desktop browsers. They can be single scrolling pages or have eye-catching page transitions to help make your website stand-out from the crowd. Supersites (Web Designer Premium only) Supersites are an advanced feature of Web Designer Premium. Read this popular online intro to get you started. Start by right clicking on the page background and selecting Website Variants > Website Variants > Create. All of the web themes in Web Designer include mobile variants, but if you have based your site on an older theme or created your own design, then you can add variants to your own design. Here is an example, that provides three layout variants for mobile, tablet and normal desktop browsers. So you can create a version of your website that is tailored to narrow screen phones and at the same time offers a different layout and text sizes more suited to wider screen devices such as tablets and desktop browsers. Responsive Web Design With Web Designer you can create mobile optimized websites which dynamically adjust to different width devices. If you want one copy not to be updated automatically just select the object and use Arrange -> Repeating object -> Stop repeating. Tip: If you don’t want the item on one page, just delete it off that page. If you change it or move it, all copies are updated. Using the Page & Layer Gallery you can see the item is now repeated at the same position on all pages. Using the Selector Tool select the item and the menu Arrange -> Repeating object -> Repeat on all pages. Try adding an object to this page, say a photo, or draw a rectangle, or perhaps some clipart. It’s easy to create your own repeating item. A small flower symbol like this is shown in the top right corner when they are selected. In Web Designer these are called ‘Repeating objects’. The heading text, the header design, the top navigation buttons and the page footer on this website are good examples. Repeating Items It’s common to have some items which are the same on all pages of your website.