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.
0 kommentar(er)
