Try dragging on the headings or the ‘Stretch button’ above and Preview your website again.

Choose the Selector tool (the large arrow at the top) and drag on the photo on the top right of this page. 4) Re-arrange your objects Now let’s try some object moving and resizing. Using the Text Tool, click on the ‘stretch button’ text and edit it, and you’ll see the button graphic change. Some buttons are ‘stretchy’ and can accommodate any text label. Text editing is like in any word processor, for e.g. The ABC icon at the end is a spell checker control. When using the Text Tool, the bar across the top allows you to change font, size, etc. Try the heading and replace it with your own. 3) Edit the text on your website Click the big T icon on the left set of tools (the Text Tool). Drag any onto this page to see all the website colors change in an instant. Open the Designs Gallery, go to Examples -> Example Web Templates folder and scroll down to the bottom and you will see a variety of Color Scheme thumbnails. To make color editing even easier we provide some ready-made color schemes that you can drag ‘n’ drop onto the page. There are theme colors for all the main design elements of this design. For the best results we suggest making Theme Color 1 and 2 similar or matching colors. Select ‘Edit’ to display the color editor, and you can now select different colors. Move the mouse pointer over the left end of the Color line at the bottom of the screen and click on any of the square color patches. 2) Edit the Theme Colors Click to find out more about the Color Editor. In the Preview window check out the buttons along the top, and move over the various objects, such as the photo above right, or click the links, such as the one immediately below here to see various layer effects. Try it now to see what this website looks like in a web browser. The first previews just the current page (quickest) the other previews the whole website. This button has a ‘fly-out’ showing two options. Preview your website: Select File -> Preview Website or just click this icon on the top bar. You can see all the templates by moving your mouse over the ‘Designs Gallery’ label on the right side of the window. It’s based on the template design called ‘Beta’.

1) Open the Designs Gallery and select a design OK we don’t actually need to do this because this document is already open. This is how to create a great looking website in 6 easy steps, using Xara Web Designer. If you’re reading this as a web page, then this is an example of what you could be producing with Xara Web Designer. If you’re reading this in Web Designer then feel free to experiment and explore the features of the program. Read Me First This is a short tutorial, and a working website document you can experiment on. Website made using only Xara Web Designer, and no other graphics or software tools.

Free website templates for xara free