* Responsive Web Design
* Related articles
* Demo movie [http://www.xara.com/web-designer/tutorials-demos/]
Responsive web design allows your web pages to vary their layout
depending on the screen size of the device being u...
A Placeholder is an object in Xara Web Designer which you replace
with another embedded object. A Placeholder can be replaced with HTML
Code, a Flash file or another graphic file. This allows you to embed a
great number of services directly in to a Xar...
WHAT IS WEBSITE PUBLISHING?
The act of uploading your web page or site to your web server to allow
the browsing of the page/site is known as publishing. Xara Web
Designer enables you to publish your web pages to your web space
directly from within the pr...
There could be a number of reasons why your publish operation from Web
Designer/Designer Pro is not successful, and the "timeout" or other
error messages could be down to any one of the reasons below. Please
Click here to view the thread  on TalkGraphics
THIS IS A COMPLETE LIST OF THE NEW SPECIAL NAMES AND ADVANCED WEB
FEATURES INTRODUCED SINCE WEB DESIGNER 6.
* Files folder 
* Layers 
* Mark of the Web 
* Photo pop-up 
Version 7 ONWARDS
To create a 'favicon':
* Draw or drag on to a web page the image that you want to use.*
* Right-click the image and click 'Names'
* Type 'favicon' into the Apply names box and click Add then Close.
*The image can be any size as...
Xara Designer Pro & the Web Designer series includes special support
for navigation bars (known as Navbars for short), making it easy to
add, edit and delete buttons. View a video on navbars from here
This article is written specifically for the Facebook Like button, so
the size of the rectangle is the size of the Like Button by default
when the widget is added. Similar steps will also work for the other
To display your widget w...
Websites made with our software are ready for iOS and the latest
Android smart phones and tablets (iPad, iPhone, Android phones…).
From Web Designer 10 Premium and Designer Pro X10, we've introduced
Responsive Web Design
WHAT CHANGES HAVE BEEN MADE TO THE BACKGROUND HANDLING?
It is now very easy to apply custom background styles to your page.
Effects such as single images that fill the browser, header and footer
areas that span the browser width, linear and graduated bac...
* Example sites
Modern web browsers support many advanced HTML5 and CSS3 effects
allowing much more dynamic and visually exciting websites to be
Xara 'Supersites' are an alternative way of publishing ...
Designer Pro and Web Designer Premium accept FLV and MP4 movie files.
HOW DO I INSERT MY VIDEO FILE?
The recommended method is to drag - drop your FLV/ MP4 file from
windows explorer into your document. This will cause the program to
There is currently no table tool within the program, however a table
can be inserted within a variety of ways
1. Use the table widget available within Web Designer Premium 9 and
also in version 9 of Designer Pro. The widget is found within the
This article applies to:
* Web Designer 10 Premium & above
* Designer Pro X10 & above
If you have registered your website with Google Webmaster Tools, you
may have received an email about your website not being optimized for
mobile users. This coul...
Web Designer 6 has a number of form widgets integrated within the
program. Open the Design Gallery and expand the folder labelled Form
The form widgets contains a number of form providers. Double click or
drag and drop the require...
A Sitemap consists of a list of pages belonging to your website and is
used by Search engines to find the pages within your site.
Version 7 allows for the creation of a Sitemap which is uploaded to
your server along with your web pages when publishing...
WHAT ARE GOOGLE FONTS?
Google Fonts is an online collection of open source, maintained by
Google that allow you to install them on your computer for use in
design as well as website work.
ARE GOOGLE FONTS AVAILABLE IN ALL VERSIONS?
WEB DESIGNER MX PREMIUM (V8) AND DESIGNER PRO X8 included a top level
domain name free for 12 months from MAGIX Online World. A voucher
code for the free domain would have been included in your purchase
confirmation email for Web Designer MX Premium / D...
Xara Web Designer allows you to insert any HTML via the Placeholder
tab accessed via the Website Properties dialog. This means you can
insert an iframe in to your webpage created in Xara Web Designer.
Information on creating an iframe and its attribute...
WHAT ARE WEB SAFE FONTS?
Earlier versions provided a 'web safe' set of fonts that could be
used on your website. These were a small selection of fonts that were
common to most web browsers and so you could be confident would work
You can link to any text or object anywhere in your website by
creating an anchor link.
Begin by applying a name to the object you want to link to (known as
Click on the item (which can be a graphic or some text) with your
GENERAL NOTES FOR CREATING VARIANT BASED WEBSITES
For each variant you produce you can customize the layout as much as
you want. You can resize and reposition elements on the page - text,
photos or whatever - and these remain shared between the variants...
The following applies to
* Xara Web Designer
* Xara Designer Pro
Xara Web Designer allows you to insert external objects within your
web page and this includes navigation bars from Menu Maker or
Xara Web Designer already provides ...
PUBLISHING TO MOW
Please see the following article
if you are publishing to MAGIX Online World.
PUBLISHING TO AN ALTERNATIVE HOST
At present there are a variety ...
Xara allows you to apply a link to any object. Simply select the
object you wish to apply an email link to, open WEB PROPERTIES from
the UTILITIES menu and click on the LINK tab.
Select the radio button labelled LINK TO WEB ADDRESS and enter the
Links on web pages do not only have to link to other webpages, they
can link to show hidden layers within the same page, for example to
show a layer which contains a video, photo, iframe or any other
Please download the accompanying Example...
Xara Web Designer, Photo & Graphic Designer & Designer Pro allows you
to apply page title, description and keywords for each individual page
in your document. Additionally a default title, description and
keywords can be applied globally to every page ...
Owners of Designer Pro X and Web Designer Premium can use
Xara's 'Website M' option, free of charge for one year. Follow the
link and use the coupon code that is included in your Designer Pro X
or Web Designer Premium confirmation email. Website M hosting...
This article applies to:
* Web Designer 11
* Web Designer 11 Premium
* Designer Pro X11
From Version 11 we have introduced the ability to upload via SFTP and
FTPS to your host. Uploading to SFTP or FTPS works exactly the same as
INTRODUCTION TO WEB ANIMATIONS
Web animations lets you gradually change an element from one style to
another through a series of effects. They are useful for adding eye
catching visual content to your site, making mouseover effects appear
Click on the titles to view the answers
CHECK THAT THE OBJECT IS ON THE CORRECT LAYER?
Generally all objects in your web page that you want visible all of
the time should reside on the MouseOff layer.
If you have placed objects on the Page Background...
All the templates use a small set of theme colors, and various shades
of those theme colors. These can be edited as a way to very quickly
and easily re-color your whole website. These are called 'Named
Colors' and appear on the left side...
This article applies to Xara Xtreme 5 and later and Xara Web Designer
5 and later
1. Create a placeholder and position it anywhere within.
2. Click on the Apply name icon (the last icon on the Selector tool
3. Enter the name for the placeh...
Alternative text (known as Alt text) is displayed by a web browser in
place of an image when the browser fails to retrieve the image.
Internet Explorer displays the Alt text even when the image is
sucessfully retrieved by the web browser when you hover...
MY PAGE IS NOT APPEARING AT ALL ONLINE AFTER PUBLISHING
If you are getting a 404 (not found) error, a blank page or other
similar result, this can be down to a number of factors below:
* Confirm you have published to the correct sub-folder on your h...
MY PAGE IS NOT APPEARING AT ALL ONLINE AFTER PUBLISHING
If you are getting a 404 (not found) error, a blank page or other
similar result, this can be down to a number of factors below:
* Confirm you have published to the correct sub-folder on your ho...
It is common to want to open a web page you are linking to in a
different window to the window you are viewing the current web page
This is easily achieved in Xara Web Designer from within the Link tab
in Web Properties. Select an object you ha...
* Password Protection
The new password protection system is available when publishing to
MAGIX online world and allows you to secure certain areas of your
website with a password that either only you, selected users or the
Retina images are hi-def versions of all your graphics and images for
use on devices that have retina screens or a very high resolution.
This is so your website maintains a high-quality appearance on high
DPI screens. Normal images are exported at 96DPI, ...
Web Designer is a WYSIWYG product and that means external CSS styles
are of little to no value. The point of external styles is that you
can change them e.g. to change font style or HTML colors etc. But
editing external style sheets breaks the very poi...
This is a misunderstanding of the point of Xara Web Designer. Our
goal is to provide a tool for designers, not programmers, to have
absolute freedom to place anything anywhere, and to offer the first
truly accurate WYSIWYG freeform design tool, that de...
Google used to require the code to be inserted prior to the closing
body tag and not within the head section of a web page. If you are
therefore using urchin.js. or ga.js to track your sites then follow
the instructions from here  .
The current tr...
Many of the web pages and individual items in the themes in the
Designs Gallery have stretching applied. One example is the design
named Panel 1 from the Zero Degrees Theme within the Designs Gallery.
The back panel will stretch and contract dependi...
A folder called [filename]_web_files folder is created when saving
your document if your document contains any external files. As an
example, assume you had inserted a flv file into your document and
then saved your document as index.web. A folder ...
If you encounter the error 'The Server name or host could not be
resolved' when publishing from Xara, please initially check to ensure
the FTP Details you have entered in the Publishing tab are correct.
Note, hosts will often provide you with a host...
This can be achieved by using the Window.open method
Supported features are:
TOOLBAR: Specifies whether to display the toolbar in the new window.
LOCATION: Specifies whether to display the address line ...
By default all text links get exported with an underline.
The global setting for this can be changed by going to Utilities >
Web Properties > Website tab and unticking the option 'Underline Text
Note that this controls the behaviour for al...
FROM VERSION 11 ONWARDS
Yes, Xara does support secure (SFTP / FTPS) connections. Please see
article on how to publish via secure FTP
This problem can affect customers running Windows 8.1.
Selecting to preview your web page can result in the browser window
displaying a blank page rather than the page you selected to preview.
A possible cause of this problem is your antivirus softwar...
Version 8 and later of Web Designer and Designer Pro provide a built
in MP3 player widget.
* Drag drop your MP3 file into the program.
* Select either Auto start or Don't Auto start.
* The widget will be inserted within your page allowing you to
If you have embedded an MP3 audio track using the built in MP3 player
widget then its default behaviour is to loop the track.
If you want to change this to not loop the track then you'll need to
be using Web Designer Premium or Designer Pro (version 8 o...
Incremental publishing is supported since version 6. When you
initially publish your site, the entire site is uploaded to your
server. Subsequent edits to your document will cause only those files
that have changed to be uploaded.
Incremental publishing ...
You can alter the font applied to a site navigation bar without
ungrouping the bar.
Editing the text on a site navigation bar
* Using the selector tool, click once on the site navigation bar.
The status line will read '1 navigation bar on 2 layers'...
Web servers will transfer you to a particular directory when accessing
the server via FTP. This may or may not be the directory to which you
should publish your website, and will depend on which directory your
host has configured as your default. As an ex...
iOS devices (iPhone, iPad etc) have no concept of a mouse pointer or
mouse-over. Therefore sites exported with versions prior to MX
required the site visitor to click on a button once to see the mouse
over and a second time to invoke the link. This his...
The Default Mouse off, Mouse over and Visited color can be set from
the Website tab via Web Properties. The Website Link Colors section
enables you to set the colors for the default states and specify
whether text links should be underlined.
Xara allows you to link to objects in another layer than the main
This is useful for a variety of reasons and could for example be used
to cause a larger version of a photo to display when mousing or
clicking on a small version (phot...
There are several services out there which allow you to track your
website and view reports on your site visits. Many of these services
require you to insert a tracking code into every page you wish to
track (Google analytics for example).
Internal Program Error 58.w.fi.nd can be displayed during a publish
operation from Web Designer. The warning is shown towards the end of
the publish operation.
The error occurs when publishing from a PC running Kaspersky Internet
Security. The publi...
Any objects in your website document that have a link applied to them
within the Link tab in Web Propeties will display this dialog when
they are selected.
Nav bars also display this message for the button on the nav bar that
you have clicked on.
At the time of writing, YouTube's embed code is included within an
iframe. If your pop up images are displaying behind the YouTube video
then making the following alteration to the YouTube embed code will
resolve the problem.
* Having inserted ...
This idea is relevant in technical worlds such as programming, but is
not applicable, or practical, in the world of design-led solutions.
(The idea was invented by programmers, not designers!) Websites are no
different from any other visual media, such...
This is not true at all. Search engines index the text and do not
take into account any specific HTML tags when indexing your website.
The text, not the tags or the level of heading, is what matters and is
indexed. Many experts have even suggested that...
CAN I INSERT EXTERNAL WIDGETS IN TO MY WEB PAGE?
Xara Designer Pro and Web Designer allow you to replace any object
with HTML code. This allows you to easily insert external objects in
to your web pages such as videos from You Tube, Google maps, movie...
Xara Web Designer supports both Active and Passive FTP. The program
will try Passive FTP initially and if this fails then switch to
The first page within your document will always be exported with
either a .htm or .html extension. Web Designer allows you to export
all subsequent pages with any file extension. Open the Web properties
dialog and select the Page tab. Apply the page na...
Some web page creation software allows you to create a template page
which you can edit and have the edits applied to all the pages within
There is no need to have a template page in Xara . The program allows
you to have multiple pages...
This only affects a few niche browsers. Most browsers have moved
beyond 'resize text' style of zoom towards full page zoom (like Xara
and most other page layout programs have always had in fact) which is
much more accessible (because it zooms everythi...
This is necessary to explicitly control the positioning and the
length of the text strings and allows the text to render at the same
length in the browser as you see in the program. Our primary goal was
absolute WYSIWYG, as accurate as we can get it.
Customers loading their version 9 files in version 10 may encounter
problems with their existing widgets. If so then the first thing to
try is to re-insert the widget from the version 10 Designs Gallery and
delete the widget created in version 9. This is ...
If you have exported or previewed your site and notice that you cannot
click on an object that has a link applied to it, it may be because
you have an objects bounding box on top of the linked object in the
To resolve this open your des...
This article relates to:
* Web Designer 6
A site navigation bar automatically links to all pages and appears on
all pages within a document.
Adding a new page will cause the site navigation to be copied to the
new page, and a new button added ...
Instructions for inserting a Flash animation into your web page are
provided from within Xara Xtreme Pro.
* Preview your flash animation in a browser by clicking on the
relevant icon from the animation toolbar.
* Click on the link labelled 'View ...
Web Designer 6 and later provides you with the ability to override
the individual line positioning and force each paragraph of text to be
output as a single unbroken HTML block of text.
Simply select your text column/ area and click on the Apply Na...
Since version 6, all links pointing to the current page are removed
and if they have a rollover state, then the state is made permanently
This behaviour can be disabled by applying "NoAutoHighlight" name to
the object with the link.
- If the file is located within this folder then its possible the
server is not configured to serve .mp4 files. Please check to ensure a
mime type has been added for .mp4 files or contact your hosts to get
them to check this for you.
- Your hosting pac...
Xara allows you to design material from scratch. You are therefore
not restricted to using one of the many templates found in the Designs
Gallery and have complete creative freedom when it comes to design.
A Flash movie may display above all layers regardless of the stacking
order. The solution is to set the Flash movie's background transparent
using the WMODE tag. This will allow the DHTML layer underneath the
Flash movie or layer to appear.
Information on inserting a Youtube video in Version 5 of Xtreme and
Web Designer can be viewed from here 
Designer Pro and Web Designer allows you to access widgets directly
from the Design Gallery.
You can save FTP publishing details to a document, so this is the way
in which it's easiest to transfer these details between different
Open a new or existing document in your current version then go to
Utilities -> Web Properties -> Publi...
You can use any of the designs found in the Designs Gallery in the
folder named Buttons to create your own NavBars (button bars), and in
V6 and later there are also NavBar templates. You will also find
buttons and NavBars within each of the website the...
A visitor to your website will still be able to navigate through your
pop-up effects will not appear, the site visitor will still be able to
click on the links on the buttons and be...
WEB DESIGNER 7/ DESIGNER PRO 7
Forum thread: Click here  | Tweakset: Click here 
WEB DESIGNER 6/ DESIGNER PRO 6
Forum thread: Click here .| Tweakset: Click here .
WEB DESIGNER 5/ XTREME 5/ XTREME PRO 5
Forum thread: Click here |...
Xara Web Designer provides a quick method of displaying an enlarged
photo when clicking on a thumbnail image. Simply select a thumbnail in
your web page and click on the Link icon from the Website toolbar.
Select the radio button labelled POPUP PHOT...
You can force an image to be exported as a PNG by assigning it the
name "PNG" in the Name Gallery.
First select the image, then open the Name Gallery, press New and
choose the name PNG.
Then, when you export as HTML, the image will be exported in...
It is not possible to retrieve the code for your Amazon widgets if
you are using Internet Explorer 9 and running in standards mode due to
the Amazon's website. In this instance we recommend you visit
AmazonAssociates (US)  or AmazonAssociates (UK) [...
The Xara full width slider (File > New from Content Catalogue >
Components > Image Resources > Photo Slideshows and Galleries > Xara
Slideshow Widget) now supports the option to make photos span the
width of the browser from version 12.6.
To turn this o...
This is currently not supported.
Unfortunately we have had to remove the Display your Tweets widget
from the Social Networking Widgets folder within the Designs Gallery.
This is because Twitter have withdrawn the API upon which it relied.
We suggest replacing the Display your Tweets ...
Web Designer 6 gives you the option to view a single page in your
website or the whole website depending on your needs.
Click on the file menu and select preview page. Alternatively select
the F12 key or click on the export and preview ic...
Clicking on REPLACE WITH FLASH from the PLACEHOLDER | WEB PROPERTIES
dialog and selecting the Flash (.SWF) file you wish to insert
automatically causes the flash file to be copied into "_files" folder.
For example, if you save your document as "Desi...
Information on creating Remote Presentations can be found within the
program help. Limitations Only 'next step', 'previous step', 'page
down', 'page up' operations, and ordinary web links, are transmitted
between the presenter and the viewers. So avoi...
CAN I CREATE PRESENTATIONS IN ALL VERSIONS?
No. This feature is only available in Designer Pro X and Web Designer
Premium but not in PGD MX 2013 or Web Designer MX
HOW HAVE PRESENTATIONS BEEN ENHANCED IN RECENT VERSIONS?
* Slide Navigation: On an...
Please see the tutorial published by Gary Priester from here 
There currently is a known problem with Jotforms where the embed code
is producing an error that prevents it from displaying properly.
Please see this article on how to fix the problem in the code.
After creating a form and then clicking on Publish > Pl...