Post on 22-Oct-2014
Embed Size (px)
Welcome to the XSitePro Tutorial!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, and this tutorial will help to get you up-to-speed in the shortest possible time.
Read this if you are an Internet newbieIf you are a newcomer to building web sites, or exploiting the commercial aspects of this wonderful medium, we highly recommend that you follow the XSitePro tutorial from start to finish. This will, without a doubt, teach you the most in the least amount of time. Once you have worked your way through the tutorial, which should take you only a couple of hours at most, you will have experienced many of the exciting features that the software has to offer. You can then take a look through the main manual to expand your knowledge and discover many of the features that are not mentioned in the tutorial.
How to use this tutorialThis written tutorial has been kept as brief as possible, while at the same time trying to impart as much knowledge as possible. To work your way through the complete tutorial should take you less than two hours, but it will be time well spent. It will take you from being a novice XSitePro user to a power user in the shortest possible time. Along the way, you'll learn about many of the powerful tools that XSitePro puts at your disposal, and also many shortcuts that will save you time once you start using the software for your own projects.
The structureBy the end of the tutorial you will have created a professional looking web site from scratch AND uploaded it to the Internet. Once you have done this, you will be able to take what you have learned to create your own web sites with ease, confidence and speed.
One lesson at a timeThe tutorial has been designed to be worked through in order. If you jump straight into later chapters you are likely to struggle as you will not have done the ground-work and you will not benefit from the structured approach that the tutorial takes.
Do exactly what it saysYou are advised to do exactly what the tutorial says, step-by-step. If you follow the instructions exactly as they are written, you will be amazed at how quickly and easily your web site is created. If you choose to deviate from the instructions, you are likely to take far longer to complete the tutorial, as you will have to spend time going back over what you have done to correct any errors made.
StandaloneXSitePro comes with a comprehensive manual, but you will not need to refer to this at all during this tutorial. Everything you need to know to complete this practice web site is included in these pages. This will allow you to progress quickly through the lessons from complete novice to expert-in-the-making.
If you get stuckWe can all make mistakes from time to time so if you do find yourself struggling at any point during this tutorial you are advised to retrace your steps. Go back a few lessons, or right back to the beginning if necessary, and then rework your way through each lesson and each step. If you are still having difficulties, and need any help at all, please take a look at the chapter at the end of this tutorial covering Help & Support.
Before We Start Some Common TasksBelow you will find a small selection of very basic shortcut terms, relating to using a computer. These terms are used regularly throughout this tutorial, and so it's important that you are familiar with them (and comfortable with them) before you get going on the tutorial. If you are already familiar with these simple terms, listed below, then please do feel to skip this small section and jump right to the first lesson.
The Select All commandThis term refers to a method of "selection" of text (or other elements) in a document or page. In most applications there is an "Edit" menu, within which you will find an option: "Select All". This action is often required ahead of the Copy or Paste actions, described below:
Copying TextOnce selected, you can copy text or other content (including images, tables and so on), using the 'Copy' option either selected from the Edit menu of the application you are using, or from a contextual right-click menu. Once 'copied' the text is place on what's called a "Clipboard". This Clipboard is a temporary storage space to which you copy items, in Windows, and from which you may then paste those same items. In this way you can transfer text (and other elements) from one windows application to another.
Pasting TextTo paste some text which you have copied to the Clipboard, you need to select the "Paste" option - either from the "Edit" menu of the application you are using, or from a "right-click" contextual menu.
ClickTo 'click' on something, a button for example, means that you position your mouse cursor over that object and click your left mouse button once.
Double-click'Double-clicking', as the name suggests, means clicking twice (in quick succession) on an object, a file for example.
"Browsing" for a fileMicrosoft Windows organizes files and folders in a particular way. To find, and open, files in Windows you have to use Windows Explorer to navigate your filing system and to locate files. "Browsing" to a file is another way of saying "finding, using the Windows filing system".
Opening filesOpening files means to double-click on a file (within Windows Explorer) or to select and open a file using a menu (such as a "File" menu, shown below):
Closing dialog windowsMost windows that open when you are using software can be closed, either using an aptly-name button (e.g. "Close") or by clicking the orange cross, in the top-right corner of the window. So, if youre happy to get started, lets begin with Lesson 1, over the page!
Lesson 1 - Creating a Project and Adding New a Web SiteWhat you will be doingIn this lesson you will be learning the following: 1. 2. How to create a new project. How to add a new web site to a project.
Approximate time to complete: 10 minutes
Adding a New ProjectStep 1 - Open XSitePro by double-clicking on the shortcut on your desktop or via the Start menu on your computer. Theicon looks like the following graphic:
Once loaded, you will see the screen below - NOTE: Your screen may be blank, if this is the first time you have run XSitePro:
Step 2 - Add a new project by clicking on the "Add Project" button, shown below:
Step 3 - A New Project window will pop-up, as shown over the page.
Step 4 - In this 'New Project' window enter a title for your new project. In this tutorial we will be creating a web site for afictional business named "Central Carpets" so type the following words: Carpets and Floor Coverings The reason we have entered Carpets and Floor Coverings rather than just Central Carpets is that our 'long term plan' might be to create several sites all focusing on carpets and floor coverings, e.g. Luxury Carpets, Industrial Floor Coverings, Value Laminates, etc.
Step 5 - Still within the 'New Project' window enter some keywords for this project. You need to enter a small selection ofhalf-a-dozen or so appropriate keywords that will be relevant for sites within this project. The XSitePro software will automatically make use of the keywords you enter here to form the basis for keywords for sites, and subsequently pages, which you create within this particular project. Entering the keywords at the project stage saves a lot of time having to enter them individually for every site and every page you create. In the Project Keywords box enter the following text. Enter each word or phrase on a separate line. carpets floor coverings rugs flooring laminate
Step 6 - In the New Project window enter a description for this project. This information is for your own personal use only- it is not visible to visitors to sites created within this project. For this project, enter the following text: This project contains all of my sites relating to Carpets and Floor Coverings.
Step 7 - Click the "OK" button, shown below, to complete the data entry on this screen:
Step 8 - After adding a new project you will see a new project appear in the list on the left hand side of the Project SelectionTree page, as shown below.
You may have a slightly different list of projects on the left hand side depending on when you installed the software (e.g. you may not have any other projects listed - that's perfectly normal, and nothing to worry about).
Well done! You just created your first XSitePro project. Easy, wasn't it?
Adding a New Web SiteStep 1 - Make sure you are in the Project Management Screen, within XSitePro and select the Carpets and FloorCoverings project by clicking on it once with your mouse, as shown in the illustration above
Step 2 - With the project now selected, we can now add a new web site, into that project folder.To add a new web site to the Carpets and Floor Coverings project just click on the "Add Web site" button, shown below:
Step 3 - The "Add New Web Site" window will appear, as shown in the below illustration.You will be offered a choice of creating a blank web site or creating a site from one of a selection of ready-made template-types. For this tutorial we are going to create the site from scratch, without the use of a template.
Click on the Blank Web Site button, at the top of the list of buttons, to proceed - as shown below:
Step 4 - The "Add New Web site" window will now appear asking you to enter some information for your new web site.The window will look like the illustration below:
Step 5 - In the Add New Web site screen, enter a Title for your new web site. For this tutorial site, enter the following textfor your web site title: Central Carpets, Rugs, Laminates