XSitePro Essentials

XSitePro V2.
x
Total Site Management
by Paul Smithson
The revolutionary Web site design software package taking

web site creation and maintainance to the next level.
XSitePro Book One: Essentials
2008 Paul Smithson
All rights reserved. No parts of this work may be reproduced in any form or by any means - graphic, electronic, or
mechanical, including photocopying, recording, taping, or information storage and retrieval systems - without the
written permission of the publisher.
Products that are referred to in this document may be either trademarks and/or registered trademarks of the
respective owners. The publisher and the author make no claim to these trademarks.
While every precaution has been taken in the preparation of this document, the publisher and the author assume no
responsibility for errors or omissions, or for damages resulting from the use of information contained in this document
or from the use of programs and source code that may accompany it. In no event shall the publisher and the author be
liable for any loss of profit or any other commercial damage caused or alleged to have been caused directly or
indirectly by this document.
Printed: May 2008
Publisher
Intellimon Ltd
Managing Editor
Paul Smithson
Technical Editors
Richard Butterworth
Melissa Tafa
Cover Designer
Martin Speed
Software used for Help Files

Help & Manual 3.0, EC Software
Contents I
Table of Contents
0
Part A Introduction 2
1 The Psychology
...................................................................................................................................
Behind XSitePro 4
2 An Overview of
...................................................................................................................................
Putting a Site Together 6
Part B Upgrading from Earlier Versions of XSitePro 10
Part C Project Management Screen 12

1 What is Project
...................................................................................................................................
Management? 16
2 Creating a Project
................................................................................................................................... 18
3 Web Sites ................................................................................................................................... 22
Adding a Web..........................................................................................................................................................
Site 23
Web Site Template
..........................................................................................................................................................
Selector 26
Part D Web Sites 34

1 Web Site Information
...................................................................................................................................
Tab 36
2 Page Layout...................................................................................................................................
Tab 40
A Word About..........................................................................................................................................................
Page Layouts 41
The Page Layout
..........................................................................................................................................................
Tab 43
Header ......................................................................................................................................................... 48
Info Bar ......................................................................................................................................................... 51
Left Panel......................................................................................................................................................... 54
Main Panel.........................................................................................................................................................
Header 58
Main Panel......................................................................................................................................................... 62
Main Panel.........................................................................................................................................................
Footer 63
Right Panel
......................................................................................................................................................... 67
Page Footer
......................................................................................................................................................... 70
Margins ......................................................................................................................................................... 73
Panels Explanation
.........................................................................................................................................................
Button 75
Navigation Menu
..........................................................................................................................................................
Settings 78
3 Web Pages Tab
................................................................................................................................... 81
Adding a New..........................................................................................................................................................
Web Page 83
QuickPages .......................................................................................................................................................... 86
Moving Pages..........................................................................................................................................................
Up and Down the Page List 88
Selecting Mulitple
..........................................................................................................................................................
Pages 89
Renaming Pages.......................................................................................................................................................... 90
Deleting Pages.......................................................................................................................................................... 91
Page Settings..........................................................................................................................................................
Tab 92
Page Title,
.........................................................................................................................................................
File Name and Menu Text 93
Keywords......................................................................................................................................................... 95
Home Page ......................................................................................................................................................... 97
What are .........................................................................................................................................................
Site Maps and Meta Data? 97
What to enter in .........................................................................................................................................
the Description for Site Maps and Meta Tags box 99
2008 Paul Smithson

II XSitePro Book One: Essentials
Adding Pages
.........................................................................................................................................................
to Navigation Menus 100
Advanced Page
..........................................................................................................................................................
Settings 102
Design Tab .......................................................................................................................................................... 103
Where have
.........................................................................................................................................................
my left and right columns gone? 103
Why is the
.........................................................................................................................................................
editable page-width so narrow? 104
Viewing .........................................................................................................................................................
the page as it will appear on the Internet 106
Source Tab .......................................................................................................................................................... 107
Page Analysis
..........................................................................................................................................................
Tab 108
Suggested.........................................................................................................................................................
Actions 108
4 Other Tab ................................................................................................................................... 111
Breadcrumb..........................................................................................................................................................
Trail 116
Web Site Settings
.......................................................................................................................................................... 117
Resources Manager
.......................................................................................................................................................... 118
Adding files
.........................................................................................................................................................
to the Files List 121
Removing.........................................................................................................................................................
files from the Files List 122
Renaming.........................................................................................................................................................
files 123
Links Page .......................................................................................................................................................... 124
Search Engine
..........................................................................................................................................................
Friendly XML Site Maps 125
Importing Pages
.......................................................................................................................................................... 126
Pop Ups .......................................................................................................................................................... 127
Navigation Menus
.......................................................................................................................................................... 128
Redirect Pages
.......................................................................................................................................................... 130
Robots .......................................................................................................................................................... 131
Global Scripts
.......................................................................................................................................................... 132
Site Maps .......................................................................................................................................................... 133
Mobile Site Wizard
.......................................................................................................................................................... 134
Multi-Page Creation
..........................................................................................................................................................
Wizard 136
Siloing .......................................................................................................................................................... 138
Site Search Form
.......................................................................................................................................................... 140
Web Site Cleanup
.......................................................................................................................................................... 142
XML Syndication
.......................................................................................................................................................... 143
Part E Publishing 146

1 Publishing Details
...................................................................................................................................
Tab 147
2 How XSitePro
...................................................................................................................................
publishes your site 148
3 Essential information
...................................................................................................................................
for publishing 149
4 Publishing your
...................................................................................................................................
site to the Internet 153
Part F Web Site Management 156

1 Backing up ...................................................................................................................................
your data 157
How to backup
.......................................................................................................................................................... 158
How to restore
..........................................................................................................................................................
a backup file 160
Other Backup..........................................................................................................................................................
Settings 162
2 Saving your...................................................................................................................................
site as a template 163
3 Importing and
...................................................................................................................................
Exporting your site 165
4 Export to FrontPage
...................................................................................................................................
or Dreamweaver 166
5 Moving, Copying
...................................................................................................................................
and Deleting Sites 167
How to move..........................................................................................................................................................
an existing Web site 168
How to copy..........................................................................................................................................................
2008 Paul Smithson

Contents III
How to delete
..........................................................................................................................................................
Part G Tools 174

1 Affiliate Wizard
................................................................................................................................... 176
2 Amazon Product
...................................................................................................................................
Integration 178
3 Audio Wizard
................................................................................................................................... 179
4 Auto-Page Generation
................................................................................................................................... 181
5 Change Template
................................................................................................................................... 183
6 Color Picker................................................................................................................................... 185
7 Design Wizards
................................................................................................................................... 190
8 External Page
...................................................................................................................................
Links 192
9 Find and Replace
................................................................................................................................... 194
10 Forms Wizard
................................................................................................................................... 195
11 Global Preferences
................................................................................................................................... 197
12 Google Adsense
................................................................................................................................... 199
13 Hotkeys ................................................................................................................................... 200
14 Image Library
................................................................................................................................... 201
15 Oxado Advertising
................................................................................................................................... 203
16 PayPal Buy...................................................................................................................................
Now Integration 204
17 PHP Compatability
...................................................................................................................................
Checker 206
18 Reports ................................................................................................................................... 207
19 RSS Feeds ...................................................................................................................................
Wizard 209
20 Snippets ................................................................................................................................... 211
21 Social Networking
................................................................................................................................... 213
22 Sub-Pages ................................................................................................................................... 215
23 Taskbar Scheduler
................................................................................................................................... 217
24 Tokens ................................................................................................................................... 219
25 Video Wizard
................................................................................................................................... 220
26 Widget Wizard
................................................................................................................................... 222
27 WYSIWYG Designer
................................................................................................................................... 224
The Designer
..........................................................................................................................................................
Window 225
The Buttons..........................................................................................................................................................
in the Designer Window 226
The Right-Click
..........................................................................................................................................................
Menu 244
Part H Help and Support 248
Index 249
2008 Paul Smithson

Part
A
2 XSitePro Book One: Essentials
1 Introduction
Welcome to the XSitePro Manual.
Our aim when putting together this manual was not just to provide a comprehensive and
detailed guide on how to use the XSitePro software, but also to provide you with a
detailed guide that would help you to get the most out of this powerful software in all
your Internet endeavors.
XSitePro is like the proverbial 'iceberg'. On the surface you see just a small percentage of
what it is capable of, but as you start to use it on a regular basis you'll start to realize
how much attention to detail has gone into it, and why it is the ideal software for
creating your Web sites.
Whether you are an Internet 'newbie' or a well established Internet Entrepreneur you are
sure to find XSitePro an incredibly useful and feature-packed tool to have at your
disposal.
Read this if you are an Internet newbie
If you are a newcomer to building Web sites and exploiting the commercial aspects of
this wonderful medium we highly recommend that you follow the XSitePro Tutorial from
start to finish. You can find the tutorial under the Help menu in the application or in the
XSitePro group on your Start menu.
This will, without doubt, teach you the most in the least amount of time. Once you have
worked your way through that tutorial, which should take you only a couple of hours at
most, you will have experienced many of the more common features that the software
has to offer. You can then take a look through this manual - and the 'Tools' manual also -
to expand your knowledge and discover many of the features that are not mentioned in
the tutorial.
Read this if you are an experienced Internet practitioner
XSitePro has been designed to be easy to use, even by complete novices, while at the
same time offering some of the most powerful features offered in any Internet software.
With the two manuals that ship with XSitePro we have had to cater for all skill levels and
so there may be sections in both that you feel you can skip over. If you come across such
a section feel free to turn a few pages, but be careful that you don't miss any of the
many 'golden nuggets' in your rush to get to the juicy bits.
Our advice for getting the most out of XSitePro would be to print out this manual and
take it down to your local coffee house. That way you can read through it without any
distractions. You will be amazed at how much you'll learn in just a quick read through.
There are LOTS of features in XSitePro that are intentionally hidden just beneath the
2008 Paul Smithson

Introduction 3
surface. The reason for this is a simple one. A newcomer would be overwhelmed if they
knew everything that XSitePro is capable of, but our aim was to create a software
package that would meet everyone's needs and so we had to build-in these powerful
features to ensure that you had the right tools available as and when you needed them.
Read this no matter what your skill level and knowledge
Everyone will learn at their own pace. Some people will be up and running in just a few
minutes, but will not have an in-depth knowledge of the sophisticated tool they have at
their disposal. Other people will take a slower approach and get all their ducks lined up
before moving on. Use whatever style suits you best, but please do take a look through
this manual whenever you can as the chances are that each time you come back to it you
will discover something new.
And don't forget ...
If you do find you get stuck on anything or need any help for any reason please don't
hesitate to get in touch as we will be happy to help. For details on how to get help visit
the Help and Support section.
2008 Paul Smithson

1.1 The Psychology Behind XSitePro
XSitePro was designed to fill a gap in the market. There are lots of software packages
available that will help you to
Design Web pages

Create site maps
Build links pages
FTP files up to the Internet
Check that the meta data is correct
Make sure that pages are optimized for the search engines
Allow you to add powerful scripts into your site
Create menus
etc, etc.
What was missing was something that:
1. Did ALL of the above in one easy-to-use package.
2. Added a whole host of unique features that had never been available in any software
at any price.
3. Was backed up by good comprehensive instruction manuals, tutorials and support.
Before writing a single line of code for the first version XSitePro, many years ago now, we
went through a lengthy pre-development phase that involved extensive market research
into exactly what was required. Our aim was to create a whole new category of software
and we called this new category Total Site Management.
This Total Site Management principle is as relevant today as it ever was - in fact more so,
and the logic that it lends to your Internet projects is one of the reasons why XSitePro
enjoys such popularity in the marketplace today.
With XSitePro we have created a software package that is capable of managing multiple
projects with multiple Web sites in each project. It will keep everything in an easy to
manage and well organized format that allows you to add pages at lightning speed, make
changes to existing pages whenever you like and even change the whole look and feel of
the site in just a few minutes rather than the hours or days it would take with other
software such as FrontPage or Dreamweaver.
XSitePro provides the user with the power to create professional quality Web sites in
record speed and to do things that previously could only be done by people who were
expert programmers. With XSitePro at your disposal you have a tool that really can make
the difference between success and failure on the Internet.
We've done our best to make XSitePro both powerful and easy-to-use, but like any
2008 Paul Smithson

Introduction 5
powerful tool there are some features that will take some mastering. If you follow the
instructions in this manual and work your way through the XSitePro tutorial you will
quickly learn the basics and you will then be in a position to make use of the many
advanced features the software has to offer.
If you take the time to master this software, you really will be well on your way to online
success.
2008 Paul Smithson

1.2 An Overview of Putting a Site Together
Putting a site together in XSitePro is simply a matter of following seven simple steps. If
you follow these steps in the right order you will be able to create sites in lightning
speed.
Here are the seven steps.
1. Create a Project
All of your Web sites are stored within projects. This keeps your sites neatly organized.
You can have an infinite number of sites within any project.
2. Create a New Web site
Once you've created a project you can add a new Web site with just a couple of mouse
clicks. Enter some basic information and you're away. In creating your site you can start
from scratch or use one of the many great-looking templates that ship with XSitePro, to
get you underway.
3. Create a Page Layout
In the Page Layout section of your Web site, you create a look or 'style' for all of the
pages within that site. For example, you might choose to have a graphical header, pastel
green left column with a navigation menu in it and another menu at the bottom of the
page. In the Page Layout section you can also set the default fonts for each of the
sections. The great thing with XSitePro is that you can return to the Page Layout section
whenever you like so if, two months down the line, you decide you no longer like the
pastel green color of the left column you can change it, and all of your pages will be
updated automatically throughout the whole site.
4. Add Page
Once you're happy with the page layout for your site you can start adding pages. Just go
to the Web pages tab and click on the 'Add Page' button. It's that easy! XSitePro even
gives you template pages to make the whole process of adding well-presented page
content that much easier and quicker.
5. Enter Page Info
Each Web page you enter should include a brief description and appropriate keywords.
These can be entered quickly into the Page Settings tab. The 'To-Do' reports (in the
Reports section of the program)will prompt you to complete this kind of task if you
forget.
2008 Paul Smithson

Introduction 7
6. Design your Page
XSitePro comes with a powerful WYSIWYG (What You See Is What You Get) designer that
will let you create the exact look and feel that you want. You don't need to know
anything about writing HTML - it's as easy as using a word processor.
7. Publish
Once you've added all your pages you just click on the Publish button and your site will
be uploaded to the Internet.
THAT'S IT!
Once you get the hang of these seven steps you'll be ready to make your Web site
dreams come true. Whether your aim is to build a single site or an immense on-line
empire, XSitePro will provide you with a range of powerful tools that will as good as
guarantee your success.
And once you've mastered this framework for site creation, you'll be able to draw more
and more upon the extensive library of tools, effects, resources at your fingertips within
the application. These additional features will take your Web site to the next level in
design, content and professionalism. For more details of the many features available for
you to use checkout 'Book 2: Tools' - the second manual accompanying this one.
2008 Paul Smithson

Part
B
2 Upgrading from Earlier Versions of XSitePro
If you've already been using an earlier version of XSitePro up to now, and you're
upgrading to the powerful latest release, you need to read this section.
Upgrading - what happens to my old Web sites?
The latest version of XSitePro works in a substantially different way to earlier versions,
having been rewritten from the ground up for more power and control over your web-site
data.
Because of this, when you install the new version of XSitePro it will create an entirely
new installation of XSitePro and it will import all of your old Web sites, ready for
continued editing as normal.
The old Web site data directories (in which your earlier version of XSitePro stored the site
data) are not deleted during this process. If for any reason you need to return to an old
site version the sites will all still load using an earlier version of XSitePro.
The above notes are for your information only - you will find that on installing the latest
version of XSitePro it seamlessly moves your old sites over to the new formats, complete
with additional panels, and new options - just like new sites created in the new version of
the application.
If you have any further questions about the upgrade installation process, be sure to
check out the knowledgebase and forum - both of which are detailed in the Help &
Support of this manual.
2008 Paul Smithson

Part
C
3 Project Management Screen
When you look at the Project Management Screen you will see it is divided up into three
areas, highlighted below:
The three areas within this screen are:
1. Projects/Web sites list

2. Project/Web site information panel
3. Buttons/Controls
Projects / Web sites List.
When you select either a project or a Web site, from the list on the left side of the Project
Management Screen you will see the information panel, on the right, update to show you
information relating to the selected Project/Site.
2008 Paul Smithson

Project Management Screen 13
The Information Panel.
The information you will see on the right side of your screen includes:
Screenshot - showing a single image if you have selected a single Web site, in the list,
or, a rotating selection of images if you have selected a project in the list(one for each
site within the respective project folder).
Site/Project Information - Below the screen shot is some summary information

relating to the currently-selected Project/Site. This information includes the following (for
each of the Projects and Sites, as shown):
Projects:
Date Created - The date this project was first created

Date Modified - The date that the most recent change was made to any of the sites
within this project
Web sites - The number of Web sites contained in this project
Total Pages - Cumulative page count, across all the sites in the project
Sites:
Page Count - Total number of pages in this site

Date Created - The date this site was first created
Date modified - The date that the most recent changes were made to this site
Date Published - The most recent date on which this Web site was last published
File Count - The number of files (pages, images and other files) contained within this
site
Images - The number of images used throughout the Web site design
Audio - The number of audio files featured in this Web site
Video - The number of video files featured in this Web site
Description - This text-box contains a description of the selected web-site/project.

These descriptions can be edited here (and, in the case of the Web site descriptions, in
the Web site information tab, inside the Web site itself).
Keywords - The keywords relating to the project or Web site selected.
Notes - Your own personal notes relating to the project or Web site selected.
Buttons / Controls.
The large menu bar at the top of the screen includes the following buttons:
2008 Paul Smithson

Add Project - Clicking this button will load the 'Add New Project' window
Add Web site - Clicking this button will load the 'Add New Web site' window
Rename - Clicking this button will enable you to rename the selected Project or Web
site. Once clicked, the name of the Project or Web site will become editable text. Simply
edit this text and hit 'enter' (or click elsewhere on the screen) to commit your changes.
Delete - Clicking this button will delete the selected project or Web site within the list.
Note: Deleting a project will also delete any Web sites contained within that project - use
with caution!
Edit - Clicking this button will load the selected Web site, ready for editing.
Note: This button applies only to Web sites, so if you have selected a Project in the list,
this button will appear 'grayed out' (disabled).
Move - Clicking this button will load the 'Move Web site' window - more information is
contained on the moving process in its own section in this manual: How to move an
existing Web site.
2008 Paul Smithson

Copy - Clicking this button will load the 'Copy Web site' window - more information on
the copying process is contained in its own section in this manual: How to copy an
existing Web site.
Export - Clicking this button will launch the 'Site Export' process, more information on
which is contained in the section: Importing and Exporting your site.
Import - Clicking this button will launch the 'Import Site' process, more information on
which is contained in the section: Importing and Exporting your site.
The following sections look at how to go about creating Projects and adding Web sites,
from the Project management screen.
2008 Paul Smithson

3.1 What is Project Management?
The first step for creating a Web site with XSitePro is to create a new 'project'. Using this
'project' structure, XSitePro encourages and helps you to keep your Web site empire in
an organized fashion, right from the start.
It's very easy to create sites using a variety of other, less-sophisticated web design tools
and find yourself struggling, with files scattered all over your hard disk, and then it is all
too easy to lose the files you originally created which can make your online life very
difficult indeed.
Keeping you organized
XSitePro will help you to create a very well organized and well planned archive of every
Web site you create. Not only will this archive include all of the necessary images and
words that you need for your Web site, but it will also provide a place for you to store
information on everything from affiliate schemes you are a member of through to the
log-in details for the control panel of your web hosting company.
Note: There are many times when XSitePro will ask you to enter information and you
should do your best to provide the necessary information as this really will help you in
the short, medium and long run.
XSitePro starts off it's quest to organize you by prompting you to enter everything in an
easy-to-follow, but structured format. Rather than just let you create Web sites XSitePro
encourages you to start by first creating a project into which you will put all related Web
sites.
For example, if you wanted to create a Web site specializing in 'shampoos, conditioners
and other related items' you would first create a project with an appropriate name, such
as Hair Care.
Inside a project you can create as many individual Web sites as you want. For example,
in your Hair Care project you might include the following Web sites:
Hair Products for Babies

Holistic Cures for Dandruff
Remedies for Baldness
Herbal Hair Care
It may take some time to eventually build up this list of Web sites, but in the meantime
the software will ensure that all your files are kept safe, your styles are kept consistent
throughout each individual Web site (the style for each Web site can be completely
different of course - they are all independent of one another) and all the information such
as publishing details are stored safely, attached to their respective Web site.
2008 Paul Smithson

The reason that XSitePro does this is that in most instances you will end up creating
more than one Web site in any particular field. The software helps you to organize each
of your Web sites into appropriate categories, in using this 'Project-led' approach, and as
you work through the manual you will see many benefits that will accrue because of this
approach.
2008 Paul Smithson

3.2 Creating a Project
To create a new project make sure you are on the Project Management Screen in
XSitePro then click on the button on the toolbar.
The following window will appear:
2008 Paul Smithson

In the window shown above you need to enter three pieces of information:
Project Title
Enter a name that aptly describes the nature of the project (and that fits those sites you
plan to feature within it).
Don't worry about choosing the wrong name as you can rename projects whenever you
like just by selecting the project in question, then by clicking the 'rename' button.
When choosing a project name it is best to go with something generic, rather than
something very specific. For example if you are setting up several Web sites focusing on
house building you might call your project 'House Building' or just 'Building'.
Alternatively, you could give your project a name that suited the type of site you are
creating rather than the subject matter. For example, if you have several work-related
sites and several personal projects on the go you might use project names that recognize
this divide.
If you imagine Projects as just being 'folders' into which you can group lots of similar
sites you won't go far wrong.
2008 Paul Smithson

Keywords
This is a very important box as it will have an impact on the keywords that are used
throughout the sites contained within this Project folder.
XSitePro uses a unique 'cascading keywords' approach to keywords that can save you a
considerable amount of time as you add more and more Web sites.
Cascading Keywords
Any keywords you enter at 'project level' will automatically appear in the suggested
keywords box on any subsequent Web sites you create within that project.
In turn, any keywords you enter at the 'Web site level' will automatically appear on every
Web page you create (within that site). At the Web site level they can be edited as much
as you wish, but a great deal of time will be saved by entering good quality keywords at
the project creation and Web site creation stages.
The above may sound a little complex, but it's actually very straightforward. In a
nutshell, if you enter some appropriate keywords in the Project Keyword box they will
automatically be present (ready for editing) whenever you create a new Web site.
For example, if your project related to furniture you may want to enter the following
generic keywords.
Furniture
Fixtures
Fittings
Table
Chairs
Carpet
Description
Enter a description for this project. The more information you can include the better as it
will help you to clarify in your own mind what the aim of the project is.
Be disciplined!
Be warned, it is easy to skip entering this kind of information, but it is a good discipline
to get into. In years to come you will come back to projects and wonder what they were
about. Had you entered the information in this box at the time you would know in an
instant.
Once you are happy with your entries, click the 'Ok' button to create your new project. It
will appear in the Projects / Web sites list, left of your screen, selected in the list. You will
2008 Paul Smithson

see the details you just entered in the Information Panel, on the right side of your
screen. If you wish you can add project notes at this point.
2008 Paul Smithson

3.3 Web Sites
Once you've created a project you can then add as many Web sites as you wish into that
project folder. This helps to keep all of your Web sites neatly organized in logical groups
and as such, is beneficial when it comes to inter-linking pages with Web sites from the
same project (more on which later in the manual).
Web sites can be moved very easily from project to project so don't worry too much
about whether you have put your new Web site in the correct project.
Nothing is 'set in stone' and anything you do can easily be changed at a later time.
2008 Paul Smithson

3.3.1 Adding a Web Site
Open the XSitePro application and select a Project into which you want to add a new Web
site - select the Project simply by clicking on it once with your mouse.
Click on the button to add a new Web site.
The following window will appear on your screen.
Templates
For the purposes of this explanation, we will be creating a blank Web site, but if you
wanted to, you could of course create a site from one of the pre-supplied templates. To
find out how to use these templates visit the Web site template selector section in this
manual.
2008 Paul Smithson

Creating a new (blank) site
To create a new Web site from scratch click on the Blank Web site button.
A window will pop-up on your screen asking you to enter some information:
Web site Title - In the box provided, enter the title for this Web site. This will be the
name of the site which people will see when they visit your site.
Keywords - In the keywords box you need to enter the keywords that you feel are
appropriate for this site. You'll notice that (if you entered some keywords when you
created the project into which you are adding this new site) there may be some keywords
2008 Paul Smithson

already suggested for you, to get you started. These are keywords that have 'cascaded
down' from the project to this new site. You don't have to use these, and you can add to
them, or change them to better fit your site.
Description - In this box you need to enter a description for your Web site. This
description is for your own benefit only - it does not appear on any published Web pages.
Once you're happy with your entries above, click the button to create the
site. As soon as XSitePro creates the site it will then load that site, ready for editing.
You are now ready to start designing your Web site and adding page content.
2008 Paul Smithson

3.3.2 Web Site Template Selector
Arguably the best way to create a great site with XSitePro is to create it from scratch
using your own graphics and putting your own stamp on the overall design. However,
sometimes you might want to just produce a site very quickly and for those occasions the
built-in templates can be a huge time saving device.
The built-in templates can also be very useful if you are new to creating Web sites and
want a helping hand. They will help you to quickly create an attractive looking site with
the least amount of fuss, and can start as a really useful 'jump-off point' for you to
customize going forward.
There are five different categories of templates to choose from:
1. Graphical Templates
2. Stylish Templates
3. Sales Letter Templates
4. Plain Templates
5. User Created Templates
We'll now take a look at these template categories.
Graphical Templates
The graphical templates provided are Web site templates with a strong graphical design
theme. There are around one hundred to choose from across dozens of categories and so
there's almost certain to be one that fits the nature of your site's content.
Here are just a few examples of some of the templates available in the Graphical
Templates section.
2008 Paul Smithson

Stylish Templates
The stylish templates included with XSitePro are templates that have a slightly 'broader'
appeal in terms of theme - that is, they will fit more sites than the stronger-themed
'graphical templates' above. These stylish templates are professionally designed and
literally give you a top-class Web site from the get-go.
2008 Paul Smithson

Here are just a few examples of some of the templates available in the Stylish Templates
section.
Sales Letter Templates
2008 Paul Smithson

The templates in this collection are along the lines of a standard sales letter. The visitor
would tend to start reading at the top and scroll down the page to read the letter or
information. They are plainer in appearance than the graphical and stylish templates.
Many highly successful sites on the Internet use this format very effectively, particular
for selling products - since there is little in the page design to distract the visitor from the
sales message.
Plain Templates
Plain Templates are single-page designs that can give your page a simple plain effect to
pick the page out in the visitor's browser.
User Created Templates
The user created templates category is black to start with, but you can quickly add your
own templates to this folder over time, and as you do so your templates will become
available for use just like all the other templates pre-supplied.
Selecting a template
When you click on the button and then (from the category selection
screen that appears) on your preferred template category button, you will be taken to
the Web site Template Selector screen.
2008 Paul Smithson

On the left hand side of this screen are thumbnails of each of the templates and on the
right is a preview window. If you click on any of the thumbnails you will see a larger
screenshot displayed in the window on the right and below that there will be a brief
description of the currently-selected template.
To select a template to base your site on, select it by clicking on its thumbnail on the left
hand side and then click
Customizing a template to meet your own needs
When you create a site from a template there will be various standard elements inserted
for you and some of these will need to be edited accordingly.
Any editing of standard parts of the template is done either within the Page Layout tab
(for changes to the overall design) or in the Web pages tab (for changes to the default
pages, pre-supplied with some of the templates) after creating the site.
2008 Paul Smithson

For more information on how to edit the Page Layout visit the Page Layout section of this
manual.
2008 Paul Smithson

Part
D
4 Web Sites
In the Site Design part of XSitePro you will find all the tools you need to create a great-
looking, content-rich Web site.
XSitePro uses a tabbed interface to give you quick access to all aspects of your Web sites
- in no more than two mouse-clicks you can move from almost any part of the design
process to any other part.
The following tabs are displayed in the Site Design section of XSitePro:
Web site Information This is where you will enter pertinent information about the
Web site such as the keywords, site description and the site title to be used when
publishing the site to the Internet.
Page Layout This is the boiler room of XSitePro's site design section. It allows you to
create a look and feel that will automatically be applied to every page you create and
also pages that are created automatically for you such as the site map and links pages.
Web pages This is where you go to add new pages to your site.
Other The other tab includes a multitude of buttons that give you access to many
powerful tools and customization options.
Publishing Details This is where you enter all the information necessary to publish
your site to the Internet, e.g. FTP details, username and password.
Along the bottom of the Site Design screen are four buttons.
2008 Paul Smithson

Web Sites 35
These are pretty much self-explanatory, but each one has been described below just in
case you are in any doubt.
The Help button will open the XSitePro help system. The help displayed will be different
depending on where you are in the software when you click the button. You can also
access context sensitive help at any time by pressing F1 or selecting Help from the top
menu bar.
The Preview button is a button you will use regularly. It allows you to view your Web site
locally. There's no need to publish your site to the Internet to see how it will look. Just
click on the Preview button whenever you like and you'll be able to see exactly what it
looks like at that moment in time.
The Save button will save your work. XSitePro saves your work at regular intervals, when
you move from tab to tab for example, but if you have made some changes and you
want to ensure that your changes are safe just click on the Save button.
The Close button will take you back to the previous screen, but will prompt you to save
you work, if you haven't already done so.
2008 Paul Smithson

4.1 Web Site Information Tab
This is the starting point for any new Web site you create. It's easy to be tempted to rush
ahead to get to the page creation stage, but resist the temptation. Time spent entering
the necessary details is essential and in the case of the keywords it will save you a lot of
time further down the line.
Web site:
In the Web site box you should already see the name you gave your Web site when you
created it. This name will be displayed to the people visiting your Web site once it is
published to the Internet, so it is important to pick not only an appropriate Web site title,
but also one that will register well with the search engines for your major keywords.
Imagine you were building a Web site that was specializing in Kites, and your company
was called Mike's Leisure Pursuits. In the two lists below you'll see several examples of
good and bad Web site titles.
2008 Paul Smithson

Web Sites 37
Good Web site Titles Bad Web site Titles

Mike's Kites Mike's Leisure Pursuits
Kites from MLP MLP
Kites at Mike's Leisure Pursuits Mike's Leisure Pursuits Web site
Mike's Leisure Pursuits Kites Mike's Web site
Mike's Leisure Pursuits Kite MLP on the Web
Department
You really should try and include your major keyword or keywords in your site's title - in
the example above the word 'kites' is clearly going to be one of our major keywords.
Also, if the Web site title is quite lengthy you should try and give your keyword increased
prominence by putting it nearer the front of the Web site name.
Focusing on the right keywords is crucial. It is very easy to think you know what
keywords are important, but this can lead you down the wrong path very quickly. You
don't want to spent time building a site and optimizing it for certain keywords only to
discover much later that nobody is searching for those words or phrases.
Keywords
Not all search engines use the keywords you enter in the meta data part of your Web
pages, but it is still worth paying close attention to this part of the process for several
reasons.
First, if a search engine does look at the meta data to find out what your site is about, if
you have entered appropriate keywords they will pick up on it.
In the early days of search engine technology the keywords you included in the meta
data part of the Web page was very important indeed. At its very simplest a search
engine would use these words to find the appropriate Web sites and Web pages
whenever a person did a search.
Secondly, the search engine optimization part of XSitePro uses the keywords that you
enter to help you to optimize each of your pages for the search engines.
Lastly, entering appropriate, well-researched keywords at each stage of the process helps
you to focus your mind on creating copy (i.e. the words on your Web pages) that is rich
in the important words and phrases. This is as important for actual visitors reading the
page as it is for search engine spiders crawling your page content.
XSitePro provides a time saving feature by automatically using keywords entered at the
project creation stage at the Web site creation stage and this extends through to the Web
page creation stage. This 'cascading keywords' feature is a great time-saver as you build
your sites and projects.
You will notice that the keywords you enter when you create a project will automatically
2008 Paul Smithson

appear when you add a new Web site. This saves you having to enter them again each
time you add a new Web site into that project.
However the words that appear, may need editing or adding to. For example, if you have
created a project called Furniture and are now setting up your first site within that
project and you've called it Antique Furniture you may have the following keywords at
each stage.
Entered at the Project Level:
Furniture
Tables
Chairs
These three words would then automatically appear in the keyword list on the Web site
Information tab when you create a new Web page. However, you may edit the list so that
it includes some additional words that are less generic and more specific to antique
furniture. For example:
Antiques
Antique Furniture
Furniture
Tables
Chairs
You would probably come up with a longer list, but this illustrates the point. This new list
would now automatically appear each time you add a new Web page and can be further
customized to reflect the subject of a given page. So, for example, if you create a page
that is focused on antique furniture repair the keyword list may look as follows:
Furniture repair
Furniture restoration
Reupholster
Antiques
Antique Furniture
Furniture
This method of adding and editing keywords really does help speed up the process of
entering appropriate keywords, but it will only work if you take the time to enter
appropriate keywords at each stage of the process.
Put simply, you will 'fine-tune' your keywords as you move from project level, through
site level, to page-level.
Description:
In this box you can enter a description for your Web site. Don't worry too much about
filling this site description with keywords, or writing a perfect description. This
description is really for your benefit - a place where you can write a succinct description
of what this site is. A mission-statement of sorts.
2008 Paul Smithson

Web Sites 39
Other Notes
Use this box to enter any miscellaneous information regarding this specific Web site.
This may include such things as:
Prospective affiliates
Possible joint venture partners
Sources for information
Contact details such as phone numbers and e-mail addresses
Useful resources
Links you might want to include on your links page
Ideas you have for Web pages to include
You can type as much information into this box as you wish and you may return to it at
any time to edit it or add more.
Tip: A neat feature within XSitePro, when working on a specific site you can call up a
window showing you this notes text (ready for editing) simply by clicking Alt+F10 on
your keyboard. Entering your text into the window that appears and saving it will store
the text in this notes field for your review at a later time.
Saving your data
XSitePro will save your work at regular intervals as you move between tabs, but after
making major additions it is always worth clicking on the Save button in the bottom right
hand corner of the screen to make sure that you never lose any of your hard work.
Tip: You can also press Ctrl+S on your keyboard at any time to save your site, too.
2008 Paul Smithson

4.2 Page Layout Tab
The Page Layout tab can be found in the Site Design screen of XSitePro (when you've
opened your Web site).
This is where you will create the overall design 'look and feel' of your site. The choices
you make on the Page Layout tab will automatically be replicated throughout all of the
pages of your site. This ensures that your site has a consistent design style without you
having to constantly make changes to every new page you create.
The Page layout tab really does provide you with huge flexibility. At any time you want,
even months or years into the future, you can return to the Page Layout tab and
completely change the look and feel of your site. Any changes you make will, as if by
magic, automatically be copied across every page you have created in the past.
Gone are the days when you have to manually make changes to every page when you
change the color scheme of your site XSitePro will do all of this work for you in an
instant.
In the sections that follow we will look in more detail at how Page Layouts work and how
to adjust the settings contained within the Page Layout tab.
2008 Paul Smithson

Web Sites 41
4.2.1 A Word About Page Layouts
Before getting started looking at how to layout your site let's just have a quick look at
the basic layout that is followed by over 95% of professional sites.
Most well-designed Web sites follow a common layout that has a left column that
includes links to the important pages within the site, often a horizontal strip below the
header featuring advertising or navigation, a right column that features miscellaneous
content such as testimonials or advertisements, a main panel in the middle for the body
copy, a header panel that often includes an attractive graphic, and finally a page footer
that sometimes includes a graphic and often a horizontal menu bar with similar items on
it to the main navigation menu.
To explain this graphically take a look at the following Web pages.
The first one is the Whitehouse.gov site. This has a clearly defined left panel with a
navigation menu, a header panel, main panel header, main panel and a right panel - all
marked in the example below.
2008 Paul Smithson

The next one is Apple's store. This has a left hand column with a navigation bar, a
header, a main panel and a right column (all highlighted on the image below).
The reason that most Web sites follow this layout is that it is a 'tried and tested formula'
that people are familiar with. An extensive amount of scientific research has gone into
site design, from split-testing various designs through to tracking eye movement, to
discover this winning formula.
XSitePro offers a lot of flexibility to create exactly the layout you want. For example you
can dispense with the right or left columns if you want, you could choose to have the
page menus on the right hand side rather than the left, or you could choose not to have
a header graphic if you want - it is completely up to you. However, in our experience
research has clearly shown that this standard layout works better than any other for the
simple reason that it is instantly familiar to people.
Familiarize yourself with the above layout and you'll find XSitePro to be as simple as can
be.
2008 Paul Smithson

Web Sites 43
4.2.2 The Page Layout Tab
To start editing your page layout make sure you have a Web site open and that you are
in the Site Design part of XSitePro. You will be able to check this by looking at the name
of the window in the top left hand corner.
To display the Page Layout screen click on the Page Layout tab. On clicking on this tab
the following screen will be displayed.
The screen is split into two parts. On the right is the preview panel and on the left are
the various settings boxes.
As you make changes to the settings on the left hand side you will see those changes
reflected instantly on the preview panel on the right. This allows you to see immediately
what effect your changes have on the look and feel of your site.
To start with the preview panel will look rather dull, a bit like a blank sheet of paper. As
you make changes to the settings on the left you will start to see your page layout takes
shape right before your very eyes.
Each of the elements that make up a page can be edited individually so, for example, you
can add a background to the left hand column and this won't impact on the other panels
or sections of your page design.
2008 Paul Smithson

There are nine sections of a typical Web page that can be customized. Here's a brief
description of each one:
Header Panel This is located at the very top of the page. Often it will include a logo or
header graphic that includes the Web site's name.
Info Bar This is located immediately below the header panel and is also the full page-
width. Usually you would expect to see either advertising or some kind of horizontal
navigation in this part of the page layout.
Left Panel Beneath the info-bar and to the left of the main panel (where the main
body copy of the Web page appears) is the Left Panel - running vertically down the left of
the page. Here you will usually find links to all of the important pages on a Web site.
Main Panel Header Situated at the top of the main panel (and set to the same width
as the main panel, the section of the page layout is ideal for elements such as
breadcrumb trails, or date scripts.
Main Panel This is where the body copy for your Web site will appear.
Main Panel Footer At the bottom of the Main Panel is the Main Panel Footer. With
XSitePro you have a choice of whether you have a footer that stretches the full length of
the page or whether the footer excludes the left and right column and appears
immediately under the main body of text. You can also have both at the same time if you
wish. For example, you may want to have various links to pages appear under the main
body copy and a copyright message on the page footer.
Right Panel This is the space between the main panel and the page margins. People
often include testimonials or banner advertisements in this section.
Page Footer This is the section that appears immediately below the left and right
columns and the main body of the page. Often it will include a copyright message and
may include a reminder of the Web page URL.
Margins These appear on the left and right side of the Web page and at the top and
bottom. You can also choose to have the page left justified and only have a margin on
the right hand side of the page.
You can see in the graphical illustration below how each of these sections fits together on
a page.
2008 Paul Smithson

Web Sites 45
The above is the standard layout that XSitePro offers you, but you can make any of the
sections disappear completely by giving it a height (or width) of '0' (zero) pixels.
2008 Paul Smithson

For example, many Web sites have a header, a left column, a main panel and a main
panel footer, but no page footer or right panel. Here's how such a layout can look.
2008 Paul Smithson

Web Sites 47
Another popular layout for commercial Web sites is the sales letter, which has no left and
right panel, no page footer and often no header. Below is an example of what this kind of
layout looks like.
There are many more permutations that can be created with XSitePro and you will be
hard pushed to find a page layout format that cannot be created using the above
sections.
Best of all is that at any point you can completely change the layout of your site within
just a few minutes and any changes you make will automatically be worked through each
of the existing pages.
It doesn't matter whether you have just two or three pages or two or three thousand
pages you can almost instantly make major changes to the layout whenever you choose.
For example, you could add or change a page footer, you could remove the left column
navigation menu and put it on the right column, you could add a footer menu, info bar,
and pretty much anything else you could dream up.
2008 Paul Smithson

It is this kind of flexibility that makes XSitePro such a versatile and powerful application.
To our knowledge there is no other application in existence that could make so many
major changes so quickly and so easily.
4.2.2.1 Header
The Header Panel configuration box lets you customize the header section of the page.
You have two choices.
You can either select a background color (using the color selection box) and/or header
graphic and leave it at that, or you can select the 'Advanced Header' option, and
customize it to your heart's content by setting the height of the panel and then by
clicking on the designer button to edit the panel in the WYSIWYG designer.
Using a graphical header:
If you have a header graphic you'd like to display you can choose it by clicking on the
browse button to launch the image library tool (from which you can browse for, and
select your image file.) Alternatively, if this graphic has already been used somewhere on
2008 Paul Smithson

Web Sites 49
your site you can select it by clicking on the down arrow next to the
Background box and selecting it from the list that appears.
Once selected, you can select how you want this image to be justified. The choices are
left, center or right justified.
In the Alt text box you should type a description for the graphic you have used. An Alt
Tag is the text that appears, usually in a small yellow box, if you hover your mouse
cursor over an image on a Web site. Most people visiting your Web site will never see
this text, but it will appear instead of the image for any visually impaired users who are
using a screen reader, and it is also picked up by most search engines when they are
spidering your site.
Usually, you will enter something like your Web site name into the Alt Text box, but you
should also try to include your major keyword or phrase.
For example, if your Web site specializes in exotic fish and your company is called Deep
Blue you might enter "Exotic Fish from Deep Blue". Search engines like ALT Tags and
having your main keyword or keywords appear in Alt Tags will help to improve your
search engine rankings.
Customized Headers:
If you wish to customize the header and use your own HTML instead you can do so by
selecting the 'Advanced Header' option.
This will still allow you to pick the background graphic and/or color, but you can then
customize the header in any way you wish by using the WYSIWYG Designer and the
additional controls that the custom html function makes available (i.e. height and
padding).
Height - This is the height of the header. Often this will be the same height as a graphic
you might be using.
Padding - If you are using text in your header you can adjust the spacing between the
text and the outer edge of the header by increasing the padding. The number entered in
2008 Paul Smithson

the padding box represents pixels.
To customize the HTML you will use the WYSIWYG Designer feature that is built-in to
XSitePro. To open Designer click on the button. A window like

the one below will be displayed.
The color that is displayed in the Designer screen is the header color that you have
selected in the Header settings above (in the image above, the color is of course white).
If you chose a background image this will also appear tiled in the background.
There is a whole section about the Designer part of XSitePro and we recommend you
read this to get a full understanding of this powerful built-in editor. What follows is a
very brief overview of how it works.
2008 Paul Smithson

Web Sites 51
First, you will notice that there are three tabs along the top of the Designer screen.
Design Tab - This is a full-blown WYSIWYG (what you see is what you get) editor. It lets
you enter the text in a similar way to how you would in a normal word processor such as
MS Word or WordPerfect.
This WYSIWYG editor allows you to enter your text without having to worry about HTML
code (see source tab below), which means you can focus on design aspects rather than
coding.
Source Tab - The Source tab displays the HTML version of whatever you enter on the
Design view (see above). If you are familiar with HTML code you can edit and enter text
on the source tab instead of, or in addition to entering it on the Design tab. The choice is
yours.
Preview Tab - Clicking on the Preview tab displays the text as it would appear when
your site is published to the Internet.
4.2.2.2 Info Bar
Below the Header settings box you will see the Info Bar settings box. This is where you
specify the details for the Info Bar, i.e. the horizontal section that appears under the
Page Header.
2008 Paul Smithson

The following can be specified for the Info Bar.
Include Info Bar Checkbox The Info Bar is optional and can be enabled/disabled
using this check-box.
Background Color Using the color selection box you can choose a background color to
use for the Info Bar panel. Enter the color you wish to use, in the text box provided or
alternatively click the 'browse' button to the right of the text-box to launch the color-
picker tool (with which you can select your desired color).
Background Image If you wish to use a background image rather than just having a
background color you can select it by using the drop down button or by clicking on the
Browse button. Any image you select will, by default, be tiled across and down the Info
Bar panel.
Height This is set in pixels. The width of the Info bar is determined by the overall page
2008 Paul Smithson

Web Sites 53
width (i.e. this panel will span the left panel, main panel and right panel). Typically an
Info Bar would be somewhere between 50 and 100 pixels tall. This would usually be
sufficient to include menu items or typical banner advertising, as appropriate.
Padding This is the space around any text that is entered into the Info Bar. If you set
this to 0 you will notice that the text is flush up to the top-left corner of the panel, which
is usually not ideal. In most cases a setting of 5 pixels is sufficient, but if you prefer to
have more space you can increase this to 10 or even 15 pixels.
Include Links on Info Bar Checkbox If you wish to have a horizontal navigation
menu appear in your Info Bar (many Web sites do this) just put a check in the 'Include
Links on Info Bar' check box.
Menu Settings Button If you have opted to include links in this panel, using the
option above, then you may click this button to load the navigation menu settings tool.
With this tool you can completely customize your navigation menu - you can read more
about this tool in the navigation menu section of this manual.
Font The font you choose here (e.g. Verdana, Arial) will become the default font for all
of the text appearing in the Info Bar panel. You can have more than just menu items in
this panel so bear this in mind when setting the font.
The font used for menu items can be further customized by selecting the Navigation Bar
button on the Other tab (or by clicking the 'Menu Settings' button, described above).
Size Here you select the default font size for text appearing in the Info Bar section of
your page.
Font Style From the style options available, select those that you would like to apply,
by default, to the text within this panel. The options are:
Bold
Italic
Underline
2008 Paul Smithson

Font color Select a color to which all text entered in the Info Bar will default. You can
change this color later using Designer or you can change the color of the menu item
using the Navigation Menu button under the Other tab (or by clicking the 'Menu Settings'
button, described above).
Designer - If you wish to edit the contents of the Info Bar panel you can do so by
clicking on the Designer button. This will open the Designer tool in a separate window.
If you have a check mark in the 'Include Links on Info Bar' check box you will notice that
there is already a box in the Design part of Designer containing the words 'Navigation
Menu'. This is a marker for the navigation menu. It is where the various navigation links
will automatically appear as you add new pages to your Web site.
You can enter text (and other elements) above and below the Navigation Menu box by
simply positioning the cursor before or after it with your mouse and then pressing Enter
or typing the text you want to include.
You can also add graphics into the left hand column via the Design tool. For information
on using the Design tool please see the designer chapter.
If you ever accidentally delete the Navigation Menu placeholder, don't panic. Next time
you load the designer window it will reappear automatically.
4.2.2.3 Left Panel
Below the Info Bar settings box you will see the Left Panel settings box. This is where
2008 Paul Smithson

Web Sites 55
you specify the details for the Left hand column, i.e. the section that appears under the
Info Bar and to the left of the main panel (where the main body copy of the Web page
appears).
The following can be specified for the left panel:
use for this panel. Enter the color you wish to use in the text box or, alternatively click
the 'browse' button to the right of the text-box to launch the color-picker tool (with which
you can select your desired color).
Browse button. Any image you select will, by default, be tiled across and down the left
hand column.
Width This is set in pixels. Typically a left column will be somewhere between 100 and
150 pixels wide. This is sufficient to include any menu items. If you don't want to have a
left hand column, which is often the case when you are creating a Web page that looks
2008 Paul Smithson

like a typical sales letter, you can set the width to 0.
Padding This is the space around any text that is entered into the left column. If you
set this to 0 you will notice that the text is flush up to the left hand edge of the column,
which is usually not ideal. In most cases a setting of 5 pixels is sufficient, but if you
prefer to have more space you can increase this to 10 or even 15 pixels.
Include Links on Left Panel Checkbox If you wish to have a navigation menu
appear in the left hand column (many Web sites do this) just put a check in the 'Include
Links on Left Panel' check box.
of the text appearing in the left hand column. You can have more than just menu items
in this column so bear this in mind when setting the font. The font used for menu items
can be further customized by selecting the Navigation Bar button on the Other tab.
Bold
Italic
Underline
Size Here you select the default font size for text appearing in the left hand column.
Font color Select a color to which all text entered in the left hand column will default.
You can change this color later using Designer or you can change the color of the menu
item using the Navigation Bar tab under the Other tab (see later).
2008 Paul Smithson

Web Sites 57
Designer - If you wish to edit the contents of the left hand column you can do so by
clicking on the Designer button. This will open the Designer tool in a separate window.
If you have a check mark in the 'Include Links on Left Panel' check box you will notice
that there is already a box in the Design part of Designer containing the words
'Navigation Menu'. This is a marker for the navigation menu. It is where the various
navigation links will automatically appear as you add new pages to your Web site.
If you ever accidentally delete the Navigation Menu box you can easily re-insert it by
right-clicking with your mouse anywhere in the Designer screen and selecting Insert
Navigation Links from the menu that appears.
2008 Paul Smithson

4.2.2.4 Main Panel Header
Below the Left Panel settings box you will see the Main Panel settings box. This is where
you specify the details for the Main Panel Header, i.e. the horizontal section that appears
immediately above the Main Panel content - the body of your Web page.
2008 Paul Smithson

Web Sites 59
The following can be specified for the Main Panel Header.
Include Main Panel Header Checkbox The Main Panel Header is optional and can be
enabled/disabled using this check-box.
use for the Main Panel Header area of your page layout. Enter the color you wish to use,
in the text box provided or alternatively click the 'browse' button to the right of the text-
box to launch the color-picker tool (with which you can select your desired color).
Browse button. Any image you select will, by default, be tiled across and down the Main
Panel Header.
2008 Paul Smithson

Height This is set in pixels. The width of the Main Panel Header is determined by the
Main Panel width setting. Typically a Main Panel Header would be somewhere between 50
and 100 pixels tall. This would usually be sufficient to include menu items or typical
banner advertising, as appropriate.
Vertical Padding This is the space above and below any text that is entered into the
Main Panel Header. If you set this to 0 you will notice that the text is flush up to the top
and bottom edges of the panel.
Horizontal Padding This is the space to the left and right of any text that is entered
into the Main Panel Header. If you set this to 0 you will notice that the text is flush up to
the left and right edges of the panel, which is usually not ideal. Generally you would
want to set this value to mirror the padding value set for your Main Panel.
Include Links on Main Panel Header Checkbox If you wish to have a horizontal
navigation menu appear in your Main Panel Header just put a check in the 'Include Links
on Info Main Panel Header' check box.
of the text appearing in the Main Panel Header area of your page layout. You can have
more than just menu items in this panel so bear this in mind when setting the font.
The font used for menu items can be further customized by selecting the Navigation Bar
button on the Other tab (or by clicking the 'Menu Settings' button, described above).
Size Here you select the default font size for text appearing in the Main Panel Header
section of your page.
2008 Paul Smithson

Web Sites 61
Bold
Italic
Underline
Font color Select a color to which all text entered in the Main Panel Header will
default. You can change this color later using Designer or you can change the color of the
menu item using the Navigation Menu button under the Other tab (or by clicking the
'Menu Settings' button, described above).
Designer - If you wish to edit the contents of the Main Panel Header section you can do
so by clicking on the Designer button. This will open the Designer tool in a separate
window.
If you have a check mark in the 'Include Links on Main Panel Header' check box you will
notice that there is already a box in the Design part of Designer containing the words
'Navigation Menu'. This is a marker for the navigation menu. It is where the various
navigation links will automatically appear as you add new pages to your Web site.
If you ever accidentally delete the Navigation Menu placeholder, don't panic. Next time
you load the designer window it will reappear automatically.
2008 Paul Smithson

4.2.2.5 Main Panel
This is where the body copy for your Web site will appear. It is the place in which you will
normally enter all of the copy you want on your Web pages, but at this stage we are not
really concerned with the content as much as we are with the look of this important
section.
The following can be specified for the main panel:
Background Color Use the drop down list to select the background color you want for
the main section. Usually, white is the best color to go with as it provides a clean look to
your Web site, it provides an easy-to-work-with background for adding images (i.e. you
don't have to worry about setting color transparencies), it is comfortable on the eye, and
it is unlikely to offend anyone.
If you are going to go with a colored background it is usually best to go with a lighter
shade than a dark one. Research shows that many people find it difficult to read light
text against a dark background and prefer to have dark text against a light background.
Browse button. Any image you select will, by default, be tiled across and down the main
section.
Be warned. If you are going to use a background image for the main section of the Web
site make sure that it is very light otherwise it can be very difficult to read the text.
2008 Paul Smithson

Web Sites 63
Width This is set in pixels. Typically the main section of a Web page will be between
350 and 600 pixels wide, although this does vary greatly depending on the type of site
and the profile of the audience. For example, if you know that all of your visitors will
have large screen monitors you may choose to go for a wider than normal main section.
Equally, if your research (or gut feeling) shows that many of the potential visitors to your
Web site have older equipment with smaller screens you may decide to set a smaller
width such as 400.
Padding This is the space around any text that is entered into this section. If you set
this to 0 you will notice that the text is flush up to the left hand edge of the column,
which is usually not ideal. In most cases a setting of 10 to 15 pixels is sufficient for the
main panel, but if you prefer to have more space you can increase this to 20 or even 30
pixels.
of the text appearing in the main panel. You can of course change this as you add text in
this section. All that you are specifying here is what font text will be by default (i.e. if
you don't specify anything else within the actual page design itself).
Font Size Here you select the default font size for text appearing in the main section
of the Web site. Typically, this will be somewhere between 8 and 12 point.
Font color Select a color to which all text entered in the main section will default to.
Remember that if you have chosen to have a light colored background above you will be
best to go with a dark font color, and if you've chosen a dark colored background above
you'll be best going with a light color for the font.
4.2.2.6 Main Panel Footer
At the bottom of the Main Panel is the Main Panel Footer.
XSitePro offers two kinds of footer: the Main Panel Footer and the Page Footer. You can
use them individually or both at the same time.
The Main Panel Footer appears immediately under the main body of text. It is the place
where you will often find a horizontal navigation bar or dynamic advert content, which
will change on each page published.
2008 Paul Smithson

Include Main Panel Footer Checkbox The Main Panel Footer is optional and can be
enabled/disabled using this check-box.
Background Color Use this setting to select a background color you want for the Main
Panel Footer. Ideally you should pick a color that both compliments your overall page
design and also allows the visitor to clearly view the content within it.
Browse button. Any image you select will, by default, be tiled across and down the main
panel footer section.
Height this setting specifies how high you want the footer to be in pixels. Typically a
footer will be between 20 and 50 pixels high, but this varies greatly from site to site and
depends very much on what you want to include in the footer.
2008 Paul Smithson

Web Sites 65
Vertical Padding This is the space above and below the text that is entered into the
Main Panel Footer. If you set this to 0 you will notice that the text is flush to the top and
bottom edges of the Main Panel footer.
Horizontal Padding This is the space left and right of the text that is entered into the
Main Panel Footer. If you set this to 0 you will notice that the text is flush to the left and
right edges of the Main Panel footer.
Include Links on Main Panel Footer Checkbox If you wish to have a navigation
menu appear in the Main Panel Footer just put a check in the 'Include Links on Main
Panel Footer' check box.
Font This is where you choose the default font for the Main Panel Footer of your Web
pages (e.g. Verdana, Arial).
Size Here you select the default font size for text appearing in the Main Panel Footer.
Font Style Select a style that should be applied, by default, to any text entered in the
Main Panel Footer. Choose from the Bold, Italic and Underline styles by clicking the
respective button(s).
Font color Select a color to which all text entered in the Main Panel Footer will default.
Designer Button - If you wish to edit the contents of the left hand column you can do
so by clicking on the Designer button. This will open the Designer tool in a separate
window.
2008 Paul Smithson

Is it a good idea to have a footer menu?
Often it is wise to include a horizontal menu bar either in the footer of the main
panel or in the footer of the page itself as this encourages people to continue to surf
your site when they reach the bottom of any of your pages.
If people reach the bottom of any of your pages and see no links to click on it is very
easy for them to either enter a new url into the browser window or close the window
altogether either way, you will have lost a visitor.
By including footer menus you are trying to entice people to stay on your site. The
longer you can keep somebody on your site the more likely you are to generate
revenues, gain a new customer or collect an e-mail address.
If you ever accidentally delete the Navigation Menu placeholder you can easily re-insert it
by right-clicking with your mouse anywhere in the Designer screen and selecting Insert
Navigation Links from the menu that appears.
2008 Paul Smithson

Web Sites 67
4.2.2.7 Right Panel
The Right Panel is the space between the main panel and the page margin on the right
hand side of the page. People often include testimonials or banner advertisements in this
section.
2008 Paul Smithson

The following can be specified for the right panel:
Background Image If you wish to use a background image rather than just have a
Browse button. Any image you select will, by default, be tiled across and down the right
hand column.
Background Color Use this control to select the background color you want for the
right hand column. When you click on the browse button, to the right of the color text-
box, the color picker tool will load, from which you can select your preferred color. In
some cases you may wish to have the right column exactly the same color as the main
panel in which case, you just select that color from the color picker window.
Width This is set in pixels. Typically a right column will be somewhere between 100
and 150 pixels wide. If you don't want to have a right hand column you can set the width
to 0 and then no right column will be visible.
Padding This is the space around any text that is entered into the right column. If you
2008 Paul Smithson

Web Sites 69
set this to 0 you will notice that the text is flush up to the left hand edge of the column,
which is usually not ideal. In most cases a setting of 5 pixels is sufficient, but if you
prefer to have more space you can increase this to 10 or even 15 pixels.
Include Navigation Menu Checkbox If you wish to have a navigation menu appear
in the right hand column (usually people choose to have them in the left hand column as
this is more standard, but XSitePro gives you the choice) just put a check in the Include
Navigation Menu check box.
of the text appearing in the right hand column.
Size Here you select the default font size for text appearing in the right hand column.
Font Style Select a style that should be applied, by default, to any text entered in the
Right Panel. Choose from the Bold, Italic and Underline styles by clicking the respective
button(s).
Font color Select a color to which all text entered in the right hand column will
default. You can change this color later using the Designer tool, mentioned below.
Designer Button - To edit the contents of the right hand column click on the Designer
button. This will open the Designer tool in a separate window. Any text that you enter
here will automatically appear in the right hand column of all Web pages you create for
this site, unless the right panel is disabled at a page level.
If you have chosen to include a navigation menu in the right hand column by checking
the Include Navigation Menu check box you will notice that there is already a box in the
Design part of Designer containing the words Navigation Menu. This is a marker for the
navigation menu. It is where the various navigation links will automatically appear as
2008 Paul Smithson

you add new pages to your Web site.
You can enter text above and below the Navigation Menu box by simply positioning the
cursor before or after it with your mouse and then pressing Enter or typing the text you
want to include.
If you ever accidentally delete the Navigation Menu box you can easily re-insert it by
right-clicking with your mouse anywhere in the Designer screen and selecting Insert
Navigation Links from the menu that pops-up (see Left Panel for more information on
how to do this).
4.2.2.8 Page Footer
The Page Footer appears immediately below the left and right columns and main body
section of the page. It will often include a copyright message or maybe a reminder of the
Web page URL, but it is sometimes also used instead of the Main Panel Footer as a place
to put the horizontal menu bar.
2008 Paul Smithson

Web Sites 71
The following can be specified for the page footer:
Include Page Footer Checkbox The Page Footer is optional and can be enabled/
disabled using this check-box.
use for the Page Footer. Enter the color you wish to use in the text box or, alternatively
click the 'browse' button to the right of the text-box to launch the color-picker tool (with
which you can select your desired color).
Browse button. Any image you select will, by default, be tiled across and down the Page
Footer.
Height this setting specifies how high you want the footer to be in pixels. Typically a
2008 Paul Smithson

footer will be between 20 and 50 pixels high, but this varies greatly from site to site and
depends very much on what you want to include in the footer.
Padding This is the space around any text that is entered into the footer. If you set
this to 0 you will notice that the text is flush up to the left hand edge and the top edge of
the footer, which is usually not ideal. In most cases a setting of 5 pixels is sufficient, but
if you prefer to have more space around the text in your footer you can increase this to
10, 15 or even 20 pixels.
Include Menu Checkbox If you wish to have a navigation menu appear in the Page
Footer just put a check in the Include Menu check box.
Font This is where you choose the default font for the Page Footer (e.g. Verdana,
Arial).
Size Here you select the default font size for text appearing in the Page Footer.
Style Select a style that should be applied, by default, to any text entered in the Page
Footer. Choose from the Bold, Italic and Underline styles by clicking the respective button
(s).
Font color Select a color to which all text entered on the Page Footer will default.
Designer Button - To edit the contents of the Page Footer click on the Designer button.
This will open the Designer tool in a separate window.
2008 Paul Smithson

Web Sites 73
4.2.2.9 Margins
The margins are the two vertical strips down the left and right side of the Web page (and
can also feature above and below the header/footer).
Background Color Often you will choose to have margins that are a different color to
the rest of your Web page to make the page design stand out. For example, if your Web
page is quite light colored you might choose to go with dark margin colors, alternatively
if your Web page is quite dark you may choose to have light colored margins or leave
2008 Paul Smithson

them as white.
Background Image If you'd prefer to have a background image rather than just a
background color you can select it by using the drop down selector, or by clicking on the
Browse button (which will load the image library tool).
Top and Bottom - These settings allow you to specify a size, in pixels, for the top and
bottom margins. Typically a size of between 0 and 50 is sufficient. Top and bottom
margins are completely optional. If you leave these boxes set at zero pixels no space will
appear above and below your page design.
Right and/or Left Margin Option XSitePro allows you to align your Web page to the
left of the screen or to have it centered. There are pluses and minuses to both options
and much of it will depend on the kind of design you have decided to go with. If you
want to have a centered page then make sure that you have a margin on the left and
right hand sides of the page by selecting 'Left and Right Margins'. Below is an example of
a centered Web page.
If, on the other hand, you want to have the page justified to the left in the viewer's
2008 Paul Smithson

Web Sites 75
browser then select 'Right Margin Only'. Below is an example of a left justified page.
4.2.2.10 Panels Explanation Button
To help you understand exactly where the different 'Panels' feature in your Web page
design XSitePro features a handy visual reference, accessed via the 'View Panels
Illustration' button at the bottom of the page settings, bottom-left of your screen.
Clicking this button will load the following illustration in a pop-up window;
2008 Paul Smithson

The image above clearly shows where each panel sits within the overall page design, and
what's more, if you hover your mouse over a particular heading (for example, over the
'Header Panel' heading in the example below) you will see additional information about
the panel in question in a tool-tip that appears.
2008 Paul Smithson

Web Sites 77
2008 Paul Smithson

4.2.3 Navigation Menu Settings
Many Web pages make use of page navigation tools, such as links to popular pages on
the left hand side of the page or somewhere at the bottom of the page. The reason for
this is simply to help people to navigate through the site.
For example, if you arrive at a site and want to order a product, you don't want to have
to spend five minutes looking for a link to take you to the order page. Research has
shown that most people will look on the left hand side of a page first, which is why most
sites have a navigation menu there.
You will also find many professional sites also include a navigation menu at the bottom of
the page. There are two reasons for this.
1. It saves people having to scroll all the way back to the top of the page to get to the left
hand navigation menu.
2. It helps to prevent them closing the browser or surfing off somewhere else by
presenting them with a list of other links on the site.
With XSitePro you really can customize your site to look exactly how you want it to look.
You can choose to have a navigation menu appear in:
The left hand column

The right hand column
The Info Bar
The Main Panel Header
The Main Panel Footer
or in the Page Footer
Or indeed any combination of the above options.
For example you could have a navigation menu in the left hand column AND at the body
of the main body section. Even better still, you can choose to have different links appear
in different places. You could have links to all your main product categories and the order
form on the left hand navigation bar, and in an Info Bar menu just have links to the
order form, the privacy statement and your contact details.
What's more, not only can you include navigation links in the different sections of your
site, but you can use great quality graphical menus to really lift the design quality of
your site - all using the in-built navigation menu features of XSitePro.
The way you achieve this powerful customization is by following three steps.
First, you need to specify on the Page Layout tab where you want the menus to appear.
2008 Paul Smithson

Web Sites 79
Secondly, you need to put a check mark in the check-boxes on the Info page for each
page that you want to appear on a menu. This might sound a little complicated, but it is
really simple.
Finally, you need to select a design style for your menus - you do this by launching the
navigation menu settings screen, either from the page layout section relating to the
When you create a page have a look on the Page Settings tab for six check boxes in the
'Menu Settings' section of the screen.
If you want a page in your site to have its own link on any of the menus, just put a check
in the appropriate box. For example, if you have created a 'Latest News' page and you
would like it to appear in the left hand menu and also in a menu on the page footer put a
check in the boxes labeled 'Show on Left Navigation Menu' and next to 'Show on Page
Footer'.
The link text that appears on the menu is taken from whatever you type in the 'Menu
Text' box in the Page Settings tab.
In the case of a Latest News page you would simply type 'Latest News', but if the page
had a much lengthier title you might choose to type something shorter into the Menu
2008 Paul Smithson

text box.
For example, if you had a page that had the title International Stamps of the 20th
Century Yugoslavia you might choose to have a link on the left hand menu bar to that
page that simply said 'Stamps Yugoslavia' as it is very unlikely, unless you had an
extremely wide left column, that such a long title would fit.
Here are a few more examples:
Page Title Suitable Menu Text

Technical Support and Knowledgebase Support
Copyright, Disclaimers and Terms and Conditions Legal
Who we are and what our company is all about About Us
Cars for Sale BMW, Mercedes, Lexus Prestige Cars for Sale
Customizing your navigation menus
For more detailed information about the customization settings you can use to achieve
great looking navigation menus, please refer to the 'Book 2: Tools' Reference manual. In
this in-depth manual you'll find a section entitled: 'Navigation Menus'. Reading through
this section, you should find out all you need to know about this feature.
Either turn to the relevant page of the PDF manual, or jump to the on-line help system
(at the correct page) by visiting the following URL: >> http://www.xsitepro.com/help/
navigation_menus.htm
2008 Paul Smithson

Web Sites 81
4.3 Web Pages Tab
Once you've created a project and added a Web site within that project you are ready to
start adding Web pages. This, and several of the following chapters, lead you step-by-
step through how to add a variety of pages to your Web site.
To start adding Web pages you need to have first created the look and feel of your site
using Page Layout. Once you have done this you can start to add pages by clicking on
the Web pages tab.
Above is a screenshot of the Web pages tab screen. It is split into two major sections. On
the left hand side is a panel that contains a list of all of the Web pages making up your
site. If it is a new Web site you have created this list will be completely blank.
On the right hand side are four tabs; Page Settings, Design, Source and Page Analysis.
Each of these is explained below.
Page Settings Tab On this tab you enter crucial information about each of your Web
pages. This information will be used by XSitePro, when publishing your site to the
Internet, within your page meta-data.
Design Tab This is where you will actually design your Web page. It is a full-blown
WYSIWYG (What You See Is What You Get) editor and it provides you with lots of
powerful features that will enable you to create attractive and professional looking pages
quickly and easily.
Source Tab This tab provides an editable view of the code that makes up your Web
page. The great thing with XSitePro is that you don't need to know anything about HTML,
which means that many users will never venture onto this tab, but if you do know how to
edit HTML code you will find this an useful tool that gives you the power to work with
your pages' HTML code to your heart's content.
2008 Paul Smithson

Page Analysis Tab The Page Analysis tab contains important information about your
Web page content - assessing the content across a range of criteria and suggesting
possible recourses for any problems found. There is a whole section on this important
subject.
2008 Paul Smithson

Web Sites 83
4.3.1 Adding a New Web Page
To add a new Web page to your site click on the button on the left of the
screen.
Note: If you click on the down arrow next to the 'Add Page' button you will
be presented with a list of built-in templates. Templates will be covered in a later
chapter. In this chapter we are focusing on adding a standard blank page.
After clicking on the 'Add Page' button the following screen (box) is displayed:
In the window that appears there are five things you need to enter in setting up this
page. The reason you need to enter this information at this point is so that you don't
forget later. It really is worth taking a moment to fill out the screen detail as done
properly now, will save you from a lot of rework later.
2008 Paul Smithson

Page Title - In this box you need to type the title of the Web page that you want to add
to your Web site. At this stage don't worry too much about what you call the page as
you'll have plenty of time to change it later. The most important thing is to give it a
name that you will find recognizable. For example, if it is a page providing the visitor
with useful hints on tips or buying metal furniture you might just give it the name Metal
Furniture.
Keywords - If you entered any Web site keywords (when you first created your Web
site) you will notice that there are already some suggested keywords entered into the
keywords box for you. If you want, you can simply accept these, but if you wish to
further hone-in on the subject matter of this new page then enter more specific keywords
above the existing ones. The keyword at the top of this keyword list will effectively be
your 'main' keyword for this page.
Description - In the description box you need to enter a description for this page. It
should neatly sum up what is in this page and should feature your main (and secondary)
keywords in the description text. Visitors to this page will not see this description, unless
viewing the site-map or a sub-page list (in which this page features). Search Engines will
use this description as part of their assessment of your page's content so you must keep
it relevant.
Menu Settings - The list of menu options on the right hand side of the screen is used to
determine which, of the available menus, you have activated throughout your Page
Layout. To add a page to a particular menu, simply check the relevant box. Do not worry
if you make a mistake here, or wish to change your mind later - you can adjust these
settings at a later date from the Page Settings tab.
Site Map Settings - The Site map settings check-box determines whether or not the
page you are creating is visible on the Site Map for this Web site. There may be
occasions, for example if you were creating a success/failure page or a 'post-purchase
download page', in which you don't want visitors to be able to browse to that page from
the site map.
To add this page to the Site Map, check the check-box provided.
After typing in the name, click on the button.
Note: To the right of the Add button is a small down button labeled 'add other'. If you
click on this you will see a drop down menu. This menu includes options for (amongst
other things) External Link and Category Heading. These options are explained briefly
below.
External Link - Select this option if you would like to have a menu option on one of your
2008 Paul Smithson

Web Sites 85
navigation bars that instead of pointing to a page on your site actually points to another
site or a page on another site. The link will appear on your navigation bar or footer
menus just like any other link, but clicking on it will result in the external site or page
you specified being loaded into the browser.
Category Heading - The Category Heading option lets you create a separator for your
navigation menus. These will appear on the navigation menu, but users won't be able to
click on them.
2008 Paul Smithson

4.3.2 QuickPages
QuickPages are a great way to build consistent, quality pages across a range of different
page- types, quickly and repeatedly - a truly powerful tool in your content-creation
arsenal.
The logic underpinning this tool is that Web sites consistently tend to feature common
page-types (for example: Contact and Privacy pages), and also that many Web sites
feature types of pages that are regularly produced in multiple quantities (for example:
Articles, Product Pages and Press Releases).
In both scenarios, it would be useful to have a tool which not only speeds up the page
creation process significantly, but also enables you to make your page design completely
consistent... within the same page-type and also across different page-types, too.
And that tool is QuickPages!
The QuickPages tool can be launched from the Web pages tab, under the 'Add Other'
drop-down menu, shown below.
Loading the QuickPages tool from this menu, you will see the following window:
2008 Paul Smithson

Web Sites 87
For more detailed information about the QuickPage tool, and how to use it to create
great-looking pages quickly, please refer to the 'Book 2: Tools' Reference manual. In this
in-depth manual you'll find a section entitled: 'QuickPages' - reading through this section
you should find out all you need to know about this powerful feature.
quickpages.htm
2008 Paul Smithson

4.3.3 Moving Pages Up and Down the Page List
To the right of the page list are four arrow buttons. These buttons allow you to move
pages up and down the list and to indent them to create sub-pages.
The order that pages appear on this list is the same order that they will appear on any
navigation bars.
By selecting a page by clicking on it with your mouse and then using the and
arrows you can quickly move it to the exact position where you want it to appear on the
menu bar.
The and buttons allow you to create sub-page groups under a parent page. For
example '1 and 2 bed basic cabins' is a sub-page of 'Cabin Plans' in the screenshot below
and it has four sub-pages of its own (One bedroom 451 sq ft through to Two bedroom
1,445 sq ft).
2008 Paul Smithson

Web Sites 89
4.3.4 Selecting Mulitple Pages
Selecting multiple pages within the Web pages list is an useful feature when you want to
move or delete multiple pages simultaneously.
To select multiple pages in the list, use one of the two simple techniques outlined below:
Selecting multiple consecutive pages:
1. From within the Web pages tab, click on the first page in the list of pages, left of your
screen that you wish to select.
2. Hold down the SHIFT key on your keyboard.
3. Click on the last page in the page list that you wish to select.
4. All of the pages featured consecutively between the first and last pages will be
highlighted, ready for moving, or deleting.
Selecting multiple non-consecutive pages:
1. From within the Web pages tab, click on the first page in the list of pages, left of your
screen that you wish to select.
2. Hold down the CTRL key on your keyboard.
3. Click on the other pages within the list that you would like to select, one after another.
4. With your chosen pages now selected you may proceed to move, or delete them as
required.
2008 Paul Smithson

4.3.5 Renaming Pages
To rename a page within the Web pages list (under the Web pages tab) simply follow the
steps below:
1. Select the 'Page Settings Tab'
2. If you wish to change the Page Title, edit the text in the 'Page Title' text-box.
3. If you wish to change the File Name for this page (i.e the filename that will appear in
the visitor's browser address box) then edit the text in the 'File Name' box.
Note: Leave the file format (.html or .htm) unchanged to avoid page navigation
problems.
3. If you wish to change the Page Menu Text (i.e the name of the page as appears in the
navigation menus, throughout your site) then edit the text in the 'Menu Text' box.
The page title / menu text will update immediately when you click somewhere else on
the screen.
2008 Paul Smithson

Web Sites 91
4.3.6 Deleting Pages
Deleting pages from the Web pages list (in the Web pages tab) is simple.
Simply select the page in the list and either hit the 'Delete' key on your keyboard or click
the 'Delete' button at the top of the Web pages list.
In both cases you will be presented with a confirmation request.
To confirm your intention to delete the selected page(s) simply click the 'Yes' button.
Clicking 'No' cancels the deletion.
2008 Paul Smithson

4.3.7 Page Settings Tab
Immediately after adding a new page the following screen will be displayed:
This is a very important screen so we will run through each part briefly and then cover
them individually in more detail in the sections that follow.
Page Title This is the text that will appear in the upper left corner of the browser
window when people visit this specific page.
File Name This is the name your page will have when it is published to the Internet. It
will always end in .html or .htm.
2008 Paul Smithson

Web Sites 93
Note: If this page is your Home Page, then this box will be read-only (you won't be able
to edit the filename). This is to ensure that this page (being the home page for your site)
does not inadvertently get renamed.
Keywords for this Web page This is a list of the keywords that relate to this Web
page.
Description for Site Map and Meta Tags In this box you should enter a description
for the Web page. This should be short (between 10 and 50 words) and should include as
many of your important keywords as possible.
Menu Text If you want to include this page on either the left hand menu or one of the
footer menus you should enter the text which will be used for the link.
Menu Settings - The list of menu options on the right hand side of the screen is used to
determine which, of the available menus, that you have activated throughout your Page
Layout.
This is the Home Page for the Site One of your pages must be designated as the
Home Page for your site. This is the page that people will land on by default.
Publish this Page If this box is checked this page will be published whenever you
click on the Publish button. If it is unchecked the page will not be published. This is an
easy way of adding pages to XSitePro, but not having them published until you are
happy that they are right.
Add this Page to my Site Map If this checkbox is checked then this page will
automatically be listed in your Web site's site map.
Advanced Settings Button - To access the advanced Page Settings screen click the
button shown below.
More in this feature is contained in the Advanced Page Settings section of this manual.
4.3.7.1 Page Title, File Name and Menu Text
When you first created your Web page you will have been prompted for a Page Title.
More information about this essential setting, along with the Filename and Menu Text
settings, is included below.
2008 Paul Smithson

Page Title This is the name that appears in the top left hand corner of the visitor's
browser when you publish this site to the Internet.
Search engines often pay close attention to the page title. In some case, but not always,
they will rank a page higher if it contains the keywords people are searching for. With
this in mind it is worth giving your new page a page title that incorporates at least one of
the keywords you wish to optimize this page for.
File Name This is the name of the actual file itself, once you publish it to the Internet.
In almost all cases this should have the extension .html or .htm. As far as search engines
are concerned there's little or absolutely no difference between the two so feel free to
give it whichever extension you prefer.
By default XSitePro will give the file a .html extension and unless you have a good
reason you may as well leave the extension (i.e. the bit after the period, as 'html').
As for the actual filename itself (i.e. the bit that comes before the .html extension) you
should try and give it a name that incorporates at least one of your major keywords,
while at the same time giving it a name that is easily recognizable for what the page is
about.
For example if your page is about paper fasteners, don't call it office-supplies-stationery.
html because office supplies and stationery are two of your major keywords. Instead you
might want to consider something along the lines of office-supplies-paper-fasteners.html
or stationery-paper-fasteners.html. You could even focus your efforts on optimizing the
page on the term paper fasteners and nothing else, in which case you could simply call it
paper-fasteners.html.
Menu Text This is the text that will appear in any of the navigation bars that you have
activated throughout your site (if this page is in fact featured within these menus).
Often you will want to give this a different name to the page title simply because of
space reasons. You can have a much longer page title than menu text, as if you have too
long a menu text name, it probably won't fit.
2008 Paul Smithson

Web Sites 95
Tip: If, when adding pages to navigation menus, you find the menus do not look
attractive, try reducing the length of the menu text setting for this page. This should
make for a neater navigation menu.
For example you may have given your page the title 'Occasional Rugs from Europe, the
Middle East and China', but you may choose to go with the much shorter 'Rugs' as the
text that will appear on the menus.
4.3.7.2 Keywords
When you create a new project you enter a list of generic keywords. This list of keywords
is automatically transferred to every Web site you create within that project.
This saves you having to type in the same list of keywords every time - a 'cascading'
effect.
At the Web site level you can edit this default list to better suit the specific needs of the
particular Web site.
Similarly, whenever you create a Web page it will automatically pick up on all of the
keywords that were listed at the Web site level, which means you don't need to re-enter
them all over again.
After creating a new page, you will notice that the keywords section has already been
populated with words that appeared at the Web site level. You can now edit this list so
that it suits the specifics of the Web page you are in the process of creating.
Here's what is happening:
At each point in the process you are getting more specific. At the project level the
keywords you entered were very broad and generic in nature. At the Web site level they
became a little more focused and fine-tuned to suit the topic of the Web site you were
creating. At the Web page level they become very fine-tuned to suit the exact needs of
the Web page itself.
If you look at the following table you will see how we move from generic to very specific
and how some words are either dropped entirely or are relegated down the list as things
are fine tuned.
Project: Web site: Web page:
Focus: Office Supplies Focus: Office Furniture Focus: Filing Cabinets
Keywords: Keywords: Keywords:

Stationery Office Furniture Filing Cabinets
2008 Paul Smithson

Office Supplies Tables Storage

Furniture Chairs Paper storage
Computers Filing Cabinets Fire protected filing
Fixtures and Fittings Desks Filing
As you can see the list on the left, the one for the project, is very broad.
For the Web site list (i.e. the one in the middle) things have become a lot more specific
and now focus heavily on office furniture rather than office supplies in general.
The list on the right is the one that relates to a specific Web page about filing cabinets on
the office furniture Web site. It is easy to see that this list is all about filing and storage
and all the generic terms have been dropped completely.
The above has been exaggerated to illustrate the point and the number of words and
phrases has also been kept to a minimum. In reality there will be quite a bit of cross over
between the list, but the more generic words and phrases will often be relegated to lower
down the list, thus giving the important words more prominence. For example the words
from the project list will often appear on the Web site list, but they will be at the bottom
and the words on the Web site list will appear on the Web page list, but again they will
be at the bottom.
The following table illustrates this point.
Project: Web site: Web page:
Focus: Office Supplies Focus: Office Furniture Focus: Filing Cabinets
Keywords: Keywords: Keywords:

Stationery Office Furniture Filing Cabinets
Office Supplies Tables Storage
Furniture Chairs Paper storage
Computers Filing Cabinets Fire protected filing
Fixtures and Fittings Desks Filing
Stationery Office Furniture
Office Supplies Tables
Furniture Chairs
Computers Filing Cabinets
Fixtures and Fittings Desks
Stationery
Office Supplies
Furniture
Computers
Fixtures and Fittings
In other words, by the time we get to the point where we are entering the words for the
Web pages themselves we have already built up a bank of generic and less generic words
2008 Paul Smithson

Web Sites 97
and need only add the very specific words that will help describe the Web page in
question.
4.3.7.3 Home Page
Every Web site you create needs to have what is known as a 'home page'.
A home page is simply the page that people land on, by default, when they visit your
Web site.
For example if your Web site domain name is 'mysite.com' and somebody entered http://
www.mysite.com into their browser's address bar the page that would load first is the
home page of your Web site.
In almost all cases web servers are configured so that the file with the name index.html
or index.htm is, by default, the home page.
In XSitePro all you need to do is select any one of your pages to be the home page by
putting a check next to the words This is the home page for the site. Then, whenever you
publish your site to the Internet, XSitePro will automatically rename this file to index.
html so that it becomes the default home page. You don't have to worry about changing
the name in the File Name box. You can leave that at whatever it already is, as the
renaming process happens automatically whenever you publish.
4.3.7.4 What are Site Maps and Meta Data?
In this section we will take a look at what the Site Map and Meta Tags (or Meta Data)
are, just in case either of these terms are new to you.
Site Maps
A site map is a page, or set of pages, that give an overview of the layout of a Web site.
Site maps originally came about to help people to navigate their way through a Web site
or to quickly find a specific page or section of pages found on a Web site. However, in
recent years they have become an useful tool for helping with your search rankings and
we will take a closer look at this in the section on Site maps, within 'Book 2: Tools'
accompanying this manual.
A site map will look something like the one below.
2008 Paul Smithson

Meta Tags
In this context the term meta tags, or meta data as it is often called, refers to the
information that is stored in the header section of a Web page.
A Web page is split into two major sections; the header and the body. The header section
includes information that helps the browser software read the page (e.g. it tells it the
title, the format that the page is in and the names of any scripting languages that might
be used in the page).
The end user does not see any of the header section. The body section is what is visible
to people browsing the Web site. It contains the words and images that you see on your
2008 Paul Smithson

Web Sites 99
screen.
Why do you need to know this?
The header section - the bit that end users don't see - can contain lots of important
information. Be warned, many Web pages are poorly put together and so don't include all
of the important meta data information listed below, but XSitePro ensures that ALL of
your Web pages are produced correctly and with all the meta data required to maximize
your pages' chance of success.
In the header section you can include information such as the following:
Title
Keywords
Description
Encoding Format
This information is known as meta data.
A typical header section (not including any scripts or navigation code) for a Web page
will look something like this:
<head>
<title>Holidays in Spain</title>
<meta NAME="Keywords" Content="Spain, Spanish holidays, Madrid, costas,
Mediterranean, Balearics, Barcelona, tours, vacation, short breaks,
beaches, costa brava, costa blanca, cruises, Canary Islands">
<meta NAME="Description" Content="Spanish holidays at bargain prices.
Lots of top locations including Madrid, Barcelona, Costa Brava, Costa
Blanca, the Balearics, and the Canary Islands.">
<meta NAME="Generator" Content="http://www.XSitePro.com">
</head>
If you were to code your pages by hand you would have to enter something similar for
each page you created, but with XSitePro you don't have to enter ANY of this code. It is
all done for you. As long as you take the time to fill in the boxes on the Page Settings
screen all of your pages will include a header like the one above, but you won't have to
type a single line of code, which may well come as a relief to you!
4.3.7.4.1 What to enter in the Description for Site Maps and Meta Tags box
In the box on the Page Settings tab labeled 'Description' you need to enter an
appropriate description for this Web page. There are several things you should remember
when entering your description.
Make it sound enticing
2008 Paul Smithson

This description is sometimes picked up by search engines and used on search results
pages. Not all search engines will pick up and use this description, but for those that do,
it is worth entering something that will help attract visitors when they read it.
For example, which of the following search engine entries would you click on if you saw it
after doing a search for paper clips.
An extensive range of paper clips and other office supplies at prices to

meet every budget. Paper clips for every possible situation.
or:
Lots and lots of office stuff. Save $$$. Furniture from **$10**, filing
cabinets for $20. ***Bargain stock***. End of line items. Bargains
galore. Save Save Save. Call now for BEST prices.
Most people would click on the top one first because it is clean, addresses the need, and
is easy to read.
Don't forget to mention your keywords and phrases
Some search engines will look at your site description when deciding whether or not your
page meets the needs of a person performing a search. For example, your site might be
all about leather wallets, but if you haven't mentioned the phrase leather wallets in your
site description it may fail to show up when someone performs a search for leather
wallets at one of the search engines.
Remember it will appear on your site map
XSitePro will automatically pick up the description you type in here and use it on your
site map page. The reason for this is that site map pages that include page descriptions
are more search engine friendly (you'll read more about that in the Site Maps chapter).
In addition to helping with search engine ranking it will also help if any people visiting
your site end up looking at the site map to find what they are looking for this does
happen regularly. If each page has a neat and easy to read description accompanying it,
the site map page will look much more appealing to your visitors.
4.3.7.5 Adding Pages to Navigation Menus
As mentioned in the Page Settings section of this manual, there is an easy way to add
individual Web pages to the navigation menus you have chosen to feature throughout
your site.
To add a page to any of the menus follow the steps below:
1. From within the 'Web pages' tab, select the 'Page Settings' tab.
2008 Paul Smithson

Web Sites 101
2. On the right hand side of the screen you will see a group of check-boxes under the
heading 'Menu Settings'.
3. The menus that are currently 'activated; on this site will appear as black text, in this
list. Those that are not currently active in your site will appear 'grayed-out'. You will not
be able to add a page to a menu that has not been activated on your site.
Note: To activate a menu within a particular panel, select the activation checkbox within
the relevant panel's settings in the Page Layout tab.
4. To add the current page to an activated navigation menu, check the appropriate
checkbox(es). You may add a page to multiple menus as required.
The below screen shot shows a page being added to three of the six available menus:
When you next view your site (using the Preview tool, or after publishing your site) you
will notice that the selected page now features in the respective navigation menu(s).
2008 Paul Smithson

4.3.8 Advanced Page Settings
To avoid over-facing you with every possible setting for your Web pages in a single
screen, XSitePro helpfully tucks away some of the lesser-used features in a standalone
Advanced Page Settings module.
You can launch this module from the Page Settings tab, by clicking the 'Advanced
Settings' button at the bottom of the Page Settings screen, as shown below:
The settings accessible within the screen that appears, include options under the
following headings:
Advanced Page Layout Settings

Page Scheduling Controls (for time-release content)
Page-specific scripts settings
Page Events (OnLoad/OnUnload)
Page-specific Robots settings
For more detailed information about the Advanced Pages Settings feature, and how to
use the various settings within the screens that it contains, please refer to the 'Book 2:
Tools' manual. This in-depth reference manual will tell you all you need to know about
this feature.
advanced_page_settings.htm
2008 Paul Smithson

Web Sites 103
4.3.9 Design Tab
After adding a page and entering the appropriate information on the Page Settings tab
you can move onto the design stage by clicking on the Design tab. This will take you to a
screen similar to the one below.
The Designer part of XSitePro is a powerful, WYSIWYG editor that allows you to create
professional looking pages quickly and easily.
The Designer allows you to quickly enter text and format it in the way that you want
without having to write any HTML code at all. It works in a similar way to most popular
word processors - for example, if you want to have a line of text in bold just highlight
that text with your mouse and click on the 'bold' button.
You should find most of the features of Designer intuitive to use, but if you need
additional help on any of them, please refer to the 'Book 2: Tools' manual. This in-depth
reference manual will tell you all you need to know about the Designer tool.
designer.htm
4.3.9.1 Where have my left and right columns gone?
2008 Paul Smithson

In the Page Layout tab you will have entered details for what you want to appear in the
left column of the Web page and maybe also the right column. You might also have
specified details for the info bar, headers and footers. You won't see any of this when
working in the Designer tab and there's a very good reason for that.
Rather than clutter your screen with design elements that appear on every page the
software lets you focus on what is important at this stage of the development process
and that is the main panel.
This allows you to create new pages quickly and easily without having to worry how the
rest of the page is going to look as you have already dealt with that in the Page Layout
tab.
Other Web page design software packages make you deal with these other elements
every time you create a new page, but XSitePro is much more intelligent. It lets you
create them once and then runs them through all existing and new pages automatically -
without you having to lift a finger.
4.3.9.2 Why is the editable page-width so narrow?
The width of the Designer window's 'editable space' is determined by the width setting
you entered in that panel's settings in the Page Layout tab.
2008 Paul Smithson

Web Sites 105
For example, if you were to look at the Designer window for a Main Panel set to 450
pixels in width you might expect the screen to resemble the one below:
Conversely, if you were editing your 140 pixel-wide Right Panel, using the Designer tool
then it might look something like this:
2008 Paul Smithson

The reason XSitePro automatically sets the Designer page width to the actual panel width
is so that you can clearly see the space that you have available to work with. There'd be
no point in entering a huge graphic, or large heading text, if the space clearly could not
contain that element.
This feature gives you clear visual feedback of the settings you make in the Page Layout
tab.
4.3.9.3 Viewing the page as it will appear on the Internet
If you want to have a look at how your page will look when it is published to the Internet
just click on the 'Preview' button, shown below.
This will add in all the additional elements you set in the Page Layout section of the
software (e.g. the left and right columns and headers and footers) and display the
finished results in your default web browser.
2008 Paul Smithson

Web Sites 107
4.3.10 Source Tab
The Designer part of XSitePro takes away the need to enter HTML code as it does it all for
you, but if you ever want to take a look at the code or edit it you can do so by clicking on
the Source tab.
This feature is a great tool for those familiar (and comfortable) with HTML and gives
complete code-level control of your pages.
For more detailed information about the Source tab, including what all the different
colors mean, please refer to the 'Book 2: Tools' manual. This in-depth reference manual
will tell you all you need to know about this feature.
source_tab.htm
2008 Paul Smithson

4.3.11 Page Analysis Tab
The last tab on the Web pages tab is the Page Analysis tab.
This tab is where you'll find a huge range of information relating to the 'optimization' of
the current web-page - not just Search Engine Optimization (SEO) but Page-
Components, Readability and Accessibility Data as well. A real health-check for your page
content.
To give you a quick-start using this tool, the section below this one gets into a little
detail. One aspect of the Page Analysis that you need to know about from the get-go:
The Suggested Actions.
For a really detailed review and explanation of the Page Analysis feature, and how to
make your pages perfect for Search-Engines and human visitors alike, please refer to the
'Book 2: Tools' manual. This in-depth reference manual will tell you all you need to know
about this feature.
page_analysis.htm
4.3.11.1 Suggested Actions
This is where XSitePro really comes into its own. Not only does it provide you with lots of
2008 Paul Smithson

Web Sites 109
useful tables that allow you to spot weakness in your Web page's overall optimization, it
also gives you a blow-by-blow list of recommendations for you to follow.
To quickly find out what you need to do to improve your Web page just click on the Page
Analysis tab and take a look at the list on the left hand side of the summary screen.
This list tells you exactly what you need to do to improve the chances of the page not
only ranking better with the search engines but being more readable and accessible to
visitors, too.
Here are a few examples of the kind of comments you will see:
Try tackling each one of the suggestions in turn. For example, if it says "You should have
at least one header on the page" go back to the Designer tab for that page and try and
add an appropriate headline or subheading.
When you then return to the Page Analysis tab you will see what you need to do next
(and you will notice that each time you return the action that you have just acted up will
have been removed from the list).
Your aim is obviously to either act upon every suggestion or at least keep the actions list
2008 Paul Smithson

as short as possible.
Another way to tackle this list is via the XSitePro Reports feature, which is described in
the Reports Section, in the 'Books 2: Tools' manual.
2008 Paul Smithson

Web Sites 111
4.4 Other Tab
Next to the Web pages tab in the Site Design part of XSitePro is the Other tab. This tab
includes many important features and customization tools for other sections of XSitePro.
To read detailed background information and step-by-step instructions for all of the
many settings, controls and tools accessed from this tab you should visit page ***
onward in the 'Book 2: Tools' manual that accompanies this manual.
The below summary, and sections that following this one, give a brief introduction to
each tool
There are eighteen buttons on the Other tab:
2008 Paul Smithson

Breadcrumb Trail - Add a fully-automated breadcrumb trail to every page in your site.
Web site Settings - Accesses a range of web-site-specific settings and preferences.
Resource Manager Lets you manage the various files relating to the Web site.
Links page Create your own multi-tiered, categorized external links page.
Search Engine Site maps - Create an XML site map in the correct format for submitting
to Google.
2008 Paul Smithson

Web Sites 113
Import Pages - Import pages created in another application directly into an XSitePro
Web site.
Popups A powerful pop-up, pop-under, pop-in and exit creator.
Navigation Menu Customize the different navigation menus, featured throughout your
site design.
Redirect pages Quickly create redirect pages.
Robots - Change the settings for the robots.txt file and the robots meta tags.
2008 Paul Smithson

Global Scripts Use this tab to include custom code in the header section of all pages.
Sitemap Customize the in-built site map generator.
Mobile Site Wizard - Quickly generate a whole new, mobile browser-ready version of
your site.
Multi-Page Creation Wizard - Generate multiple pages in record time using this bulk
page creation/template tool.
Siloing - Create an advanced site folder/navigation structure and improve your site
ranking.
2008 Paul Smithson

Web Sites 115
Site Search Add dynamic site-search functionality to your site.
Web site Cleanup Keep your Web space organized using this helpful file-checking
tool.
XML Syndication - Generate RSS feed of your own page content that will dynamically
update themselves as you add new pages.
In the sections that follow, a little more information is given on each of the tools listed
above, along with pointers to detailed instructions contained within the 'Book 2: Tools'
manual for each section.
2008 Paul Smithson

4.4.1 Breadcrumb Trail
A breadcrumb trail is the path that you often see displayed in the top left hand corner of
the main panel of many professional Web sites. It gives a clear path of where the visitor
currently is on the site and usually includes hyperlinks so that visitors can quickly return
to pages higher up the path.
The Breadcrumb Trail settings screen, accessed from the Other Tab, resembles the
screen below:
For more detailed information about the Breadcrumb Trail feature, please refer to the
'Book 2: Tools' manual. This in-depth reference manual will tell you all you need to know
about this feature.
breadcrumb_trail.htm
2008 Paul Smithson

Web Sites 117
4.4.2 Web Site Settings
There are a number of preferences / settings changes you can make in XSitePro, some of
which affect the whole application and some of which affect only the current Web site.
This button, on the Other tab, will load the settings that relate only to the current Web
site.
When clicked, the button will load the screen shown below:
For more detailed information about the Web site Settings section of XSitePro, and how
to use the various settings within the screens that it contains, please refer to the 'Book
2: Tools' manual. This in-depth reference manual will tell you all you need to know about
this feature.
preferences.htm
2008 Paul Smithson

4.4.3 Resources Manager
To view the Resource Manager click on the Resource Manager button on the Other tab.
The following window will be displayed.
The list on the screen shown above details all of the files that have been used for your
Web site. A large proportion of the files displayed in this list will likely be image files, but
the list can include any other files you either link to, or wish to include on the site.
For example if you link to an MP3 file, that file will automatically be added to this list
2008 Paul Smithson

Web Sites 119
when you create the link.
The following information is displayed:
Name This is the name of the file, e.g. header.jpg.
Size This is the size of the file in bytes. To convert this to Kb divide the number by
1000.
Modified This is the date and time when the file was last modified
Type - Indicates what sort of file this is, such as 'Images' or 'Audio' for example.
When and why are files added to this list?
Whenever you create a new link, in Designer, to a file on your site the file linked-to will
be automatically added to this list. This means that if you need to access that file from
anywhere else on your site it is simply a matter of selecting it from the pop-up file lists,
rather than having to browse your hard drive for it each time.
The 'Other Files' menu below shows how accessible your files become, once they've been
added to your site:
2008 Paul Smithson

Another way of adding a file to the resource list is to manually add it via this Resource
Manager. This process is described in the section that follows.
The reason you might choose to manually add a file to your resources list is if, for
example, you wanted to make a specific file available via your Web site, but you didn't
want to link to it from any of your pages. If you add it to this list XSitePro will upload it
to your web space even if it does not have a link to it.
Another reason why you might manually want to add files to this list is to make creating
a Web site even quicker. If you know that there are ten graphic files you will need access
to when building the site you can add them all at one go via the Files tab, whereas you
would have to add them one at a time, as you needed them, if you were to add them in
Designer mode (see how to add multiple files in the following section).
Finally, you may find this tool useful when updating existing files used on your site. If
you wish to overwrite 10 e-book PDFs reference throughout your site then using the
resource manager is the quickest way to update all ten files in one process.
Web Site Cleanup:
2008 Paul Smithson

Web Sites 121
As well as organizing your files locally, you can also use a tool called 'Web Site Cleanup'
to keep your web space uncluttered, too. This tool can be launched by clicking on the
'Web Site Cleanup' button at the bottom of the Resource Manager window. For more
details on the Web Site Cleanup tool visit the section in this manual called 'Web Site
Cleanup'.
4.4.3.1 Adding files to the Files List
How to manually add a file to the resources list
1. Click on the Resource Manager button on the Other tab screen.
2. Click on the button.
3. Browse through the folders on your computer to find the file you want to add to the
list.
4. Select that file by clicking on it once with your mouse.
5. Click the button.
6. The file will be added to the resource list for this Web site.
How to add multiple files at one time to the files list
1. Click on the Resource Manager button on the Other tab screen.
3. Browse through the folders on your computer to find the file you want to add to the
list.
4. Select the files you want by following either of the following methods:
To select consecutive files:
Click on the first one in the list with your mouse.
2008 Paul Smithson

Press and hold down the Shift key on your keyboard.
Click on the last of the files in the list that you wish to select.
Release the Shift key.
Proceed to step 5, below
To select non-consecutive files:
Click on the first one in the list with your mouse.
Press and hold down the CTRL key on your keyboard.
Click on each of the files you wish to select while keeping the CTRL key pressed.
When you have finished selecting files release the CTRL key.
Proceed to step 5, below
5. Click the button.
6. All of the files you selected will be added to the list.
4.4.3.2 Removing files from the Files List
If there are files you no longer require for your site you can remove them from the
Resource list.
1. From within the Resource Manager screen, select the file you wish to delete by clicking
on it once in the file list with your mouse.
2008 Paul Smithson

Web Sites 123
2. Delete the file by clicking on the button, by right clicking with your mouse
and selecting Delete from the pop-up menu, or simply by pressing the 'delete' key on
your keyboard.
3. You will be asked if you are sure you want to delete the file. Click 'yes' if you are sure
and 'no' if you are not.
4. You can delete multiple files at a time by using the selection method described in the
previous section (i.e. using the Shift Key to delete consecutive files and the CTRL key
to delete multiple non-consecutive files).
4.4.3.3 Renaming files
You can rename files in the Resources list whenever you like, and any pages that
reference the renamed files will automatically be updated to reflect the change.
For example, if you have several pages referring to a file called 'logo.jpg' and you decide
to rename that file 'logo-for-office-supplies.jpg' all the pages referring to 'logo.jpg' will
now refer to 'logo-for-office-supplies.jpg' instead.
This saves you the time-consuming and often tricky task of having to do it manually.
Steps for renaming a file:
1. From within the Resource Manager screen, select the file you wish to rename by
clicking on it once in the list with your mouse.
2. Click on the button or right click with your mouse and select Rename from
the options that pop-up.
3. A cursor will appear in the filename (within the file list) allowing you to edit the name
text. Remember to leave the file extension intact. For example, if it is a .gif file make
sure to leave the .gif extension on the end otherwise the system will not know what kind
of file it is.
4. When you have finished editing the name press the 'Enter' key, on your keyboard.
2008 Paul Smithson

4.4.4 Links Page
To add a links page to your Web site or to change the settings for an existing links page
click on the Links Page button on the Other tab.
Used correctly, links pages can provide you with a powerful tool that does three things:
1. Helps generate traffic by encouraging people to link to your site.
2. Improves your search engine rankings by having an increased number of inbound

links.
3. Provides your site visitors with an useful resource.
For a detailed explanation and step-by-step guide to using the Links Page tool, please
refer to the 'Book 2: Tools' manual. This in-depth reference manual will tell you all you
need to know about this feature.
link_pages.htm
2008 Paul Smithson

Web Sites 125
4.4.5 Search Engine Friendly XML Site Maps
Google Sitemaps is an easy way for you to help improve your coverage in the Google
index. It takes very little effort and yet has the potential to really give you a boost in the
Google search results. Obviously, there are no guarantees with this sort of thing, but it's
well worth doing and we would highly recommend it for all your XSitePro Web sites.
The Search Engine Sitemaps screen, accessed from the Other Tab, resembles the screen
below:
For an explanation and step-by-step guide to using the XML Site Maps tool, please refer
to the 'Book 2: Tools' manual. This in-depth reference manual will tell you all you need to
know about this feature.
google_site_map.htm
2008 Paul Smithson

4.4.6 Importing Pages
Importing Web pages is an incredibly fast and powerful way of bringing content into your
Web sites from a multitude of sources. To our knowledge it is a feature that is unique to
XSitePro - you won't find it in any other high-end web design packages including
Dreamweaver and Frontpage.
The import feature lets you add pages to an existing Web site while retaining the existing
layout and styling of the Web site.
For example, it will allow you to import 200 articles straight into your Web site without
upsetting the headers, footers, left and right panels and navigation menus that you have
already set up.
This is an incredibly powerful tool as it means you can use XSitePro to create the overall
look of the site and then import the content from whatever sources you have at your
disposal such as Article Automator, Content Desk or other, similar applications.
For a detailed explanation and step-by-step guide to using the Import Pages tool, please
importing_pages.htm
2008 Paul Smithson

Web Sites 127
4.4.7 Pop Ups
If you have been using the Internet for any length of time you are likely to have come
across pop-ups. They are the small windows that pop-up, usually over the top of the
browser window you are currently looking at.
The XSitePro PopUps tool makes it quick and easy to create great-looking and fully-
functional pop-ups that (if used correctly) will boost visitor response on your site.
The PopUps tool, accessed from the Other Tab, resembles the screen below:
For a detailed explanation and step-by-step guide to using the PopUps tool, please refer
pop_ups.htm
2008 Paul Smithson

4.4.8 Navigation Menus
XSitePro gives you the option to have a navigation menu in a number of different areas
of your page design.
A navigation bar is simply the term for a site menu, something you will see on a large
percentage of sites. It is a list of the main pages on your Web site and it provides visitors
to your Web site with an easy to follow system for finding what they are looking for, and
for moving section to section in your Web site with the least amount of difficulty.
The Navigation Menu settings screen, accessed from the Other Tab, resembles the screen
below:
For a detailed guide to creating great-looking navigation menus, please refer to the 'Book
this feature.
navigation_menus.htm
2008 Paul Smithson

Web Sites 129
2008 Paul Smithson

4.4.9 Redirect Pages
The Redirect Pages feature in XSitePro provides you with a quick and powerful way of
creating an infinite number of redirect pages for the sites you create.
Whether you want to use them to disguise unattractive urls or to redirect people to
affiliate partners you'll find the redirect feature an useful tool that is easily mastered.
The Redirect Page tool, accessed from the Other Tab, resembles the screen below:
For a detailed explanation and step-by-step guide to using the Redirect Pages tool,
please refer to the 'Book 2: Tools' manual. This in-depth reference manual will tell you all
you need to know about this feature.
redirect_pages.htm
2008 Paul Smithson

Web Sites 131
4.4.10 Robots
The robots.txt file is a file that goes in the root of your Web site and controls which pages
the search engine spiders are allowed to look at.
The Robots.txt settings screen, accessed from the Other Tab, resembles the screen
below:
For a detailed explanation and step-by-step guide to using the Robots tool, please refer
robots.htm
2008 Paul Smithson

4.4.11 Global Scripts
This feature is useful if you want to include such things as counters to monitor how many
times pages are viewed or for ad-tracking code to monitor where your traffic is coming
from and what happens to it when it arrives at your Web site.
To insert these sorts of scripts automatically into specific places within your Web page
code, click on the Scripts and Header Information button on the Other tab.
For a detailed explanation and step-by-step guide to using the Global Scripts tool, please
global_scripts.htm
2008 Paul Smithson

Web Sites 133
4.4.12 Site Maps
Site maps are an important component that you will usually want to include in any Web
sites that you create. If designed properly they provide an useful road map for both
human visitors and search engines spidering your site.
To add a site map to your Web site or to change the settings for an existing site map
click on the Site Map button on the Other tab.
site_maps.htm
2008 Paul Smithson

4.4.13 Mobile Site Wizard
A mobile site is one which has been designed specifically for viewing on a mobile web, or
WAP browser.
There are a number of key differences between a mobile site and a 'regular' site, but it's
sufficient to say that a mobile site viewed on a regular browser (or vice versa) is usually
a very poor browsing experience indeed.
Because of this, creating a mobile friendly version of your web-site can be an important
step in accessing the millions of mobile web users out there.
The Mobile Site Wizard, accessed from the Other Tab, resembles the screen below:
For a detailed explanation and step-by-step guide to using the Mobile Site Wizard, please
2008 Paul Smithson

Web Sites 135
mobile_site_wizard.htm
2008 Paul Smithson

4.4.14 Multi-Page Creation Wizard
The Multi-Page Creation Wizard provides a quick and easy way of creating the
infrastructure of a new site or adding whole new branches to the infrastructure of an
existing site.
Put simply, this tool enables you to quickly create potentially-large numbers of Web
pages with keywords and descriptions ready-set and even 'default' page content (derived
from sophisticated template settings).
The Multi-Page Creation Wizard, accessed from the Other Tab, resembles the screen
below:
For a detailed explanation and step-by-step guide to using the Multi-Page Creation
Wizard, please refer to the 'Book 2: Tools' manual. This in-depth reference manual will
tell you all you need to know about this feature.
2008 Paul Smithson

Web Sites 137
multi_page_creation_wizard.htm
2008 Paul Smithson

4.4.15 Siloing
Siloing is a way of organizing a Web site into a collection of smaller sections that each
focus on a single topic or just a handful of topics.
Adopting this departmentalized structure can give you a significant boost in the search
engines as it helps to ensure that keyword focus is not diluted.
In the right hands, siloing is an incredibly powerful tool. Unfortunately, it can be very
time consuming and complex to create a well siloed site using conventional web
development tools, but with XSitePro it is as simple as answering a few questions and
clicking the OK button. The software does all the hard work for you.
The Siloing Tool, accessed from the Other Tab, resembles the screen below:
This is a very involved and powerful feature - for a detailed explanation and step-by-step
guide to using the Siloing tool, please refer to the 'Book 2: Tools' manual. This in-depth
reference manual will tell you all you need to know about this feature.
2008 Paul Smithson

Web Sites 139
siloing.htm
2008 Paul Smithson

4.4.16 Site Search Form
The Site Search tool within XSitePro is an incredibly powerful tool that enables you to
embed completely integrated search functionality within your site.
Adding fully-integrated search functionality to your site can immediately lift your site
from the Little League to the Big League - it's a feature generally reserved for the larger
commercial site.
The Site Search settings screen, accessed from the Other Tab, resembles the screen
below:
For a detailed explanation and step-by-step guide to using the Site Search Form tool,
site_search.htm
2008 Paul Smithson

Web Sites 141
2008 Paul Smithson

4.4.17 Web Site Cleanup
There is a handy feature included within XSitePro that enables you to do a spring-clean
of your whole Web site at the press of a button or two.
Over time it is very easy to end up with lots of redundant files on your web server. This
could be anything from Web pages that have been replaced by new Web pages with
slightly different names, orphaned Web pages that are no longer linked to, images that
once appeared on Web pages, but are no longer used, etc.
Its can be quite easy to fill up your web hosting space without even realizing it, and it
can be a time consuming nightmare to go through every file trying to figure out which
files you are using and still need and which ones are no longer required.
The answer is Web site Cleanup wizard.
The Web site Cleanup tool, accessed from the Other Tab, resembles the screen below:
For a detailed explanation and step-by-step guide to using the Web site Cleanup tool,
web_site_cleanup.htm
2008 Paul Smithson

Web Sites 143
4.4.18 XML Syndication
XML Syndication is a powerful way of pushing your content out to subscribers on

autopilot and opens up some exciting possibilities when used in conjunction with other
features in XSitePro.
Essentially, the feature enables you to create syndicatable RSS feeds, made up from the
multiple pages (or sections) of your Web site.
The XML Syndication tool, accessed from the Other Tab, resembles the screen below:
xml_syndication.htm
2008 Paul Smithson

Part
E
5 Publishing
Once you've created your Web pages you'll want to publish them to some web space on
the Internet.
XSitePro makes publishing Web sites a quick, easy and painless process. It doesn't
matter whether you are publishing a handful of pages, a complete Web site, or updating
numerous Web sites simultaneously, it will handle every aspect of the process.
Before publishing any Web pages you must first tell XSitePro where to publish the pages
to and also provide a valid username and password for the web space. All of this
information is entered into the Publishing Details tab, details of how to do this appear
over the page. Once you have done this you can then publish your site to the Internet
and this is covered towards the end of this chapter.
2008 Paul Smithson

Publishing 147
5.1 Publishing Details Tab
The Publishing Details tab includes all of the details that XSitePro needs to be able to
publish your site and all of its pages to the Internet.
If you are not used to publishing Web sites you might feel a bit overwhelmed when you
first click on the Publishing Details tab. Lots of the terminology may seem like a foreign
language to you especially the many terms such as 'FTP', 'FTP Directory' and 'Passive
Mode' for example.
Don't worry. It's a lot easier than it might at first appear.
If you enter the information correctly, which this chapter will show you how to do, you'll
be able to publish to your heart's content and rarely ever visit this tab again, as these
details will rarely change.
Before going into the step-by-step instructions for entering your publishing details let's
take a quick look at what happens when you publish your Web site using XSitePro, in the
section that follows.
2008 Paul Smithson

5.2 How XSitePro publishes your site
Here is an overview of the process that XSitePro goes through every time you publish
your site to the Internet.
1. The software takes all of the information you have entered and creates correctly
formatted HTML pages that are suitable for publishing to the Internet.
2. It adds various information to each page that will make the page display correctly in
people's web browsers and also help the pages to be search engine-friendly. For
example the page descriptions you have entered for each page will be added, as will
the keywords. These will be added to the header section of each page. Don't worry,
you don't have to do any of this as XSitePro will do all of this work for you.
3. XSitePro looks at the details you have entered into the Publishing Details tab and uses
this information to log on to your web space on the Internet.
4. The software looks for a special file that tells it when you last published your site and
what pages were uploaded at the time. It then reads this file and compares it to the
pages you want to publish this time. If it finds that some of the pages have not
changed at all since the previous time you published it will make a note of this and not
publish those files again as this wouldn't be necessary.
5. XSitePro then goes through every page, image and any other relevant file and copies it
from your computer directly to your web space, skipping those that have not changed
since you last published the site.
6. A note is made of what you have just published and this is saved in a special file on
your web server so that XSitePro can refer to it next time you want to publish.
7. Once this process is complete a message will be displayed on your screen. If there
were any errors, which is unlikely, these will also be displayed.
That's it!
Even for quite large sites, publishing usually only takes a few minutes and is a very easy
and automatic procedure. All you need to do is follow the instructions below and you'll be
publishing to the Internet before you know it.
2008 Paul Smithson

Publishing 149
5.3 Essential information for publishing
Below is a step-by-step guide to entering the essential information into the publishing
tab.
Web Server Details
There are two pieces of information you need to enter here.
Domain Name - This is the domain name you have registered for your Web site, e.g.
www.mysite.com, www.examplesite.co.uk. Make sure to include the www prefix if that is
required to access your Web site.
Home Directory - In this box you need to specify where the user will find the Web
pages. Usually this will be in the root directory and so you can leave this blank.
Here are a couple of examples of sites that have the files stored in a directory other than
2008 Paul Smithson

the root directory.
http://www.mysite.com/books
In this example you would enter the word books in the Home Directory box.
http://www.examplesite.com/products/pools
In this case you would enter products/pools into the Home Directory box.
And here are a couple of examples of sites where the files are stored in the root directory
so there is no need to enter anything into the Home Directory box.
http://www.mysite.com
http://www.examplesite.com
FTP Details
FTP is the way that the files travel from your machine to the web server. The letters
stand for 'File Transfer Protocol' and that's about as much as you need to know.
As long as you enter the correct details into the appropriate boxes in this section your
files will be transferred perfectly every time, so don't worry about knowing exactly how
this happens. It is sufficient to just accept that 'it does' in the same way that you
wouldn't ask your car mechanic how fuel injection works on a car.
There are four pieces of information you need here:
1. FTP Server
2. FTP Username
3. FTP Password
4. FTP Directory
Your web space provider should have provided you with all of this information. Usually,
you will have received it in an e-mail after you signed up for the space. If you don't think
you ever received this, send them an e-mail asking for these four bits of information and
in most cases they will be able to send you it within a few hours at most.
FTP Server - you need to enter the name of the FTP server where your Web pages are
stored in this box. Usually this will appear in the format: ftp.mysite.com or ftp.
examplesite.com.
FTP Directory - This is the location on the FTP server entered above where your files
need to be stored. This varies from web host to web host. In most cases your web hosts
will have included this information when you originally purchased the web space. Usually,
it is either in the root directory, in which case you would leave it blank, or it is in a
2008 Paul Smithson

Publishing 151
special folder with a name such as public_html.
Once again, you should be careful with case-sensitivity as many FTP servers are case
sensitive.
Use Passive Mode Option - Passive mode (PASV) is a method of transferring files to an
FTP server. If you use Passive mode, you will need to do less configuration to any firewall
software that you have on your computer. Most FTP servers support passive mode, but
there are some that don't so we have included the ability to switch to the alternative
(PORT) mode for these servers.
As mentioned, this may require you to make changes to the firewall settings on your
computer. By default you should leave Passive Mode box as checked.
FTP Username - You need to enter the correct username for your FTP account in this
box. Usually, this will have either been allocated to you when you signed up for the web
space or you will have chosen it yourself. If you can't remember it you should first check
through the e-mails you have received from your hosting company and if you can't find it
then send an e-mail to the hosting company, politely asking for them to send the details
through again.
FTP Password - Again, this is something that you will have either been allocated by the
hosting company or your will have chosen yourself. Passwords are usually case sensitive
so make sure to type it exactly as it was given to you, or exactly how you originally
entered it. For example MyPassword is not the same as mypassword or MYPASSWORD.
Testing the FTP Connection
There is a quick and easy way to find out whether you have entered the correct details.
Just click on
The software will attempt to connect to your FTP server. If the connection is successful
you will get the following message:
2008 Paul Smithson

This message means that you have entered all the correct details and that you are ready
to publish your site.
If any of the details you enter are incorrect you will receive an appropriate message such
as Incorrect Password. You will then need to re-enter this information and try again.
There are situations where you have entered all the correct details, but you still receive
an error message. For example, this could occur if the FTP server is down, either
temporarily or permanently. You may have been sent incorrect details from the web
hosts or it might just be that you are not connected to the Internet (you do need to be
connected to the Internet to upload your files to your web hosts).
Buttons on the right-hand side
There are a number of additional buttons (over and above the 'test FTP connection'
button described above) on the right of your screen. Their functions are described below:
View Live Web site - Loads the Web site (with the site address determined by your
settings in this publishing screen).
Extra Publishing Details - Opens a window into which you may add extra publishing
information (optional). This screen is described fully in the 'Publishing' section within the
'Book 2: Tools' manual that accompanies this manual.
Run Web site Clean-up - This launches the Web site clean-up tool which, again, is
covered in detail in the 'Book 2: Tools' manual.
Publish My Site - Clicking this button will publish your site, using the settings entered
on this Publishing Details tab.
2008 Paul Smithson

Publishing 153
5.4 Publishing your site to the Internet
Once you have provided all the publishing details required on the initial screen of the
Publishing Details tab you may then publish your Web site whenever you like.
1. Click on the Publish button on the main toolbar, or select Tools and then click on
Publish. The following window will appear.
2. If you want to publish click on the 'Yes' button or click 'No' to exit the publishing
process.
3. Wait until the publishing process is complete and then click on the button
to close the publishing progress window.
The Publishing Progress Window:
This window lets you see a real-time view of the publishing process. The progress bar
at the top shows you how far through the publishing process you currently are, and
how much is left to do.
2008 Paul Smithson

The logs tab displays the various FTP commands that XSitePro is sending to your FTP
server and the messages it is receiving back. Don't worry you don't need to know what
this means. If there are any errors you will be able to read these by clicking on the
Errors tab.
On completion of the publishing process, XSitePro will sound an alert so that you know
the site has been published (even if XSitePro was minimized during the publishing
process).
If, on publishing your site, you wish to jump straight to the live Web site you may do
so by clicking the 'Open Web site' button.
2008 Paul Smithson

Part
F
6 Web Site Management
This section covers the built-in file management utilities that allow you to:
Backup your projects and Web sites
Save your site as a new template
Import Web sites
Export Web sites
Export Web sites in a format suitable for importing into FrontPage or DreamWeaver.
Move Web sites from one project to another
Copy Web sites from one project to another
Delete Web sites
XSitePro offers several ways of getting your data in and out of the software, affording
you maximum flexibility. You can create complete Web sites and pages and then quickly
export them so that you can load them into another software package, copy them to CD,
or publish them manually yourself.
You can even export a complete site to a single file and e-mail that to a colleague so that
they can load it into a copy of XSitePro at their end.
This makes XSitePro ideal for collaborative development of Web sites.
2008 Paul Smithson

Web Site Management 157
6.1 Backing up your data
It is always wise to backup all of the data you have on your computer.
In addition to your normal backup procedures XSitePro gives you the ability to quickly
create a backup of all of your Web site data and project information at the click of a
mouse.
XSitePro lets you choose the location to which you would like to make your backup, too,
ready for you to restore your projects and sites should you need to at a future point.
2008 Paul Smithson

6.1.1 How to backup
Backing up your important site data is very straightforward using XSitePro. You can
perform a full backup of all your sites data, together, by following the simple steps
below:
1. Click on Tools on the menu bar.
2. Select Backup / Restore.
3. To perform a full backup click the button.
4. Once the data has been successfully backed up you will see your new backup file
appear in the list of backups.
The backup filename will include the date and time that the backup occurred, e.g.
2008 Paul Smithson

XSiteProBackUp_2008-Oct-26_1243. This will help you keep track of when you last
actually ran the full backup.
5. Click to continue using XSitePro.
Note: This backup routine will backup all of your XSitePro sites data. If you wish to take
a quick backup of an individual sites settings you may wish to use the Export feature of
XSitePro. To read more about using this feature, read the Importing/Exporting sites
section in the 'Book 2: Tools' manual.
2008 Paul Smithson

6.1.2 How to restore a backup file
Restoring a full backup is very straightforward. Simply follow the steps below and all
your sites will be reinstated in the state that they were in when backed up.
1. Click on Tools on the menu bar.
2. Select Backup / Restore. This will load the screen below:
3. Select the backup file in the backup list window by clicking on it once with your
mouse.
5. A message will be displayed that says "In order to restore the data files, XSitePro will
2008 Paul Smithson

be closed down. It will be restarted once the restore is complete".
6. Click on the OK button to continue.
7. Follow the on-screen instructions to complete the process.
8. XSitePro should automatically restart once the restore process has been successfully
completed and your data should now be exactly as it was at the time you made the
original backup.
2008 Paul Smithson

6.1.3 Other Backup Settings
There are some additional, optional backup settings contained within the 'Backup
Settings' tab in the application-wide Global Preferences module.
The Backup Settings screen can be loaded from the 'Settings' menu throughout the
application, and will resemble the screen below:
For a detailed explanation and step-by-step guide to using the Backup Settings, please
backup_settings.htm
2008 Paul Smithson

6.2 Saving your site as a template
XSitePro gives you the option of saving your Web site as a template site, for re-use at a
future point should you so wish.
This can be particularly useful if you are creating similar sites along a theme (for
example, if you are producing feeder sites within a niche, with subtle variations from site
to site).
The Save as Template tool can be launched from two different screens within the
application:
1. By right-clicking on a Web site in the project management screen, then selecting 'Save
as Template'.
2. From within a Web site, via the 'Tools' menu (again, selecting 'Save as Template').
Either option above will load the 'Save as Template' tool, shown below:
2008 Paul Smithson

For a detailed explanation and step-by-step guide to using the Save as Template tool,
save_site_as_template.htm
2008 Paul Smithson

6.3 Importing and Exporting your site
Importing and exporting can be useful for such times as when you want to send a Web
site you are working on to a friend or colleague or when you want to make an archive
copy of a complete Web site to CD or DVD.
The great thing about importing and exporting Web sites with XSitePro is that everything
is contained in a single file, including all of the Web page text, images and all of your
settings and other data relating to that Web site.
This single file export solution means you don't have to worry about managing lots of
files and folders manually as every component that makes up the Web site is stored in
that one file.
This makes it easy to just attach the file to an e-mail and send it to a colleague for
example, or burn it to CD and store it safely just in case there's ever a major problem
with your computer system.
XSitePro allows you to import XSE files that were created on your own computer or
another person's PC. Likewise, any XSE files that you create can be imported into your
own system or can be sent to someone else, and imported successfully into their
XSitePro software.
For a detailed explanation and step-by-step guide to importing and exporting your sites,
importexport.htm
2008 Paul Smithson

6.4 Export to FrontPage or Dreamweaver
XSitePro allows you to create a Web site and then export it in its entirety in a folder
structure that can then be loaded by most Web page editing packages such as FrontPage
or Dreamweaver.
This can be useful if you have a colleague that doesn't have access to XSitePro and needs
the files in a non-XSitePro format. It also means that when you use XSitePro you are
never tied down to the one piece of software as you can quickly move anything you
create from XSitePro into any other appropriate software.
The Export to DreamWeaver tool is accessed from the Tools Menu, and resembles the
screen below:
For an explanation of how to export your site to DreamWeaver/FrontPage, please refer to

the 'Book 2: Tools' manual. This in-depth reference manual will tell you all you need to
export_to_frontpage_or_dreamweaver.htm
2008 Paul Smithson

6.5 Moving, Copying and Deleting Sites
The difference between copying and moving is that copying creates an exact replica of
the Web site and recreates it in another project of your choosing, while leaving the
original Web site fully intact. Moving, on the other hand, takes the complete Web site
you choose and moves it out of that project and recreates it in the project of your
choosing.
Cloning your existing sites can lead to rapid site creation
Copying a Web site is a quick and easy way of creating a brand new site without having
to start from scratch.
For example, if you've already created a site that has the same style that you want to
use in your new site rather than creating everything from scratch just copy the current
site and this will create a new set of all the images, page layouts, and even the data. You
can then go through fine-tuning your new version of the site in the knowledge that any
changes you make will not affect the original version in any way.
2008 Paul Smithson

6.5.1 How to move an existing Web site
1. Make sure you are on the Web sites tab in the Project Management section of
XSitePro.
2. Select the Web site you want to move by clicking on it once with your mouse.
3. Click on the Move button (or right-click the Web site in question and select 'Move').
4. The 'Select Project' window will be displayed on your screen
5. Select the project into which you want the Web site to be moved by clicking on it once
with your mouse.
6. Click the OK button.
2008 Paul Smithson

The Web site will immediately be moved from the project in which it is currently stored
into the project that you selected.
2008 Paul Smithson

6.5.2 How to copy an existing Web site
Make sure you are on the Web sites tab in the Project Details section of XSitePro.
1. Select the Web site you want to copy by clicking on it once with your mouse.
2. Click on the Copy button (or right-click the Web site in question and select 'Copy').
3. The Select Project window will be displayed on your screen
4. Select the project into which you want to copy the Web site by clicking on it once with
your mouse.
5. Enter a name for the new Web site into the 'Web site Name' box at the bottom of this
window.
2008 Paul Smithson

6. Click the 'OK' button.
The Web site and all the related files will be copied into the project you specified and all
of the original files will be left intact in the project where they are currently stored.
2008 Paul Smithson

6.5.3 How to delete an existing Web site
Deleting an existing Web site from your Projects / Sites list in the Project Management
screen is a simple and quick process.
1. Select the Web site that you would like to delete by clicking once upon it in the Web
sites list, left of the Project Management screen.
2. Either click the 'Delete' button or right-click on the Web site name (in the list) and
select 'Delete' from the pop-up menu.
3. Either option above will load a confirmation request asking if you really wish to delete
the selected site.
4. Confirm that you wish to delete the site, by clicking the 'Yes' button. Clicking the 'No'
button will cancel the deletion.
Note: Proceed with caution - once deleted you cannot recover a site other than through
an XSE import or from a full backup file.
2008 Paul Smithson

Part
G
7 Tools
This section introduces the many powerful features of XSitePro, not featured on the Other
Tab.
Again, due to the in-depth explanations of these modules contained within the 'Book 2:
Tools' manual, pointers have been given to the full instructions within the respective
introductory sections for each of these tools.
Affiliate Schemes - Use the Affiliate Scheme Wizard to manage any affiliate schemes
you are a member of, and quickly insert links into any pages you create.
Auto Page Generation - Find out how you can, in an instant, convert a single page into
dozens or even hundreds of pages, complete with all the necessary page navigation links.
Breadcrumb Trail - Add a breadcrumb trail to your sites in just a few seconds and have
it update automatically whenever you add or edit your pages.
Designer - Instructions on using the WYSIWYG editor that is built-in to XSitePro to

create pages that look just the way you want them to look without you having to write a
single line of code.
Find and Replace - This feature will let you search for text or HTML code across multiple
pages and delete it or replace it with something else.
Google AdSense - Discover how you can use the Google AdSense feature to quickly add
an additional revenue stream to your site with very little effort.
Google SiteMap - Easily create a correctly formatted Google Site Map, publish it to the
Internet and tell Google where to find it.
Link Pages - Find out how to quickly and easily add a professional quality links page to
your Web site and how to manage it on an on-going basis.
Redirect Pages - Use redirect pages to hide unattractive urls, provide links to affiliate
sites, for ad tracking and more.
Pop-Ups - XSitePro includes a powerful and feature packed pop-up generator that allows
you to create highly customizable pop-ups, pop-unders and pop-ins.
2008 Paul Smithson

Tools 175
Robots - Specify the details for your robots.txt and put the correct meta information in
your page headers.
Reports - Generate some highly informative reports that will quickly show you the
current state of your Web site along with guidance as to what needs to be done.
Script Wizard - Add powerful functionality to your site in just a couple of mouse clicks.
Includes such scripts as "Add to Favorites" and "Future Date".
Search Engine Optimization - Use the search engine optimization analysis in XSitePro
to make it easy to consistently create pages that are search engine friendly.
SEO Settings - Edit the search engine optimization settings to meet your specific needs.
There's no need to just accept the defaults, because with XSitePro you can choose to
optimize exactly how you want to do it.
Site Maps - Use the powerful Site Map feature to automatically create search engine
friendly site maps that are updated each and every time you publish your sites to the
Internet.
Sub-pages - With XSitePro there's no need to settle for simple Web site structures.
Using the sub-pages feature you can create hierarchical Web site structures that include
pages that automatically include details of all the pages in the sub categories below
them.
Template Pages - Add new products or article pages that follow a common theme time-
after-time with the least amount of effort. Just fill in the blanks and the page will be
created for you.
Brief outlines of each of these tools now follow, along with pointers to the full instructions
in the 'Book 2: Tools' manual.
2008 Paul Smithson

7.1 Affiliate Wizard
XSitePro makes working with affiliate schemes really easy.
It stores all of the important information regarding the affiliate schemes you are a
member of, and it allows you to insert affiliate text links into your pages with just a
couple of clicks of your mouse.
Without this organized approach it is very easy to forget which schemes you have joined,
lose the username and password details you need to enter the affiliate admin areas, and
to spend far too much time hunting around for the link code that you were sent when
you first signed up for the affiliate scheme.
This professional approach will help you to really make the most of every scheme you are
a member of. You will no longer need to look details up when you wish to add a link you
will just right-click with your mouse and select the scheme whose link you wish to add.
The Affiliate Wizard is accessed from the Tools Menu, and when loaded will resemble the
screen below:
For a detailed explanation and step-by-step guide to using the Affiliate Wizard tool,
2008 Paul Smithson

Tools 177
affiliate_schemes.htm
2008 Paul Smithson

7.2 Amazon Product Integration
For some webmasters, including advertising on a Web site can be an optional extra, for
others it is the main source of income. XSitePro provides you with an increasing number
of tools to help you monetize your site. One of these is the powerful Amazon advertising
module, which is split into three sections.
Product Link - Specific product adverts
Self-Optimizing Link - Open product selection, automatically set to match page content
by Amazon
Recommended Product Link - Fixed category selection
The Amazon advertising tools are accessed from the Right-Click menu, shown below:
For a detailed explanation and step-by-step guide to using the Amazon Advertising
feature of XSitePro, please refer to the 'Book 2: Tools' manual. This in-depth reference
manual will tell you all you need to know about this feature.
amazon_advertising.htm
2008 Paul Smithson

Tools 179
7.3 Audio Wizard
Including audio in your Web site can add an extra dimension that can help promote your
sales message, provide content visitors can listen to, or give instructions.
Over the last few years, more and more Web sites have started to include audio.
Inserting audio into a page, along with accompanying buttons for playing it, usually
requires some fiddling around with code, using third-party tools to convert the audio into
an appropriate format, or the use of a paid-for third-party service.
The XSitePro Audio Wizard has made the process of adding audio as simple as selecting
the audio you want to include, choosing the set of buttons you would like to display on
the page, clicking a button to convert the audio into an appropriate format, and inserting
the necessary code into your Web page.
The Audio Wizard is accessed from the Right-Click Menu within the Designer screen, and
when loaded will resemble the screen below:
2008 Paul Smithson

For a detailed explanation and step-by-step guide to using the Audio Wizard, please refer
audio_wizard.htm
2008 Paul Smithson

Tools 181
7.4 Auto-Page Generation
A unique and very useful feature in XSitePro is the ability to quickly split existing Web
pages into multiple pages. It allows you create brand new pages almost instantly from
work you have already done.
For example:
Imagine you have written an article that is several thousand words long and you want to
include this article in your Web site.
You could of course, paste the complete article into a single page and leave it at that.
The visitor would then land on that page and use the scroll bar on the right hand side of
the browser screen to work their way down the page as they read the article.
As far as the search engines are concerned this is a single page with a whole lot of text
on it.
Now imagine you could click a button or two and magically transform that page into ten
equal-sized pages. Each of the pages would have page navigation at the bottom to allow
people to move to the start of the article, the end of the article, or to a specific page.
Wouldn't that be great?
In an instant you have created ten pages from one. You have made it easier for the
visitor to browse through your article and you have created NINE extra pages with
absolutely no effort on your part.
Using this powerful feature, it becomes very easy to create large search engine-friendly
sites. Each of the additional pages will include all the appropriate meta-data and will use
the same keyword list that you entered for the original page. If you make any changes to
the keywords or the page description of that page those changes will automatically work
their way through to the automatically generated pages.
The Page Breaks tool is accessed from the Tools Menu, and when loaded will resemble
the screen below:
2008 Paul Smithson

For a detailed explanation and step-by-step guide to using the Auto-Page Generation
tool, please refer to the 'Book 2: Tools' manual. This in-depth reference manual will tell
you all you need to know about this feature.
autopage_generation.htm
2008 Paul Smithson

Tools 183
7.5 Change Template
An exciting feature in XSitePro is the ability to apply a completely new template design
to an existing site, retrospectively.
This means that you can focus 100% on content (if design is not your area of expertise)
and at a future point, when you're ready, you can get in touch with one of the many
template designers out there and ask that they supply you with a ready-to-use template
design that is perfect for your specific site.
Then, by following just a few simple steps, you can apply your new template in a matter
of minutes.
The Change Template tool is loaded from the tools menu and, when opened, resembles
the illustration below:
In the same way that you can select templates when creating brand new Web sites, you
can use this template selection window to browse the different templates and select your
desired design.
2008 Paul Smithson

For a detailed explanation and step-by-step guide to changing your site template, please
change_template.htm
2008 Paul Smithson

Tools 185
7.6 Color Picker
In several places throughout the XSitePro software you can access the Color Picker tool.
This very useful little tool enables you to select a particular color for the text, background
or other elements for which you are adjusting settings, at the time of launching the tool.
Whenever you load the Color Picker you will see the following window:
Note: The illustration above shows the window open on the third tab: Web Colors. In
some cases your window may open on the first or second tab - it depends which tab you
last used (the tool remembers your last selection).
The four tabs in the window are:
1. Bright Colors
2. Dark Colors
3. Web Colors
4. Custom
These tabs will now be examined below:
2008 Paul Smithson

Tab 1: Bright Colors
This screen displays a swatch of colors that are defined as 'bright colors' of the palette.
To choose a color from the selection available simply click on the color and then click the
'OK' button.
The element to which this color selection applies will now update to reflect the chosen
color.
2008 Paul Smithson

Tools 187
Tab 2: Dark Colors
This screen displays a swatch of colors that are defined as 'dark colors' of the available
palette. To make a selection from the available colors simply click on the desired color
and then click the 'OK' button.
color.
2008 Paul Smithson

Tab 3: Web Colors
Web colors are those colors that you can be absolutely certain will be accurately
reproduced on your visitors screens when they view your site. These colors are
collectively referred to as 'web colors'.
To choose a color from the selection available, simply click on the color in the scrolling
list and then click the 'OK' button.
color.
2008 Paul Smithson

Tools 189
Tab 4: Custom Colors
If the exact color you would like to use is not available in any of the three other tabs,
then you may wish to specify your own, custom color using this fourth tab.
Using the Red/Green/Blue values, or (better still) the HTML hexadecimal reference
number, eg: #FFFFFF or similar you can pick the exact color you want to use for the page
element in question.
To save this color to a custom 'palette' which will stay with your Web site for use again at
a later date, click the button. This will add this particular color to your
palette and save it.
Once you have picked your color click the 'OK' button. The element to which this color
selection applies will now update to reflect the chosen color.
2008 Paul Smithson

7.7 Design Wizards
The Design Wizards are designed to help you dramatically speed up the design process
by providing quick access to frequently needed Web page elements such as graphics,
text boxes, and text styles.
You can access them at any time you are in Design view by right-clicking once with your
mouse and selecting Design Wizard. This will bring up a sub menu where you can choose
from Headlines, Boxes and Frames, Bullet Points, Graphics and Highlighted Text.
The short descriptions below explain each of the sub-menu options:
Headings and Subheadings - The Headings and Subheadings Design Wizards allow you
to create attractive headlines in record time. Not only does this tool apply appropriate
font styles and sizes, but also applies the relevant tags (H1, H2 etc.) to your heading so
that it is identified properly as heading text in your Web page's HTML code.
Boxes and Frames - Boxes and frames are a great way of drawing attention to special
offers, instructions or any other text you want to stand out.
XSitePro provides you with a very quick and easy way of creating everything from simple
one-color text boxes right through to attractive graphical frames that would have taken a
long time to create using conventional web design tools.
2008 Paul Smithson

Tools 191
Bulleted Lists - Bullets are a great way of emphasizing a certain feature or point. They
can be used individually or to highlight several different points. XSitePro not only makes
it easy to insert bulleted lists, but gives you a selection of great-looking bullets from
which to choose - you can even specify your own bullet image if you prefer, for maximum
flexibility.
Graphics - The Graphics section of Design Wizards lets you choose from a wide range of
common graphics and have your selection inserted at the point on your page where you
have the cursor positioned.
Buttons - Buttons are one of the most regularly used graphics in any Web site, and can
be found performing the following functions:
Buy Buttons
Submit Buttons
Log-in Buttons
Navigation Buttons
Playback Buttons
Download Buttons
and many, many more.
Highlighted text - Highlighted text can give you the same effect as if you were using a
highlighter pen, right on your page text. This can be a great way of drawing people's
attention to specific words, phrases or whole paragraphs,especially when you consider
that most visitors to your Web pages will spent a very short period of time reading your
content - it is imperative that you get your message across quickly, and that's where this
neat feature can help you.
All of these features are fairly self-explanatory, once loaded from the sub-menu, but for a
detailed explanation and step-by-step guide to using the different wizards, please refer
design_wizards.htm
2008 Paul Smithson

7.8 External Page Links
One of the options on the Add Other button that appears on the Web pages tab is to add
an external link.
This feature lets you add a link to any of your navigation menus, that will link to a page
outside of the Web site you are working on.
What would you use an External link for?
There are many reasons. Here are just a handful:
If you run many Web sites and want to provide direct links from your navigation menus
to your other sites, using the External links feature will let you do that. You will be able
to have links in any of your navigation menus direct to your other sites.
A popular use of the External links feature is for Buy Now links where you need to send
someone to an external site to make the purchase, e.g. a shopping cart or payment
system.
You can also add links to your navigation menus that take people off to third party sites
that are directly related to your main site, such as your help desk, message board,
auction listings, etc.
Another use of external links in your navigation menus is when you want to add a link to
an affiliate product or service you are promoting.
2008 Paul Smithson

Tools 193
For a detailed explanation and step-by-step guide to adding External Page Links, please
external_page_links.htm
2008 Paul Smithson

7.9 Find and Replace
The Find and Replace feature within XSitePro makes it easy to quickly replace instances
of a piece of text, or HTML code, with another piece of text/code.
This can be particularly useful when changing embedded links to a new, updated link, or
perhaps when you want to apply site-wide price increases (replacing one known price
value with 'price +10%', for example).
When you select Find and Replace on All Pages, from the Tools Menu, you will be
presented with a window like the one below.
For a more detailed look at the 'Find and Replace' tool, please refer to the 'Book 2: Tools'
manual. This in-depth reference manual will tell you all you need to know about this
feature.
find_and_replace.htm
2008 Paul Smithson

Tools 195
7.10 Forms Wizard
E-Mail Capture or Name-Grab forms are one of the most commonly-used devices on
Web sites today.
One of the principle reasons that capturing visitors name/e-mail address details
(list-building, as it is commonly referred to) is such a huge part of the Internet
vernacular is due to the massive growth of e-mail, and e-mail-related marketing.
Not only does XSitePro offer the means with which you can harvest your visitors e-mail
addresses (with their permission) the application goes one step further still. XSitePro
allows you to integrate your name-grab form with any of four leading Auto-Responder
applications including:
XMailPro (www.xmailpro.com)
AWeber (www.aweber.com)
GetResponse (www.getresponse.com)
ListMail Pro (listmailpro.com)
For those users who do not already have an account with any of the above providers,
then a fifth (e-mail submission) method is also provided.
The Forms Wizard tool is accessed from the Right-Click Menu and, when loaded,
resembles the screen below:
2008 Paul Smithson

For a detailed explanation and step-by-step guide to using the powerful Forms Wizard,
forms_wizard.htm
2008 Paul Smithson

Tools 197
7.11 Global Preferences
There are a number of preferences / settings changes you can make in XSitePro, some of
which affect the whole application and some of which affect only the current Web site.
All of the customizable settings for XSitePro are contained on a single menu on the main
tool-bar labeled 'Settings'.
To access any of the Global Settings for the whole XSitePro application, choose from the
upper portion of the settings menu, shown below:
The window that appears is a tabbed group of Global Settings, as shown below.
2008 Paul Smithson

To find out more about the various settings available in the Global Preferences window,
preferences.htm
2008 Paul Smithson

Tools 199
7.12 Google Adsense
Google AdSense is a well-established proven method for monetizing your Web page
content using contextually-relevant advertising.
XSitePro makes it simplicity itself to add the correct code, for displaying these adverts on
your page, into any of your sites with just a couple of mouse clicks.
In addition it will allow you to pick the size of advertisement you want to run and even
change the default color scheme. Just follow the step by step instructions in the 'Book 2:
Tools' manual.
The Google AdSense tool is accessed from the Right-Click Menu and, when loaded,
For a detailed explanation and step-by-step guide to using the Google AdSense tool,
google_adsense.htm
2008 Paul Smithson

7.13 Hotkeys
Throughout XSitePro there are a number of shortcuts that you can use to perform
common tasks, some of which you will probably already be familiar (since they are the
same as those used in most applications) and some of which will be new to you.
For a full list of the available hotkeys in XSitePro, please refer to the 'Book 2: Tools'
manual. This in-depth reference manual will tell you all you need to know about this
feature.
hotkeys.htm
2008 Paul Smithson

Tools 201
7.14 Image Library
XSitePro features an incredibly powerful image insertion tool called the 'Image Library'.
More than just an image selection tool this is also the place from which you can browse
thousands of included clip-art images, and where you can take advantage of some
incredibly powerful features to achieve stunning visual effects on your Web site's pages.
The image library tool will appear throughout your use of XSitePro - pretty much every
time you insert a graphic into your pages you will see the Image Library interface, shown
below:
As you can see from the image above, there are two main folders on the left side of the
screen, containing images you have added to your site already, and images available for
insertion from the clip-art library directories. When expanded these directories will
resemble the illustration below:
2008 Paul Smithson

Selecting images is simply a case of browsing to the relevant image folder (using the
folder list, left of the screen) then selecting the exact image you wish to insert from the
preview panel, right of your screen.
Using the settings below the preview panel you can change the preview sizes/borders as
well as specify alt-text for your selected image.
Once selected, clicking the button will insert the image into your Web page at
the cursor point.
For a more detailed explanation, and a step-by-step guide to using the Image Library,
image_library.htm
2008 Paul Smithson

Tools 203
7.15 Oxado Advertising
Oxado is essentially an alternative (or in some cases complimentary) option to the PPC
service operated by Google (AdSense).
Like Google's AdSense service, Oxado essentially serves adverts to your pages (when you
insert their code into your Web page).
These adverts, again like Google's, are contextually matched to the content on your Web
page. This is all done automatically, and powerful systems at Oxado's end ensure the
best possible match of advertising to page-content (and so, theoretically, a good
click-through rate).
The Oxado Advertising tool is accessed from the Right-Click Menu and, when loaded,
For a detailed explanation and step-by-step guide to using the Oxado Advertising
feature, please refer to the 'Book 2: Tools' manual. This in-depth reference manual will
oxado.htm
2008 Paul Smithson

7.16 PayPal Buy Now Integration
Enabling your site to generate revenues for you is a very compelling prospect - not only
can the right products sell in significant quantities on higher-trafficked sites, they can
often do this seemingly on auto-pilot; visitors browsing your store, selecting a product,
payments being made, digital products being downloaded, funds being deposited in your
account all without any intervention required from you.
PayPal is a long-established electronic payment method allowing users to make and

receive payments. Its a proven payments platform and, importantly, one that people
browsing your site will be both familiar and comfortable with.
XSitePro brings you the capability, in this powerful feature, to add as many products as
you want to your site all available for purchase by your Web sites visitors, using the
PayPal payment system. This means that with a little thought and careful presentation
you can begin making sales from your site in minutes.
The PayPal Button tool is accessed from the Right-Click Menu and, when loaded,
2008 Paul Smithson

Tools 205
For a detailed explanation and step-by-step guide to using the PayPal Buy Now Button
paypal_buy_button.htm
2008 Paul Smithson

7.17 PHP Compatability Checker
The PHP Compatibility Checker is a tool that you will come across when using two
features in XSitePro, namely the Forms Wizard and Site Search Tools. Both of these
features have advanced capabilities that require PHP scripting to function properly.
The PHP compatibility tool is accessed from within the two modules mentioned above.
For a detailed explanation of what the PHP Checker is, and does, please refer to the 'Book
this feature.
php_compatibility_checker.htm
2008 Paul Smithson

Tools 207
7.18 Reports
XSitePro has powerful built-in report capabilities that can tell you in moments what your
sites and projects contain and what needs to be done.
It is very easy to get so involved in creating a site that you forget what needs to be done.
For example, you add a new page to your site, but in the rush of creating the page you
forget to enter a description for the page or any keywords. You then publish the page to
the web and forget all about adding in the description or keywords later on.
XSitePro will tell you all of the above information and a lot more on top all at the press of
a button. This really will help you to produce professional quality sites at lightning speed,
without forgetting to do any of the crucial tasks along the way.
The Reports automatically generated for you by XSitePro include:
Project Overview
Site Overview
Site To-Do List
Site To-Do List (By Task)
Site Publishing
All of the reports can be accessed by clicking on Reports on the main menu bar or by
clicking on the Reports button, shown below:
The example below shows one of the reports: The Site Overview Report.
2008 Paul Smithson

For a detailed explanation of the different reports available in XSitePro, please refer to
the 'Book 2: Tools' manual. This in-depth reference manual will tell you all you need to
reports.htm
2008 Paul Smithson

Tools 209
7.19 RSS Feeds Wizard
Over the past few years RSS feeds have become all the rage for a variety of reasons.
From a webmasters perspective they provide a quick and easy way of adding fresh
content to a Web site automatically. From a visitor's perspective they provide up-to-date
relevant information.
The XSitePro RSS Feed Wizard makes inserting RSS feeds into your site so quick and
easy youll feel guilty! Not only can you add a feed in record time, without any technical
experience at all, but you can make the resulting feed look absolutely great too.
The RSS Feeds Wizard is accessed from the Right-Click Menu, and when loaded will
resemble the screen below:
For a detailed explanation and step-by-step guide to using the powerful RSS Feeds
Wizard, please refer to the 'Book 2: Tools' manual. This in-depth reference manual will
2008 Paul Smithson

rss_feed_wizard.htm
2008 Paul Smithson

Tools 211
7.20 Snippets
The first thing to mention about Snippets is that it sounds as though it is something
technical, but in reality it can be used for anything from inserting standard details such
as your contact information right through to complex sections of code, graphics, tables
absolutely anything.
In other words, whether youre a technophobe or an experienced coder, Snippets is

something that you can use on a regular basis and it can save you a lot of time. Think of
the Snippets library as a permanent 'clipboard' for your page elements - be they simple
text or HTML code.
The Snippets tool is accessed from the Tools Menu, or from the main menu-bar, and
when loaded will resemble the screen below:
For a detailed explanation and step-by-step guide to using the Snippets Library, please
2008 Paul Smithson

snippets.htm
2008 Paul Smithson

Tools 213
7.21 Social Networking
Social Networking is a phenomenon that no self-respecting Web site operator can afford
to ignore in today's socially-networked world.
XSitePro makes adding appropriate social networking links (with which people can submit
your page content and/or 'vote' for it) a very simple process indeed.
The social bookmarking tool is accessed from the right-click menu in the designer
window, as shown below:
When clicked, the window that appears will resemble the following screenshot:
2008 Paul Smithson

For a detailed explanation and step-by-step guide to using the Social Networking Links
social_networking_links.htm
2008 Paul Smithson

Tools 215
7.22 Sub-Pages
Sub pages are a very powerful part of XSitePro. They will help you to create a
well-organized site that is easy to manage, while at the same time providing visitors to
your site with an easy to navigate experience, and also helping your site to register well
with the search engines due to it creating an attractive hierarchical tree structure that
search engine spiders find very easy to navigate through.
The sub-page feature gives you the power to create sites that would normally require a
considerable amount of database programming to set up. The great thing is that you
don't need to know anything about databases and, like with everything else in XSitePro,
you don't even need to know HTML.
With sub-pages you can add a new page into a section of your site and in doing so, the
main category page will also be updated (without you doing anything at all), as will the
hierarchical site map and alphabetical site maps.
The Sub-Pages tool is accessed from the Right-Click Menu, as shown below:
For a detailed explanation and step-by-step guide to organizing your content using the
Sub-pages tool, please refer to the 'Book 2: Tools' manual. This in-depth reference
manual will tell you all you need to know about this feature.
2008 Paul Smithson

sub_pages.htm
2008 Paul Smithson

Tools 217
7.23 Taskbar Scheduler
The Taskbar Scheduler is a very exciting feature in XSitePro, designed to put your
web-site building process onto auto-pilot for you.
There are effectively two different ways that this feature can help you keep your Web site
looking in great shape with minimal effort.
1.Automatically publishing new page content.
Working in unison with the Scheduling option in your advanced Web page settings, you
can pre-write your page content and have the Taskbar scheduler pick up those new
pages, at the appropriate date, and publish them for you all automatically.
2.Automatically publishing a new version (or even versions) of your whole site.
Create one or more different versions of your whole site (by simply copying your site,
and then adjusting it). Then, using the Taskbar Scheduler tool you can set these different
site versions to publish on specific dates, in sequence again, all automatically.
The Taskbar Scheduler can be loaded either from the XSitePro program folder (off your
Start menu) or from the Scheduling tab within the Advanced Page Settings screen
(loaded from the Page Settings Tab).
When loaded, the Taskbar Scheduler resembles the screen below:
2008 Paul Smithson

The Taskbar Scheduler is a powerful and easy-to-use tool that will get your sites onto
auto-pilot in no time at all...
For a detailed explanation and step-by-step guide to using the Taskbar Scheduler, please
taskbar_scheduler.htm
2008 Paul Smithson

Tools 219
7.24 Tokens
The tokens feature of XSitePro is an incredibly powerful tool. In the right hands, it allows
you to do some amazing things and is limited only by your imagination.
Here are just a few of the things it will let you do:
Fully customize imported pages as they import with information such as the page title,
keywords and description.
Add images randomly to pages, either when they are created or when they are
published.
Automatically add headlines to pages based on the title you give the page.
Change the case of words and phrases to uppercase, lowercase or title case without
any human intervention.
Create pages that change automatically every time you publish them.
The tokens feature is an advanced feature of XSitePro and is not recommended for
beginners. However, if you are an experienced XSitePro user and you have a little
experience using tokens with other software then you shouldn't have any problems at all.
Even if you are a complete newcomer it is possible to master the use of tokens in a
relatively short space of time as long as you read the instructions and enter the tokens
exactly as they should be entered.
For a detailed explanation and step-by-step guide to using Tokens within XSitePro,
tokens.htm
2008 Paul Smithson

7.25 Video Wizard
Video, like audio, can add a whole new dimension to your Web site content and, if used
correctly can improve the communication of your site's message to its visitors.
The trick with video content, as with audio content, is not to overuse it and only to use it
where strictly necessary.
XSitePro makes it incredibly easy to insert correctly-formatted video content into your
Web page and even adds embedded playback controls to make it easy for your visitors to
interact with this rich content.
The Video Wizard is accessed from the Right-Click Menu, and when loaded will resemble
the screen below:
For a detailed explanation and step-by-step guide to using the Video Wizard, please refer
2008 Paul Smithson

Tools 221
video_wizard.htm
2008 Paul Smithson

7.26 Widget Wizard
Have you wanted to include such things as a "Click here to Add to Favorites" link to your
Web site, but didn't know how to do it? Or how about having an Image Gallery in your
page? Or what about random quotes, or expanding FAQ lists?
All of the above, and a lot more besides, are available using the Widget Wizard feature of
XSitePro.
With just a few clicks you can add some powerful features to your Web site without
having to write a single line of code. This means you can have clever little tricks on your
site that previously would have required a coding expert to implement.
The Widget Wizard is accessed from the Right-Click Menu, and when loaded will resemble
the screen below:
For a detailed explanation and step-by-step guide to using the Widget Wizard, please
2008 Paul Smithson

Tools 223
widget_wizard.htm
2008 Paul Smithson

7.27 WYSIWYG Designer
Almost all Web page creation within XSitePro will at some point involve the built in
Designer.
Designer is a full-blown WYSIWYG (What You See Is What You Get) editor that allows
you to create Web pages in a visual environment. You can design all of your Web pages
without having to write a single line of code.
If you have used a word processor such as Microsoft Word or WordPerfect you will have
no problems using Designer to create your Web pages as it works in a very similar way.
For example, if you want to make some text bold all you need to do is select it with your
mouse and click on bold. It's as easy as that!
This chapter explains what each of the buttons do and then explains the powerful
functionality that is available when you use the right-click button on your mouse with
Designer.
2008 Paul Smithson

Tools 225
7.27.1 The Designer Window
The Designer Window is very similar to a standard word processor. It has two rows of
buttons at the top of the screen. These buttons handle everything from styling such as
bold and italics, through to creating links, adding images, inserting tables and much
more besides.
2008 Paul Smithson

7.27.2 The Buttons in the Designer Window
The following section covers each of the buttons on the Designer toolbar. Some are
described in detail whereas others, such as bold and italic, are given less attention as
most people reading this are likely to already be familiar with what they are and how
they are used.
Find & Replace
This button will allow you to find and, if necessary, replace text that appears on the
current page. Clicking on it will bring up a window that asks for the search word or
phrase. Behind this simple search box is another tabbed screen in which you may also
enter a replacement text string. Searching will find the text on your Web page, while
replacing will replace the search text with the replace text.
Spell Checker
XSitePro Designer comes with a powerful 140,000 word spell-checker that will help to
ensure you don't publish Web pages with spelling errors in them. To check a page for
spelling just click on the spell checker button at any time. The checking will always
commence from the top of the current page and the checking will be restricted to the
page you are currently working on.
Cut
The cut button lets you cut some text or an image from the document and paste it in
another location, which might be another Web page or it could be into a text field. To use
the cut button highlight the text or image you want to cut using your mouse and then
click on the cut button.
Copy
The copy button is similar to the cut button (see above) but instead of cutting the
selected text or image from the existing document it simply takes a copy. You can then
use the paste button (see below) to paste the contents of the clipboard to another
location.
2008 Paul Smithson

Tools 227
Paste
The paste button pastes whatever is in the clipboard to the point where your cursor is
currently situated. The paste button is usually used in conjunction with the cut and copy
buttons described above.
Paste from Word
The paste from Word button pastes whatever text is in the clipboard to the point where
your cursor is currently situated, just like the regular paste button, but as well as doing
this it strips out any erroneous HTML code (in the process) that Microsoft Word has a
tendency to add to HTML pages created in the word processor application.
Undo and Redo
The Undo button lets you undo the last action you carried out. For example, if you had
just made some text bold it would unbold the text, and if you had just deleted a
paragraph of text clicking on the undo button would return the paragraph text to how it
was, before you deleted it.
The Redo button will reverse an Undo action. So, for example, if you deleted a word and
then clicked on the Undo button to get it back you could then click on the Redo button to
get rid of it again. The undo and redo buttons don't cover all design features and
circumstances, but they will help with basic text and document styling.
Link
To make some text (or an image) into a clickable link, you must first highlight the text,
by selecting it using your mouse, (or by clicking on an image) and then by clicking the
link button on the toolbar in the designer window.
Clicking the link button will cause a small menu to appear with the option to insert a link,
either to an existing Web page (on your current site) or to a number of other locations,
including:
Another Page in XSitePro Selecting this option will load a page selection screen, as
shown below:
2008 Paul Smithson

In the list of Web sites, shown in the Select Page window, above, you can expand your
Web sites page lists until you find the page to which you would like the selected
text/image to link. Make a selection from the list, and then click the button to
apply the link properties to your text/image.
Other Files Selecting this option will present a sub-menu list of the other files that are
currently in the root folder of your resources for this Web site. Using this link option you
will be able to quickly navigate to, select and link to files you have previously added to
your site. Selecting a file from the list will cause your currently-selected text/image to
link to that file.
Other This menu option will load the custom link properties dialog window, shown
below:
2008 Paul Smithson

Tools 229
This window contains a number of settings for your link some specific to the link itself
(on the first tab) and some general properties, which are covered in their own section:
Advanced object properties. The main link settings (those you will need to set) are listed
below.
Type - Enter the type of link, e.g. http (if it is another Web page), FTP, mailto.
URL - This is the url of the Web page you are linking to, e.g.
http://www.yahoo.com/broadcast/sport.html
Target - Select from the drop down how you would like the link displayed. If you leave
this blank the new page will load into the existing browser window. If you want the link
to open in a new window select _new.
Title - The text you type in this field will appear as a tool-tip when people hover their
mouse over the link. It will also be read out to anyone using a screen reader so it can be
worth typing something explanatory such as Click here to go to the order page.
Remove Link if at any time you return to the properties screen for an existing link
2008 Paul Smithson

(you can do this by right-clicking an existing link and selecting Link Properties, shown
below), you may click the remove link button to strip the text of its link characteristics.
The link text will revert to regular (non-linked) text in your page design.
Insert Anchor
The Anchor button lets you quickly create Anchors (like a bookmark) anywhere on a
page, that you can subsequently link to. To create an anchor, position your cursor where
you want the anchor to be and then click the Insert Anchor button. You will be prompted
to enter a name for the anchor. When entering the name it is best not to use spaces.
Instead of Order Here you could enter Order_Here or Order-Here.
To link to this anchor use the link button as described above, but instead of entering a
Web page URL in the URL field you would instead enter the name of the anchor after the
# symbol.
For example, if you had created an anchor and called it More-Details-On-XK5 the text
you would enter in the URL field of the Link Properties box (ie. the box that appears
when you click on the link button) would be as follows:
#More-Details-On-XK5
2008 Paul Smithson

Tools 231
When a visitor clicks on that link, their browser will jump immediately to the anchor. This
is a great way of providing quick navigation within a page its often used in long pages,
such as FAQs.
Image
There are two ways of adding images onto your Web pages with XSitePro. You can use
the image button or you can use the powerful right-click functionality that is described
elsewhere in this document. We will review the image button method here.
By default, clicking the image button has the action of loading the Image Library tool,
described in detail in its own section in the 'Book 2: Tools' manual, entitled 'Image
Library'.
Table
The table button lets you insert tables into your Web pages. When you click on the table
button you will see a grid prompting you to select how many columns and rows you
would like to include in your table. Move your mouse to the appropriate square and then
click once.
You can further customize the table by right clicking on any of the cells with your mouse.
This will bring up a Pop-up menu that includes such options as inserting rows and
columns, merging and dividing cells and individual cell properties.
There is also a table properties window you can access by moving your mouse to the
edge of the table so that the cursor changes to a "move" cursor (see screenshot below)
and then right click and select 'Table Properties'.
2008 Paul Smithson

Insert Rule
The horizontal line button inserts a horizontal line across your Web page. It is a quick
and easy way of creating a visual break in your pages.
Insert Special Character
Clicking this button loads a very useful set of special characters in a new window, shown
below. To select a character from the list simply click it once the character will be
inserted into the Web page, behind this open window. When you are finished entering
your special character(s) , click the button to return to the designer window.
2008 Paul Smithson

Tools 233
Numbered List
The numbered list button will convert any paragraphs you have selected into a numbered
list. It will number each paragraph consecutively and will apply an appropriate indent.
To create a numbered list select the text you wish to use with your mouse and then click
once on the numbered list button. Your text will then be converted into a list similar to
the one below.
Bulleted List
The numbered list button will convert any paragraphs you have selected into a bulleted
2008 Paul Smithson

list. It will put a bullet before each paragraph and will apply an appropriate indent.
To create a bulleted list select the text you wish to use with your mouse and then click
once on the bulleted list button. Your text will then be converted into a list similar to the
one below.
Indent
The indent button will indent any selected text by a single tab space. You don't need to
select the text using the mouse or keyboard, just positioning the cursor in the paragraph
you wish to indent and then clicking on the indent button is sufficient. You can indent
one or more paragraphs simultaneously.
Outdent
An outdent is the exact opposite of an indent. If you have indented a paragraph and
decide you don't want the indent, or you want less of an indent, just click on the outdent
button and the paragraph or paragraphs will be moved back, towards the left margin.
Justification
The justification buttons will cause the selected text or image to be justified left, in the
center, right or fully justified depending on which button you select.
The following screen shot illustrate the four different justification formats.
2008 Paul Smithson

Tools 235
Left justified means the text is justified so that it is flush with the left hand margin
and the jagged edge will be on the right hand side.
Center justified means each line of the paragraph is centered so that jagged edges
will be seen on both the left margin and the right margin.
Right justified means the text is flush with the right margin and that there will be a
jagged edge on the left margin.
Fully justified means that the text is justified neatly on both the left and right
margins. This is the kind of justification that you will usually see in books and
newspapers and magazines.
To apply any of the four different kinds of justification simply select the text you want to
justify and then click on the appropriate justification button.
2008 Paul Smithson

Strikethrough
To apply a strikethrough effect to your text, simply select the text to which you would
like to apply this effect, then click the strikethrough button. This effect is often used on
pre-discount prices to emphasize savings. The below example shows some text with the
strikethrough style applied.
Superscript and Subscript
Clicking on the superscript button will result in the selected text being reduced in size
and moving above the normal text flow. Conversely, clicking on the subscript button will
result in any selected text being reduced in size and moving below the normal text flow.
This will become clear from the examples below.
Select All
The select all button allows you to select all of the different elements (e.g. text and
images) that make up your Web page. This is useful for such tasks as applying a font
style to all of the text, justifying everything in a certain way (e.g. centered or left
justified) or cutting and pasting everything from one location to another.
Style Selector
2008 Paul Smithson

Tools 237
The style selector lets you quickly apply a style to any of the text on your Web page. You
should use this frequently to apply heading styles to your headlines and subheadings. To
apply a new style highlight the text using your mouse, click on the down arrow next to
the style drop down and select the style you wish to apply.
Font Selector
The font selector lets you quickly apply a font to the text on your Web page. XSitePro
limits the number of fonts you can choose from to the safe fonts, i.e. the ones that work
with all browsers and on all different computer systems (e.g. PC, Mac and Linux).
You can choose from over twenty fonts using this selector. It is highly recommended that
you stick with only the supplied fonts when designing Web pages as using other fonts
can, unless configured correctly, lead to unpredictable results.
To apply a font, select the text using your mouse then click on the down arrow, next to
the font selector, and choose the font you would like to apply.
2008 Paul Smithson

Font Size Selector
Using the font size drop down you can make text as small or as large as you want. The
smallest size catered for in XSitePro is 6pt and the largest is 48pt. This gives you plenty
of scope to create the look and feel you desire.
To apply a size to your text select the text using your mouse, click on the font size
selector drop down and choose the size of text that you require.
2008 Paul Smithson

Tools 239
Font Color
To choose a color click on the down arrow to the left of the Font Color button. This will
display a list of the basic colors. Once you've selected a color you can apply it to any text
you like by selecting it with your mouse and then clicking on the Font Color button.
2008 Paul Smithson

Background Color
The background button lets you set a background color for selected text items and also
for table cells/rows/columns.
Applying a background color (or highlight) to text To apply a background color to your
text you must first select the text to which the background will be applied, using your
mouse, and then click on the arrow next to the font background button to select the
desired highlight color.
Once you have chosen a color you can apply it to as many different text selections as you
like subsequently, by just clicking on the font background button, i.e. you don't have to
go through the color selection process each time.
Using highlights like that described above can be a very effective way of drawing
attention to a special message. Here's an example in which the words 'Hello Home
Owner' have had a bright blue background applied.
Bold, Italic and Underline
2008 Paul Smithson

Tools 241
To make text bold, add italics, or underline a single word, sentence or paragraph just
select the text you wish to apply the style to and then click on the appropriate button.
Design Wizards
Clicking the design wizards button pops up a menu from which you can launch any of the
following design wizards:
Headlines
Test Box
Bulleted List
Graphics
Buttons
Highlighted text
Simply choose the appropriate design wizard from the menu and the appropriate window
will appear.
You can read more on the design wizard tools themselves in the 'Design Wizards' section
of the 'Book 2: Tools' manual.
Snippets
Clicking the Snippets button loads a menu from which you may choose to:
Insert New - Insert a new snippet

Snippet Library - Load the snippet library
To read more on the Snippet Library tool, visit the section in the 'Book 2: Tools' manual
entitled 'Snippets'.
Insert Advertising
Clicking the Insert Advertising button pops up a menu from which you can launch any of
the following advertising tools:
Google AdSense
Amazon (three different types of adverts)
Oxado
PayPal
Simply choose the option from the menu that relates to the type of advert you wish you
insert, and the respective tool will appear. Each of the different types of advertising has
its own detailed section in the 'Book 2: Tools' manual.
2008 Paul Smithson

Insert Audio
Clicking the Insert Audio button launches the Streaming Audio tool, more details on
which can be found in the 'Audio Wizard' section of the 'Book 2: Tools' manual.
Insert Video
Clicking the Insert Video button launches the Video insertion tool, more details on which
can be found in the 'Video Wizard' section of the 'Book 2: Tools' manual.
Widget Wizard
Clicking the Widget Wizard button launches the Widget Wizard, more details on which
can be found in the 'Widget Wizard' section of the 'Book 2: Tools' manual.
RSS Feed Wizard
Clicking the RSS Feed Wizard button launches the RSS Feed Wizard tool, more details on
which can be found in the 'RSS Feed Wizard' section of the 'Book 2: Tools' manual.
Insert XML Link
Clicking the Insert XML Link button launches the XML Syndication Insertion tool, more
details on which can be found in the 'XML Syndication' section of the 'Book 2: Tools'
manual.
Insert Social Networking Link
Clicking the Insert Social Networking Link button launches the Social Networking Links
tool, more details on which can be found in the 'Social Networking Links' section of the
'Book 2: Tools' manual.
Forms Wizard
Clicking the Forms Wizard button launches the Forms Wizard tool, more details on which
can be found in the 'Forms Wizard' section of the 'Book 2: Tools' manual.
Site Search Form
2008 Paul Smithson

Tools 243
Clicking the Insert Site Search Form button launches the Site Search tool, more details
on which can be found in the 'Site Search' section of the 'Book 2: Tools' manual.
Insert Page Breaks
Clicking the Insert Page Breaks Link button launches the Page Breaks tool, more details
on which can be found in the 'Auto Page Generation' section of the 'Book 2: Tools'
manual.
2008 Paul Smithson

7.27.3 The Right-Click Menu
A lot of the creative power of XSitePro is contained on the context sensitive right-click
button on your mouse, accessible when you are working in the Designer window
throughout the application.
If you right-click with your mouse when the cursor is positioned within the Designer
window you will see a different menu, depending on where the cursor is currently
located.
For example, if the cursor is in the middle of a table you will see various menu options
relating to a table. If the cursor is in the middle of a text paragraph you will see various
menu options that pertain to text, or to the Web page in general.
2008 Paul Smithson

Tools 245
Once you get used to the right-click pop-up menu functionality you will find it a very
quick and easy way of performing a huge range of feature-rich tasks including:
Launching Design Wizards

Accessing the Snippets feature
Adding images
Using XSitePros monetizing features, including the AdSense, Amazon Advertising,
Oxado and/or PayPal Buy Now features.
Inserting Audio and/or Video into your Web pages
Inserting Scripts from the comprehensive selection shipped with XSitePro, in the
Widget Wizard tool
2008 Paul Smithson

Inserting RSS Feeds

Linking to your own XML Syndicated Content
Inserting Social Networking links into your page content
Inserting forms, using the inbuilt Forms Wizard
Inserting a Site Search box, adding powerful search functionality to your site quickly
Creating manual or automatic page breaks
Inserting links to other pages within your Web site
Inserting links to pages in other Web sites or even other projects
Inserting links to sites on the Internet
Inserting links to sub-pages either as a numbered list or a bulleted list
Cutting, Copying and Pasting Text
Editing table properties
This seemingly-simple tool gives you one-click access to a range of incredibly powerful
features within XSitePro and is guaranteed to be one of the most-used tools in your Web
site building arsenal.
For this reason, it is highly recommended that you take time to familiarize yourself with
the different options on this very important menu.
2008 Paul Smithson

Part
H
8 Help and Support
We want you to get the most from the XSitePro software.
XSitePro has been designed to be as easy and intuitive as possible, but there will
inevitably be features within the software that you may want assistance in using. If you
need any help at all please do not hesitate to visit the support Web site at:
http://xsitepro.helpserve.com
There you will find:
An extensive FAQ section

The latest documentation
Resources
If you can't find the help you need in any of the above sections please open a support
ticket and we will deal with it in a timely fashion.
Context Sensitive Help
XSitePro comes with an extensive context-sensitive help system built right in to the
application. If you press F1 at any time or click on any of the help buttons you will, in
almost all situations, be taken directly to the relative help screen. If that doesn't answer
all your problems try searching the help system by clicking on the Search tab (on the
Help screen) as the XSitePro help system is thoroughly indexed on hundreds of keywords
so you will usually be able to find help on whatever you are looking for.
XSitePro Tutorial
The quickest and easiest way to master XSitePro is to work through the tutorial that
comes with the software. You can find this tutorial under the Help menu in the
application or in the XSitePro group on your Start menu.
2008 Paul Smithson

Index 249
auto-page creation 181
Index auto-page generation 174

autopilot 143
auto-pilot 217
autoresponder 195
-.- auto-responders 195
aweber 195
.xse 165
-A- -B-
background color 224, 226
abandonment 204
background graphic 48
accessibility data 108
backup 156, 157, 158, 160, 162
add a new web page 81
backup settings 156, 157, 158, 160, 162
add a page 100
banner advertisements 67
add an external link 192
banner rotator 222
add page 6
basic layout 41
add to favorites 222
basic settings 209
add to library 211
bold, italic and underline 224, 226
add to site map 92
bookmark links 213
adding a new web page 83
breadcrumb trail 111, 116
adding a web site 22, 23, 26
bright colors 185
adding audio 179
built-in templates 22, 23, 26
adding files 111, 118, 121, 122, 123
bulleted list 190, 215, 224, 226
adding images 225, 244
bulleted list with description 215
adding pages 81
button insertion 204
adsense 244
buttons 190
adsense code 199
buy button 204
advanced header 48
buy it now 204
advanced page settings 81
advanced settings 92, 102
advertising 178, 199, 203 -C-
adwords 199
affiliate 176 campaign 195
affiliate code 211 capturing email 195
affiliate link 176 cascading 95
affiliate scheme 176 categories 16, 18
affiliate wizard 174, 176 category heading 83
amazon 178, 244 category page 215
amazon product integration 174 center justified 224, 226
another page in xsitepro 224, 226 change template 174, 183
arrow buttons 88 channel info 209
articles 86 clipart images 201
audio 179 close window 222
audio wizard 174, 179 color picker 174, 185
auto page generation 181 color selection 185
automatically publishing 217 common tasks 200
2008 Paul Smithson

contact 86 designer 104, 200, 224, 226

content 179 designer window 225
content-creation 86 dreamweaver 166
convert the audio 179
copy 224, 226
copy an existing site 167, 170
-E-
copying 167, 170
editable space 104
copying text 244
editing rss feeds 209
copyright message 70
editing scripts 222
countdown 222
editing table properties 244
create a new web site 6, 22, 23, 26
email address cloaker 222
create a page layout 6
e-mail capture 195
create a project 6, 18
e-mail marketing 195
create a web page 95
email submission 195
create sub-page 88
encoding format 97
creating forms 195
encryption 204
creating links 225
enter page info 6
creating sub-pages 215
events 102
custom 185
export 165, 166
custom palette 185
external link 83
customization tools 111
external page links 174, 192
customize your links 213
extra publishing details 149
customize your site 78
customized headers 48
cut 224, 226 -F-
cutting text 244
f1 shortcut 248
failure page 204
-D- faq 222, 248
file manager 111, 118, 121, 122, 123
dark colors 185
file name 81, 92, 93
data directories 10
file selection 220
date 209
files list 111, 118, 121, 122, 123
delete an existing site 167, 172
find 194
delete multiple pages 89
find and replace 174, 194, 224, 226
deleting 167, 172
find and replace on all pages 194
deleting pages 81, 91
folder structure 166
deleting rss feeds 209
font color 224, 226
deleting scripts 222
font selector 224, 226
deleting sub-pages 215
font size selector 224, 226
description 83, 97, 99
form settings 195
description for site map 92
form submission method 195
descriptions 136, 207, 209
format 179
design process 190
forms wizard 174, 195, 206, 224, 226
design tab 81
forum 10
design view 190
frontpage 166
design wizards 174, 190, 224, 226, 244
ftp 147
design your page 6
2008 Paul Smithson

Index 251
ftp details 149 hyperlinks 116

ftp directory 149 hypertext pre-processor 206
ftp server 149
fully justified 224, 226
future date 222
-I-
image 224, 226
-G- image gallery 222
image insertion 201
generate traffic 124 image insertion tool 201
generated pages 181 image library 174, 201
getresponse 195 image roll-over 222
global 194 image selection 201
global preferences 174, 197 import 126, 165, 166
global scripts 111, 132 import feature 126
global settings 117, 174, 197 import pages 111, 126
google ads 199 inbound links 124
google adsense 174, 199 indent 224, 226
google adwords 199 index.htm 97
google index 125 index.html 97
google sitemap 125 info bar 43, 51, 54, 78, 128
graphical header 48 information panel 12, 16, 18
graphical link 176 infrastructure 136
graphical templates 22, 23, 26, 183 insert a buy button 204
graphics 190 insert adsense 199
insert advertising 199, 203, 204, 224, 226
-H- insert anchor 224, 226
insert audio 224, 226
insert oxado 203
header 48
insert page breaks 224, 226
header graphic 41, 48
insert rule 224, 226
header information 132
insert social networking link 224, 226
header panel 41, 43, 48
insert special character 224, 226
header section 48, 148
insert video 224, 226
header settings 51
insert xml link 224, 226
headlines 190
inserting a snippet 211
help 248
inserting a sub-page 215
help and support 248
inserting an image 244
help screen 248
inserting audio 179, 244
highlighted text 190
inserting forms 244
home page 81, 92, 97
inserting links 244
horizontal menu 128
inserting links to sub-pages 244
hotkeys 174, 200
inserting rss feeds 209
how to backup 156, 157, 158, 160, 162
inserting scripts 244
how to restore 156, 157, 158, 160, 162
inserting tables 225
how-to video 220
inserting video 244
html code 107
inter-linking 22, 23, 26
html pages 148
introduction 2
2008 Paul Smithson

item header 209 mobile site wizard 111, 134

mobile web 134
-J- modifiers 219
move an existing site 167, 168
moving 167, 168
jumping text 222
moving pages 81
justification 224, 226
multi page creation 136
multimedia components 179
-K- multi-page creation wizard 111
multiple consecutive pages 89
keywords 36, 81, 83, 92, 95, 97, 136, 148, 207 multiple non-consecutive pages 89
knowledgebase 10 multiple pages 89, 181
multiple projects 4
-L- multiple Web sites 4
larger sites 181 -N-

last visit 222
left and right columns 81 name grab 195
left and right margins 73 navigation 116
left hand column 78 navigation bars 88
left justified 224, 226 navigation links 78
left panel 43, 54, 58 navigation menu 41, 51, 54, 63, 78, 128
left panel settings 58 navigation menu settings 78
link 224, 226 navigation menus 81, 100, 111, 192
links page 111, 124 new scheduler task 217
list-building 195 news 213
listmailpro 195 news scroller 222
loading the image library 201 newsletter 195
look and feel 40 niche 181
numbered list 215, 224, 226
-M- numbered list with description 215
main panel 41, 43, 62, 103, 104 -O-

main panel content 58
main panel footer 43, 63, 78 onload 102
main panel header 41, 43, 58, 78 onunload 102
main panel settings 58, 62 open page in new window 222
margins 43, 73 organized 16, 18
menu settings 51, 58, 83, 92, 128 orphaned web page 142
menu settings button 51, 54, 63, 67 other 224, 226
menu text 81, 92, 93 other files 224, 226
menus 78 other tab 34, 111, 117
meta data 36, 81, 97 outdent 224, 226
meta tags 92, 97 oxado 203, 244
mini-sites 181 oxado account 203
mobile site 134 oxado ads 203
2008 Paul Smithson

Index 253
oxado advertising 174 planned archive 16, 18

oxado adverts 203 playback 220
oxado code 203 pop ups 111
pop-ins 127
-P- pop-ups 127
post articles 213
preferences 117
page analysis 108
press releases 86
page analysis tab 81
preview 106
page breaks 244
preview panel 43
page content promotion 213
previewing 81, 106
page creation 36
print page 222
page descriptions 148
privacy pages 86
page footer 43, 70, 78
product 176, 178
page header 51
product addition 204
page layout 34, 40, 41, 43, 103
product advertising 178
page layout tab 40
product pages 86
page level 194
products 204
page navigation 78, 181
project folder 22, 23, 26
page settings 100, 102, 103
project information 12, 16, 18
page settings tab 81, 90
project level 36
page title 81, 83, 90, 92, 93
project management 16, 18
page width 81
project management screen 12, 16, 18
page-components 108
project overview report 207
palette 185
psychology 4
panels 75
publish 6, 146, 147, 148, 149, 153
panels explanation button 75
publish this page 92
passive mode 147, 149
publishing 146, 147, 148, 149, 153
password redirect 222
publishing details 34, 146, 147, 148, 149, 153
paste 224, 226
publishing progress 153
paste from word 224, 226
publishing tab 149
pasting text 244
payment logo 204
payment system 204 -Q-
paypal 204, 244
paypal account 204 quickpages 81
paypal buy now integration 174
paypal module 204 -R-
paypal properties 204
pay-per-click 199, 203
random quote 222
percentage 176
rankings 124
php compatibility 174
readability 108
php compatibility checker 206
ready-to-use template 183
php scripting 206
recommend 176
phrases 99
redirect 130
pixels 104
redirect feature 130
placeholder 204
redirect pages 111, 130
plain templates 22, 23, 26, 183
2008 Paul Smithson

removing files 111, 118, 121, 122, 123 shortcuts 200

renaming files 111, 118, 121, 122, 123 show-reel 220
renaming pages 81 silo 138
replace 194 siloing 111, 138
reports 174, 207 simple test script 206
resource 124 single file 165
resources 248 site description 99
resources manager 111, 118, 121, 122, 123 site design 34, 40
restore 156, 157, 158, 160, 162 site information 12, 16, 18
revenue 176 site map 97, 99
right click 244 site map settings 83
right click functionality 244 site maps 81, 111, 133
right click menu 244 site overview report 207
right hand column 78 site publishing report 207
right justified 224, 226 site search 140, 206, 244
right panel 41, 43, 67 site search form 111, 224, 226
robots 102, 111, 131 site to do list by task 207
robots.txt 131 site to do list report 207
rss feed 143 sitemap 125
rss feed box 209 snippet library 211
rss feed wizard 209, 224, 226 snippets 174, 211, 224, 226, 244
rss feeds 209, 244 snippets feature 211
rss feeds wizard 174 social networking 174, 213, 244
rss style settings 209 social networking links 213
source 200
-S- source code 107
source tab 81, 107
spell checker 224, 226
sales letter templates 22, 23, 26, 183
spiders 131
sales message 179, 220
split pages 181
save as template 163
sponsored links 199, 203
scheduler 217
standard layout 41
scheduler preferences 217
status bar scroller 222
scheduling 102
status bar slide in 222
screenshot 12, 16, 18
status link 222
script selection 222
sticky note 222
scripts 97, 102, 132, 211
strikethrough 224, 226
search engine 111, 124, 125, 131, 138, 181
style selector 224, 226
search engine optimization 207
stylish templates 22, 23, 26, 183
search engines 133, 207
sub-page 88
search functionality 140
sub-page lists 215
search result 125
sub-pages 174, 215
select all 224, 226
subscriber 143
selecting multiple pages 81, 89
subscript 224, 226
seo 108, 111, 207
success page 204
server-side scripting 206
suggested actions 81, 108
settings 117
superscript 224, 226
shopping cart 204
2008 Paul Smithson

Index 255
support 248
supports php 206
swatch 185
-V-
syndicate 143
vertical menu 128
system tray 217
video 220
systray properties 217
video content 220
video preview 220
-T- video size 220
video testimonials 220
tab navigation 200 video wizard 174, 220
tabbed interface 34 view source 107
table 224, 226 visual effects 201
taskbar scheduler 174, 217
tasks 207
template categories 22, 23, 26
-W-
template creation 163
wap browser 134
template design 183
web colors 185
template selector 22, 23, 26
web page code 132
template site 163
web page url 70
templates 22, 23, 26
web pages 34, 36
testimonials 67, 220
web pages tab 81
testing the ftp connection 149
web server 142, 148, 149
text box 190, 200
web site 36
text boxes 190
web site cleanup 111, 142
text link 176
web site clean-up 149
text styles 190
web site information 34
time of day 222
web site information tab 36
title 97
web site management 156, 157, 158, 160, 162
title scroller 222
web site settings 117
to do 207
web site template selector 22, 23, 26
today's date 222
web sites 22, 23, 26
token 219
web space 146, 147, 148, 149, 153, 206
tokens 174
website settings 111
tools 111, 183
what are tokens 219
top and bottom 73
widget 222
total site management 4
widget wizard 174, 222, 224, 226, 244
traffic 176
word processor 225
training course 220
wysiwyg 103
-U- -X-
undo and redo 224, 226
xmailpro 195
upgrade 10
xml site maps 111
user created templates 22, 23, 26, 183
xml sitemap 125
using the image library 201
xml syndicated content 244
xml syndication 111, 143
2008 Paul Smithson

xsitepro 2
2008 Paul Smithson

257
2008 Paul Smithson

(c) 2008 Intellimon Limited

XSitePro Essentials

Hochgeladen von

Dokumentinformationen

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

XSitePro Essentials

Hochgeladen von

Copyright:

Verfügbare Formate

XSitePro V2.

The revolutionary Web site design software package taking

Printed: May 2008

Software used for Help Files

Part B Upgrading from Earlier Versions of XSitePro 10

Part C Project Management Screen 12

Part D Web Sites 34

2008 Paul Smithson

Part E Publishing 146

Part F Web Site Management 156

2008 Paul Smithson

Part G Tools 174

Part H Help and Support 248

2008 Paul Smithson

Welcome to the XSitePro Manual.

Read this if you are an Internet newbie

Read this if you are an experienced Internet practitioner

2008 Paul Smithson

Read this no matter what your skill level and knowledge

And don't forget ...

2008 Paul Smithson

1.1 The Psychology Behind XSitePro

Design Web pages

What was missing was something that:

1. Did ALL of the above in one easy-to-use package.

3. Was backed up by good comprehensive instruction manuals, tutorials and support.

2008 Paul Smithson

2008 Paul Smithson

1.2 An Overview of Putting a Site Together

Here are the seven steps.

2. Create a New Web site

3. Create a Page Layout

5. Enter Page Info

2008 Paul Smithson

6. Design your Page

2008 Paul Smithson

2 Upgrading from Earlier Versions of XSitePro

Upgrading - what happens to my old Web sites?

2008 Paul Smithson

3 Project Management Screen

The three areas within this screen are:

1. Projects/Web sites list

Projects / Web sites List.

2008 Paul Smithson

The Information Panel.

Site/Project Information - Below the screen shot is some summary information

Date Created - The date this project was first created

Page Count - Total number of pages in this site

Description - This text-box contains a description of the selected web-site/project.

Keywords - The keywords relating to the project or Web site selected.

2008 Paul Smithson

2008 Paul Smithson

2008 Paul Smithson

3.1 What is Project Management?

Keeping you organized

Hair Products for Babies

2008 Paul Smithson

2008 Paul Smithson

3.2 Creating a Project

XSitePro then click on the button on the toolbar.

The following window will appear:

2008 Paul Smithson

2008 Paul Smithson

2008 Paul Smithson