Professional Documents
Culture Documents
Welcome Activation Opening your account Design tips Creating web pages OPTION 1: Choose design OPTION 2: How many pages? OPTION 3: Change content OPTION 4: Publish your site OPTION 5: Extras - Add features - Personalise - Admin - Earn money - Add widgets - SiteBoost tools OPTION 6: Log off Using your email Website and email address renewal Takeaway Website Pro features SiteBoost tools - Keywords and tags - Site map - Search engines - Directory - Your progress - Pro stats Stationery creator Takeaway Website Pro shops Payment centre Appendix Technical specifications Frequently asked questions PC CD-ROM contents Index
1. Welcome
Welcome and Congratulations. You are a few simple steps away from creating your very own website courtesy of Mr Site. Inside your Mr Site box is this easy instruction booklet and an activation card. We are always adding new features to the Takeaway Website so not all of them may be listed in this manual at the time that it went to print. This manual will be regularly updated with any new features and can be downloaded from the help section within your Mr Site account Take a look at your Activation Card. On the back of it you will see your unique password which will look something like this:
BLUECAR12335
Please keep this password private and in a safe place as you will need it every time you want to update your website. To begin using your Mr Site website you need to make sure that your computer has the most up to date Internet browser. We recommend using Internet Explorer 8 or Mozilla Firefox 3 for a PC, and Mozilla Firefox 3 or Safari 4 for a Mac. You can download these for free from the following locations: Firefox - PC & Mac www.getfirefox.com
Please note: DO NOT use AOL or Google Chrome as Mr Site will not work with these browsers.
2. Activation
Activation
Once you are up to date, you can activate your Mr Site account by visiting the following address: www.mrsite.com/activate PLEASE NOTE: You must NOT type this address into your search engine box (e.g. your Google or Yahoo search box). It MUST be typed into the very top of the page where web addresses are usually found, for example where the addresses www.google.com or www.yahoo.com are seen.
You will then be asked for your password. Please type it in the box provided exactly as it is printed on your activation card. PLEASE NOTE: This password is case sensitive. Click on the GO! button. If you make a mistake, you will be asked to correct it.
2. Activation
You will then be asked to choose the website name (domain name) that you would like. It is important that you choose something memorable and easy to find because this is what people will be typing into their web browser to find your website. For example www.thisismyfirstwebsitecreatedtoday.com would not be a good choice. Please remember that some website names have already been taken by other people. If you think of a name but it has already been taken by someone else, Mr Site will tell you and you will have the option of choosing another name. PLEASE NOTE: A name not available as a .COM may be available as a .INFO or a .NET for example. You can try these different combinations by selecting each one from the drop down list provided. You must provide a valid ABN number to register a .com.au or .net.au name. When you have picked your name, Mr Site will ask you if you are happy with your choice and to check that the spelling of this name is correct. PLEASE NOTE: Once you have clicked the Next button to
2. Activation
confirm your choice of name, you will NOT be able to change it. Your choice will be final. If, in the future you wish to change your name, there will be a small administration fee. You can buy your new name by clicking on the Buy button inside your Mr Site account. You can also buy extra names here(e.g. you can buy a .co.uk to match your .com). Once you have successfully chosen a web name, you will be given an Account ID to go with your password. Make a note of this as you will need both the password and the Account ID to make changes to your website. PLEASE NOTE: Your Account ID will be your website name without the www. You can write this Account ID on the lower strip of your activation card. We recommend that you do this now! PLEASE NOTE: Make sure that you keep your Account ID and password private, as anyone who knows them will be able to change the contents of your website. Should you lose your password, use the password reminder service when you try to log into your account. To change your password see page 53 I already own a website name (a domain name). Can I use it with Mr Site? Yes you can. If you already own a domain name and you would like to use it with your Mr Site package, please type this name in the box provided and tick the small Already have tick box as directed. PLEASE NOTE: DO NOt tick this box if you do not already own your domain name. You can get on with designing your website straight away, but at some point you will need to move your name over to Mr Site. This will allow you to connect your website with your
2. Activation
domain name. How do I move my existing domain name to Mr. Site? There are two ways to do this: METHOD ONE Use this method if you would like your name moved fully to Mr Site, i.e. your name will be INCLUDED in the cost of your Mr Site package and your current name company will not continue to charge you for your name on top of your Mr Site package. If your name is a .com/.net/.org/.biz/.info: Please ask your current name company to unlock your name and give you an authorisation code (also known as an EPP Key). You will then need to email customerservices@mrsite.co.uk and tell us your domain name and this authorisation code. We can then process the name transfer for you. If your name is a .co.uk/.org.uk/me.uk: Ask your current name company to change the IPS tag to: MRSITE. (PLEASE NOTE: This is case sensitive) Once this has been done please email customerservices@mrsite.co.uk, tell us your domain name and inform us that you have changed the IPS tag. We can then process the name transfer for you. If your name is a .com.au or a .net.au: Please ask your current name company for a domain name transfer password. You will then need to email customerservices@ mrsite.co.uk and tell us your domain name and this domain name transfer password. We can then process the name transfer for you. If your name is a .co.za: Please contact your current name company and let them know that you wish to transfer your domain name to Mr Site. Next, email customerservices@mrsite.co.uk and tell us your domain
2. Activation
name, stating that you want to move your domain name to Mr Site. We will then contact your current name company and you will receive an email from them asking you to confirm your wish to transfer. If your name is a .co.in: Please ask your current name company to unlock your name and give you an authorisation code (also known as an EPP Key). You will then need to email customerservices@mrsite.co.uk and tell us your domain name and this authorisation code. We can then process the name transfer for you. METHOD TWO Use this method if you would like to keep your domain name with your current name company, i.e. they will continue to manage your domain name. Please note, however, that using this method means your current name company will continue to charge you for your name ON TOP of your Mr Site package. Should you decide to use Method One instead (see opposite), your domain name will be INCLUDED in the cost of your Mr Site package. All domain names have two pieces of information attached to them - these are referred to as Name Servers. These tell a domain name what content it should show when someone visits your website. A Name Server can allow a domain name to be held in one place, whilst the website content can be held in another (so your website content can be held by Mr Site, whilst your domain name is looked after by another name company). Using this method you can leave you domain name with its current host but tell it to show your Mr Site website. To do this, log into your Mr Site account, click on Extras, then click on Admin followed by Edit Name Servers. Once there you
2. Activation
will see two boxes titled NameServer #1: and NameServer #2:. Contact your current name company and ask them to adjust their Name Server settings to show the same Name Server settings displayed here within your Mr Site account.
You will now be asked for some personal details such as your name, email, phone number and home address in order to register the website and website name (domain name) as your own. You will also be asked to answer a private security question that will be used to verify your identity if you lose or need to change your password. PLEASE NOTE: It is vital that Mr Site has your correct contact details so that you can be notified when your website is due for renewal. If you fail to renew your Mr Site package you may lose your domain name, your website and your email address. These details will also be used to verify your identity should you lose or need to change your password. Now we can begin creating your website
Dashboard
The Dashboard contains buttons that you will regularly use. Here you can find out how much of your web space you are using, use the Mr Site Forum, Buy additional Mr Site extras, get Help, see your websites Statistics and check your Email. See pages 57-59 for more information.
Options
This is where all of your Main options can be found. These will change depending on which area of your website you are editing.
4. Design Tips
Be consistent
Make sure that the text on every page of your website is consistent in size and colour. Create your own set of design guidelines and stick to them. For example, you may decide that all headings on your website will be font size 14 in black, and all normal text will be font size 12 in grey. Make sure your font is easily legible. For example, Arial, Verdana and Times New Roman are used almost exclusively on web pages throughout the Internet. These fonts can be guaranteed to appear on all computers. If you were to pick a font that was not on the computer of a visitor to your website, your text would not be visible to them. Choosing hard to read script fonts, such as MS Script should be avoided. To set global fonts across your website click on Main Options, Extras, Personalise and Global Fonts (see page 42)
10
4. Design Tips
screen. Bear in mind that around 10% of us suffer from colour blindness with varying degrees of severity. Colours with high contrast e.g. black on white are therefore recommended. Red on green would be a bad choice as they both have the same levels of contrast and would be virtually indistinguishable to someone suffering from colour blindness. It is recommended that you choose background colours that are neutral and easy on the eye. Avoid using complicated pictures, photos or artwork as the basis of your web page background as this could make your website look messy. Choose something simple and neutral, which is complimentary to your subject matter. The same applies for your header. Again, avoid using a photo on your header unless it is minimal and/or sparse in nature.
Plan ahead
Before you get started, it is a good idea to sit down and plan how you want your website to be organised. Instead of creating 50 separate pages with small pieces of content on each one, you could condense this content into 10 or 20 pages. This will give you lots of room to develop your website later on.
11
4. Design Tips
12
4. Design Tips
Picasa, available for free from www.picasa.google.com. Please bear in mind that Mr Site cannot offer support for these packages.
Try to use Outlook, Thunderbird or Windows Live Mail instead of your Webmail
Use your Mr Site email address instead of your free hotmail, yahoo or gmail account as it looks far more professional and can help you stand out from the crowd. Your Mr Site email address comes with Webmail which allows you to check your email when you are on the road. At the office, however, it is recommended that you set up your Mr Site email account in a mail package such as Windows Live Mail or Mozilla Thunderbird so that you can take advantage of its many excellent features such as mail sorting, spam filtering, calendars, reminders and much more. You can also store your mail on your computer instead of on your Mr Site Webmail, so you can save some of your allotted web space. See page 68-74 to learn how to set this up. Now begins the six easy steps to creating your own website.
13
You will then be presented with further options. Click on the Website layout tab and you can decide if you want your menu to be horizontal or vertical, if you want it on the left or the right. Click on the Themes tab and you can choose a pre-
14
defined colour scheme for your selected template (although not all templates have this option). If you scroll down to the bottom of a page you will get a preview of how your website will look. Click on 'Save and Finish' when you have chosen your design. Later you can personalise your design further by adding different headers, logos and changing backgrounds and fonts. To do this, click on Extras in Main options, then click on Personalise (see pages 36-51).
3. Change content
So far we have told Mr Site what your website will look like and how many pages it will have, but as yet, the pages are still blank. From here you can fill the pages up with your own pictures, videos, music and text So, click on Change content in Main options. You will now be presented with a drop down list of all the currently Empty pages on your website. To start filling them up, simply select the desired page from this list. Remember that page 1 is what is known as the Home page. This will be the first page that visitors to your website will see so it should really grab their attention. Click on Page 1. empty. Change content will appear. Lets fill it up.
15
16
Level
Change content can be set to 3 different Experience Levels. You can select the Level to suit you from the drop down list in the top right hand corner of Change content. Beginners can select Simple mode from the drop down list. If you want to get more creative, using different layouts, fonts or inserting tables and links etc, select Creative mode. The third and final Level is Advanced mode. Changing your Level will alter what you see on Change content. To begin with, lets stick with Simple mode .
Description box
This box will provide a short description of the page at hand. So, type: Welcome to my new website. I hope you enjoy your stay and that you will visit again soon.
Paint box
This represents the main section of your web page. In it you can type your text and insert any pictures or downloads.
Add a picture
Click on the area of the Paint box where you would like your picture to go, then click on Click here to add a picture.
17
A Mr Site image sender pop up box will appear. Click on the Browse button to search for the picture of your choice on your computer. A Choose file pop up box will appear. When you have found your picture, click on it so that it is highlighted, then click on Open. The file name has now been inserted into the Mr Site image sender box. Next, click on the Click here to send your picture button. You may have to wait a few minutes while your picture is sent to Mr Site.
When it has been sent successfully, a Mr Site image sender pop up box will appear to let you know. You MUST click on Continue to send the image to your web page. When you have done this, you will see that the name of your picture file has been inserted into the Paint box. To see the actual picture itself, you will need to click on Save Your Changes. Next, click on Continue to return to Main options and select Publish your site to visit your website and see it in all its glory. PLEASE NOTE: Mr Site uses automatic sizing and layouts when inserting your images in this simple mode. To change the size and layout of the pictures on your website, select Creative mode from the Level drop down list in the top right hand corner above the Paint box. This will take you to Creative mode where you will be able to size your pictures to suit you (see page 20).
18
Add a Download
A download is a file that you can put on your website for visitors to click on, download and keep on their computer. Download files may include music files (MP3s) or movies (MPEG or AVIs) etc. Click on the area of the Paint box where you would like your download (e.g. a music track) to go, then click on Click here to add a download. A Mr Site file sender pop up box will appear. Click on the Browse button to search for the file of your choice on your computer. A Choose file pop up box will appear. When you have found your file, click on it so that it is highlighted, then click on Open. The file name has now been inserted into the Mr Site file sender box. Next, click on the Click here to send your file button. You may have to wait a few minutes while your file is sent to Mr Site. When it has been sent successfully, a Mr Site File Sender pop up box will appear to let you know. You MUST click on Continue to insert the file into your web page. When you have done this, you will see that the name of your file has been inserted into your Paint box. To be able to test out your download, you will need to click on Save Your Changes >>>. Next, click on Continue to return to Main options. Select Publish your site to visit your website. Once there, click on Download to download your file. It is essential that you click on the Save your changes >>> button so that you do not lose any new information that you have added to your website.
19
Creative mode
We are sure that you will love the look of your website. However, you may wish to get even more creative, using different layouts, fonts or inserting tables and links etc. If this is the case, select Creative mode from the Level drop down list in the top right hand corner of Change content. On this screen you will find a different looking Paint box.
If you have ever used a word processor before, you will find some of the buttons familiar. You can type your text into the Paint box and use these buttons to change colour and styles, create tables, change the layout and insert pictures, links and HTML code etc. Feel free to experiment with this powerful tool. Dont be afraid of all these buttons! We have put an Appendix on pages 78-121 of this manual which explains them all clearly and simply. They are easy to use. If, however, this seems too much for you, you can always revert back to Simple mode and continue designing. PLEASE NOTE: You can go from simple mode to Creative
20
mode without losing any images, text or layouts. However, any images and layouts made in Creative mode will be lost when changing from Creative mode to simple mode. Only your text will be kept when you change from Creative mode to simple mode.
Advanced mode
If you have had experience working with websites and HTML, select Advanced mode from the Level drop down list in the top right hand corner of Change content. You will notice the same buttons found in Creative mode but with a few additions. We have put an Appendix on pages 114-157 of this manual which explains all these buttons clearly and simply.
PLEASE NOTE: You can change from Creative to Advanced mode, and back again without losing any images or layouts. Remember, any changes you make will not be kept unless you click on the Save your changes>>>> button at the bottom of Change content.
21
5. Extras
Click on Extras in Main options. You will be presented with some more Options. Lets take a look at the first one.
1. Add Features
A) Add/edit a shop
To create a shop, you must first create a PayPal account for free at www.paypal.com. When you have done this, click on Add/edit a shop and enter the email address that you signed up to PayPal with in the Your PayPal email address box. Next, select how many products you would like to add to your shop and select the page you would like it to appear on. Click on Next. You will be presented with a list of products. Add or update a specific product by clicking on the Click to edit this item button next to it. Now simply enter the product name and description. Above the description box you will find a selection of buttons similar to those found in a word processor. Type your description, then use these buttons to change colour and styles, create tables, add links etc to it. We have put an Appendix on
22
pages 114-157 of this manual which explains all these buttons clearly and simply. You can now enter a price and insert a picture of your product. To insert a picture, click on the Browse button. A pop up window will appear with all the files on your computer in it. Select the picture you want from your computer files, click on it once and hit the Open button. You will now see that the name of your picture file has been inserted into the Picture box next to the Browse button. If you want to protect your picture, you can also add a Watermark to it. The View source tickbox allows advanced users to see and edit their shopping carts HTML. To add more options to your shop, click on the small cross next to Advanced item options. Here you can specify if customers can buy more than one product, the different types of product available, whether this product is available in different colours and if the product is a digital download. You can also specify postage and packing here. PLEASE NOTE: Another way to add postage and packing to your items is to log in to your PayPal account, click the my account tab, then click the Profile sub tab. Next click on Postage calculations. There are two types of shop layouts to choose from, and you can select which one you prefer by scrolling to the bottom of the page and clicking on the Online shop layout tab. Click on the Image arrangement tab and tick the box provided if you want your most recently added items to appear first on your online shop page. PLEASE NOTE: If you have Takeaway Website Pro you will be able to use an even more advanced online shop, PayPals
23
Express Checkout and Website Payment Pro. It has additional features such as stock control, order tracking, international shipping charges and a refund tool. See pages 99-113 Follow the steps above for each product you add to your cart, then click on Next, followed by Continue. Take a look at your shop in all its glory by clicking on Publish your site in Main options. Customers can click on the product picture on your website and a larger one will pop up, allowing them to have a closer look at it. To buy a product, customers simply click on the Add to basket button which will take them to their shopping cart page. To pay they can click on Proceed to checkout which will take them to a secure PayPal Payment Page where they can safely and securely pay by credit card or by PayPal. To add or remove items from your shop, simply go back to the Add features page and click on Add/edit a shop again. If you wish to add more items, select the amount from the How many items would you like to add to your shop drop-down menu. If you do not wish to add any more items, leave the figure at zero. Again, select the shop page you wish to edit and click on Next. To remove items from the shop simply click on the item you wish to delete and hit the red cross Delete button on left hand side of the page. When you have finished, hit the Next button. You can have as many shop pages as you wish. Just follow the instructions. You can change the title of your shop page by going into Main options and clicking on Change content. This will take you to Change content PLEASE NOTE: You CANNOt change the prices in your shop in Change content. You must ALWAYs use the Add/edit a shop option to update prices, otherwise changes to your shop will
24
not apply. Please bear in mind that if you add extra text to your shop page in Change content, this text will disappear if at a later date you add to or delete items from your shop. You will need to add this text again when updating your shop. PLEASE NOTE: Every time you update your shop, always test it right up to the Pay now point to make sure it is correctly set up. Collecting your payments Log into your PayPal account at www.paypal.com, click on the Withdraw tab and follow the online instructions to transfer your funds to your bank account.
B) Add/edit a gallery
If you have a lot of pictures, this is a great way to show them off. Select how many pictures you would like to have on your gallery page, and on which page you would like it to appear.
Then click on Next. You will be presented with a list of pictures on the Edit your gallery Tab. Add or update a specific picture by clicking on the Click to edit this item button next to it.
25
Next, enter the title of your picture and a description of it. Above the description box you will find a selection of buttons similar to those found in a word processor. Type your description, then use these buttons to change colour and styles, create tables, add links etc to it.
We have put an Appendix on pages 114-157 of this manual which explains all these buttons clearly and simply. To insert your picture, click on the Browse button. A pop up window will appear with all the files on your computer in it. Simply select the picture you want from your computer files by clicking on it once and then hitting the Open button. You will now see that the name of your picture file has been inserted in the Picture box next to the Browse button. To delete pictures, click on the red x.
Add a Watermark
Protect your images by placing a visible watermark on them to prevent them being copied watermarks can be added to pictures as you add them to your gallery by ticking the Add watermark tick box. The watermark will appear when visitors to your site click on the thumbnail images in your gallery. If you want to add a watermark to a picture that is already in your gallery, simply re-send the picture stored on your computer to that gallery slot
26
and Mr Site will watermark it for you. Repeat the above steps for each photo you wish to add to your gallery. Click on the Photo gallery settings tab to choose your style of gallery. There are three styles to choose from: 1) Default popup gallery
When you first create a gallery, this will be the Default Popup Gallery style. It will display your images in a neatly organised grid of thumbnails. Visitors to your website can click on specific thumbnails to change the page to a light box view. The light box view shows the enlarged thumbnail set against a black background, displaying your image title and description below it. In the top right hand corner of the image you will find forward and backward arrows which allow visitors to scroll through your gallery images. With the Default popup gallery you can specify a thumbnail size and customise image borders and text colour.
27
This gallery looks clean with smooth scrolling animation. This gallery displays 8 small thumbnails on the left hand side of the page and a large central image of the currently selected thumbnail to the right. Users can browse through further thumbnails by clicking the forward and back arrows displayed underneath them. Visitors can select a different main image by clicking on the thumbnail of their choice. When hovering over the main image, forward and backward arrows will appear over it on the left and right, meaning visitors can also scroll through pictures this way. With the Flash animated gallery you can specify an image border type and matching text colour. PLEASE NOTE: Picture descriptions of selected images cannot be displayed in the Flash animated gallery, however picture titles of selected images will be displayed underneath the thumbnails.
28
3) Slideshow gallery
A Slideshow is a moving presentation allowing visitors to your website to view your gallery like a movie. Your images will be displayed as a series of small thumbnails below a large central image of the currently selected thumbnail. When visitors reach this gallery page, the slideshow will automatically play through your images. Visitors will also have the option to cycle through the thumbnails either by using the controls (pause, play, next, previous and random) or by clicking on a thumbnail to select it. Once a new thumbnail is selected it will replace the main image and any the description and title of this image will be displayed above it. With this gallery you can specify a thumbnail size and customise your image border and text colour. Click on the Image arrangement tab and tick the box provided if you want your most recently added images to appear in your gallery first.
29
When you have entered all your photos, hit the Next button at the bottom of the page followed by the Continue button. You can check out your photo gallery by clicking on Publish your site in Main options. If you want to add more pictures, simply go back to the Add features page, click on Add/edit a gallery again and follow the same process. When adding more pictures, select the amount from the how many items would you like to add to your gallery drop-down menu. If you do not wish to add any more items, select zero pages. Select the gallery page you are editing and click on Next. You can have as many gallery pages as you wish. Just follow the instructions! You can change the title of your gallery page by going to Main options and clicking on Change content. This will take you to Change content PLEASE NOTE: If you add extra text to, and change the title of your gallery page in Change content, this text will disappear if at a later date you add or delete items from your gallery. You will need to add this text again when updating your gallery.
C) Add/edit a jukebox
Liven up your website with some music by adding a jukebox to it. Simply tell Mr Site how many songs you would like on your jukebox and on what page you would like it to appear. Click Next to enter your songs and to choose the look of your jukebox. To insert MP3s onto your jukebox, follow these handy hints: i) Ensure the file name of your MP3 is short and concise. Try to avoid using unusual letters, brackets or spaces. MYSONG01.MP3, for example, is the sort of file name you should be using. ii) The jukebox will only play MP3s. Make sure that the music
30
file you are inserting is actually an MP3. Sometimes the Jukebox may not play the file even though you thought it was an MP3 file. To remedy this problem, open up the MP3 in your sound editing package. Then re-save the MP3 with the following recommended settings: 128kbps 44.1 khz stereo If you do not know what these settings mean, your audio software should explain them in more detail. To add more songs to your jukebox, simply follow the steps above again. To remove your jukebox, see page 70.
31
your form. This will not appear on your website and will be for your reference only. You can edit your default contact form as it is by clicking on the descriptions (e.g. click on Name, change the text to suit your form then click the return button on your computer keyboard to save it), or add extra elements to your form by clicking on the green plus icons. PLEASE NOTE: If you add an element to a form, it will always be added under the currently selected element, which will be highlighted in yellow. To select an element, simply click on it. To delete form elements, simply click on the red icons next to each one.
32
Form Elements
Form area This is an area where the elements of your form are contained. All form elements MUST be contained within a form area. You can have multiple form areas on a page. For example, you could have two parts to a form; the first part could be about your customers contact details, and the second part could be about their requirements, and so on. You can change the name of your form area by clicking on its title, editing the text and hitting the return button on your computer keyboard. Text field A text field is a box that customers can insert information into. For example, you can create a text field called Name: into which customers can then enter their name. You can change the name of that text field (eg. you could change it from Name: to Age:) and also add a description to that text field. You can add as many text fields as you want to your form. Text area A text area is like a text field but larger. For example, you could create an text area called Message: where customers can write several lines for a message. You can also add a description to that text area. You can add as many text areas as you want to your form. Drop down box A drop down box allows customers to select various options from a drop down list. You can add or remove your own options which can be selected from the list by clicking on Add, or Remove. You can add as many drop down boxes as you want to your form. Check box A check box is a box that customers can tick or leave blank. For example, you could create a check box called Tick this box if
33
you like fruit:. You can add as many check boxes as you want to your form. When you are happy with your form, click on the Save contact form button. To edit or delete a form, click on the Edit or Delete buttons next to them in the main contact form menu. Once you have saved your form, you will then need to add it to one of your web pages by clicking on the Apply your form tab. PLEASE NOTE: Emails sent using this contact form will be sent to your Mr Site email account e.g. info@yourname.com (replace yourname.com with the website name that you have chosen). Please check the email section of this manual for details on how to retrieve these messages from your Inbox. (Pages 60-62)
G) Add/edit a password
You can restrict access to your web pages so that only people with a password can view them. Add, edit or remove passwords for your site here.
34
PLEASE NOTE: The Add/edit password Option offers basic password protection and should only be used in applications that do not require high levels of security.
H) Sub menus
The Sub menus option allows you to place pages within a page. For example a main page might be called photographs. The pages within this page (i.e. the sub pages) might be called wedding photos, family photos, portraits etc. To make a page a sub page, select it from the first drop down list. Next, select the main page from the second drop down list (your sub page will appear within this page).
I) Create a blog
A blog (short for web log) is an online diary. Your website visitors can be kept up to date with your latest news by reading your blog. They can also leave comments on your website in response to any diary entries you make. To create a blog, select the page on which you would like it to appear on, then click Next. You can now begin adding entries to your blog by clicking option J Update a blog (see below).
J) Update a blog
Make entries in your blog by clicking on Click here to add a new post. Here you can specify a date for the entry (the default is todays date, but you can change this if you wish), a title and the main text for your blog entry. The features available to you here are the same as those in Creative mode. For a full description of these features, take a look at the Appendix on pages 114-157 of this user guide. To update an existing blog entry, click the Edit link next to it. If you want to remove a post, click the cross icon next to it.
35
K) Create a forum
This option allows you to create a forum on your website.
L) Edit a forum
This option allows you to edit posts on your forum.
2. Personalise
Click on Extras in Main options, then click on Personalise.
A) Change Header
Click on this Option to change the header of your website design. Click on the Pick a header category tab to select your category (e.g. hobbies, art e.t.c.) and choose your pre-designed header by clicking on it. Next, click on Continue. Your changes have been made.
36
If you have created your own header and want to add it to your website, click on the Add your own header tab. Next, click on the browse button, find the header located on your computer, select it by clicking on it once and then hit the Open button. You will now see that the name of your header file has been inserted in to the Header file box. Click on Next.
Tips for adding your own header When sending Mr Site your own header, it pays to follow these simple guidelines: i) Ensure that your header is 850 x 150 pixels in size. This can be achieved in your favourite paint package, for example in Adobe Photoshop or Google Picasa (please consult the user guides for these packages for further details on how to do this as Mr Site does not offer support for these programs). Dont worry too much if your header is not this size as Mr Site will resize it for you. This may mean, however, that it does not appear on your website exactly as you would like it to. ii) Remember that the title of your website will appear over your header. This means that using a header that is very colourful and complex may make this text hard to read. We recommend that you use headers that are generally quite plain or predominantly dark or light.
37
At the bottom of this page you will find a preview of your header. You can click on any text in this header and drag it around to position it as you want. Click on Next to continue.
Option 1 Option 2 Option 3
C) Change menu
PLEASE NOTE: This applies to vertical menus only From here you can change the look and feel of the menu that appears on your website. As you adjust these settings you will be able to see a preview of your changes to the right of the page.
Menu font Select the font that you would like your menu text be. Menu colour Select the colour that you would like your menu text to
38
be by either cutting and pasting a colour number into the colour box, or by clicking on the Edit button. Slide up and down the colour bar, double click on your colour of choice, then hit the Apply button. Menu hover colour Select the colour that you would like your menu text to become when a visitor to your website hovers over it by either cutting and pasting a colour number into the colour box, or by clicking on the Edit button. Slide up and down the colour bar, double click on your colour of choice, then hit the Apply button. Menu link style Select if you would like your menu links to have no lines, an underline, an overline, or a line-through. Menu hover style When a visitor to your website hovers over your menu you can decide if no line, an underline, an overline or a linethrough appears. Font styles Make your menu font bold or italic. Click on the to change your menu text to upper case letters.
button
Menu icon Click on the Edit button and choose a menu icon by double-clicking on it. Click on the close button in the top right hand corner of this window to close it down. Sub menu icon Click on the Edit button and choose a sub menu icon by double-clicking on it. Click on the close button in the top right hand corner of this window to close it down.
39
Background image Select a background image for your menu from the drop down list provided. Background colour Select a background colour for your menu by either cutting and pasting a colour number into the colour box, or by clicking on the edit button. Slide up and down the colour bar, double click on your colour of choice, then hit the apply button. Menu underline style Choose the style of underline for your menu. Menu underline Choose if you want your menu to be underlined.
40
Underline thickness Choose the thickness of the underline for your menu. Click on the Font style pro tab
Font size You can increase or decrease the font size of your menu text by clicking on the button and dragging it up and down the Font Size bar. Word spacing You can increase or decrease the space between your menu words by clicking on the button and dragging it up and down the word space bar. Letter spacing You can increase or decrease the space between the letters of your menu text by clicking on the button and dragging it up and down the letter spacing bar.
41
Gap between menu page links You can increase or decrease the gap between your menu page links by clicking on the button and dragging it up and down this bar. Link indent You can increase or decrease the indent space of your menu text. Reset your menu To reset your menu to the default menu of your selected template, click on the Reset to default template menu button. Click on Finish to save your changes.
D) Global fonts
Here you can apply global font styles and colours along with link styles and colours across your entire website. PLEASE NOTE: It is recommended that you apply global formatting to your website as it will make it look more uniform and more professional As you adjust these settings you will be able to see a preview of your changes to the right of the page. Click on the Font family and style tab Large header A large header should be the title for the whole of your web page text. All your large headers will appear in this font style. Web designers refer to these large headers as <h1> tags. Google will pay more attention to text contained within <h> tags so it is good to place some of your keywords in this header.
42
Small header Slightly smaller headers should be used as paragraph headers. All your small headers will appear in this font style. Web designers refer to these small headersas <h2> tags. Google will pay more attention to text contained within <h> tags so it is good to place some of your keywords in this header. Page body Page body text is the general main body of your text, which will appear in this font style. Web designers refer to the page body as the <p> tag. Page links Page links will appear in this font style. A link (or hyperlink) is a word or sentence your website visitor can click on to visit another web page. Font styles Make your font styles bold or italic. Click on the to change your text to upper case letters.
button
43
Link styles A link (or hyperlink) is a word or sentence your website visitor can click on to visit another web page. You can add underline, overline, line through, and no line styles to your links. Click on the Font colours tab
To select colours for each of these sections you can either cut and paste a colour number (displayed like #FFFFFF for white) into the colour box or click on the Edit button, slide up and down the colour bar, double click on your colour of choice then hit the Apply button. Large header A large header should be the title for the whole of your web page text. All your large headers will appear in this font style. Web designers refer to these large headers as <h1> tags. Google will pay more attention to text contained within <h> tags so it is good to place some of
44
your key words in this header. Small header Slightly smaller headers should be used as paragraph headers. All your small headers will appear in this font style. Web designers refer to these small headers as <h2> tags. Google will pay more attention to text contained within <h> tags so it is good to place some of your keywords in this header. Page body Page body text is the general main body of your text, which will appear in this font style. Web designers refer to the Page body as the <p> tag. Page links Page links will appear in this colour. A link (or hyperlink) is a word or sentence your website visitor can click on to visit another web page. Background colour This background colour WILL NOT appear on your website, and will only appear in this section of the Mr Site web building tools. By changing the background temporarily here, you will be able to see what your text will look like if you have chosen white coloured fonts or links.
45
Font size You can increase or decrease your font size by clicking on the button and dragging it up and down the font size bar. Line height You can increase or decrease the height between your lines of text by clicking on the button and dragging it up and down the line height bar. Word spacing You can increase or decrease the space between your words by clicking on the button and dragging it up and down the word space bar. Letter spacing You can increase or decrease the space between the letters of your text by clicking on the button and dragging it up and down the letter spacing bar.
46
E) Change Logo
Here you can add a company or personal logo to the header of your website. Simply find your logo on your computer by hitting the Browse button. Then click the Next button. PLEASE NOTE: The logo picture format must be JPEG, GIF, BmP or tIF format. Other formats are not accepted. Click and drag your logo to position it on your header. Once it is in the right place, click the Next button.
47
Tips for adding a logo When sending your own logo to Mr Site, it pays to follow these simple guidelines: i) Ensure that your logo is square in size (i..e. the width is the same size as the height) and is ideally 150 x 150 pixels. It should be no smaller than this. ii) Your logo should be in GIF, BMP or TIF format. JPEG format is NOT recommended. GIF is preferred. iii) If you have a circular shaped logo, it will be contained in a square box when you send it to Mr Site. To keep the logo circular when it appears on your website, you will need to make the box around your logo transparent. This can be achieved by making the box around your logo pure white in colour before you send it to Mr Site. In computer terms, the colour pure white is called FFFFFF (six Fs).
Brief guide to making the box around your circular logo pure white in Photoshop: 1. Open your logo in Photoshop. 2. Click the foreground colour on the Photoshop toolbar. 3. In the box in the bottom right hand corner of the window that appears, enter FFFFFF. 4. Use the Paint bucket tool to fill the area around your logo that you wish to make transparent. 5. Save your logo as a GIF file. If you need further assistance, please consult your paint software documentation or ask a friend to help as Mr Site does not provide support for Photoshop or paint applications. PLEASE NOTE: Any part of your logo that is pure white will appear
48
as transparent on your website. To avoid this you can make these areas slightly off-white in colour (e.g. FFFFF8) in Adobe Photoshop or Google Picasa.
F) Edit background
Here you can specify a background image for your website. Your background is like a wallpaper for your website. Click on the Background colour tab to select a background colour. Here you can either cut and paste a colour number into the colour box or click on the Edit button, slide up and down the colour bar, double click on your colour of choice then hit the Apply button. You can also add your own background image here. Click on the Browse button. A pop up window will appear with all the files on your computer in it. Simply select the picture you want as a background from your computer files by clicking on it once and then hitting the Open button. You will now see that the name of your picture file has been inserted in the box next to the Browse button. You can then check the boxes below it to add blur to your picture or reduce its contrast. Click on the Upload background button to add it to your website. Alternatively you can choose from a variety of pre-designed backgrounds by clicking on the Background library tab. Check the box below your background of choice and click Next. To apply these changes to your website remember to click on Publish in Main options.
49
H) Image Editor Special Pro feature The Image editor allows you to resize, crop, sharpen, flip, rotate, blur and colour adjust any image that you have on your website.
If you are uploading huge images straight off your camera onto your website then your web page will take ages to download. You will also eat up lots of your allotted webspace unnecessarily which makes reducing your image sizes essential. You may also want to crop your images to taste. Click on the Edit an image tab to see a list of all the images stored on your website. Double click on the image you wish to edit and the Image editor tool will pop up. Play about with the settings to get your image as you would like it to be. To make your photos website friendly Mr Site recommends you resize them so they are a maximum of 1200 pixels wide (sometimes written as px), as most computer screens are at a resolution of 1200 pixels wide. An ideal size would be around 600 - 750 pixels wide for a full screen image and around 100 - 200 pixels wide for a thumbnail image. PLEASE NOTE: Any changes you make to an image will be permanent once you have hit the Save button. You will have to re-upload an image to your website if you are not happy with the changes you have in the image editor. You can upload further images to your website here by clicking on the Upload an image tab, hitting the Browse button and selecting the image from your computer. Hit the Upload to add it to your list of images.
I) Create a Favicon
Favicons can give your website a professional edge. To find out what a Favicon is, take a look at the top
50
left hand corner of your computer screen where you will find the address http://www.mrsite.co.uk. To the left of the http:// you will see a little logo in the shape of Mr Sites head. This little logo is called a Favicon. If someone bookmarks your website, this logo will also appear in their favourites list. To add a Favicon to your website, simply click on the Browse button. A pop up window will appear with all the files on your computer in it. Simply select the picture you want as your Favicon from your computer by clicking on it once and then hitting the Open button. You will now see that the name of your picture file has been inserted in the box next to the Browse button. Click on Upload your image to add it to your website. Ideally your Favicon picture should be square shaped and look fairly simplistic (e.g. a company logo). Your Favicon picture should be in JPEG or GIF format only. PLEASE NOTE: Internet Explorer 6 and 7 are now outdated browsers and sometimes have trouble displaying Favicons. They may take several weeks to appear once you have uploaded them, may appear intermittently or may not even display at all! Your Favicon should appear fine in Firefox 3, safari 4 and Internet Explorer 8.
3.Admin
Click on Extras in Main options, then click on Admin.
A) Delete a page
Permanently delete a page from your website here.
B) Shuffle pages
Rearrange your page order here.
51
C) Hide pages
This option will allow you to hide a web page if you do not want the general public to see it. Simply tick the Hide tick box next to the page you want to hide, and the page will become invisible. Please note that the Location link below the page title is the true location of the hidden page. If you want visitors to see this hidden page, this is the link you must give to them so that they can view it.
D) Delete Files
When you upload images, videos or audio files onto your site, they will be saved on your website and within your allotted web space. If you delete any of these files from your website they will stILL be stored within your web space. These unused files can eat up a lot of your allotted web space, so to free it up make sure you delete them from both your website AND your web space here. Click on Delete files and you will find a File Manager list, which displays all the files currently saved within your web space. Before deleting any files, go through all of your current website pages and note down all the different files placed on them (e.g. images, videos, flash files, PDF documents etc.). You can do this by right clicking on the image (or other file type) and selecting Properties. This will open up a window which shows information about the file - you will find the file name (or location) under URL / Address e.g.: http://www.yourname.com/userimages/ filename.jpg. You can compare your list of website file names with those stored within your web space in the File manager. Identify those which you are no longer using on your website and delete them permanently here.
52
if they are searching for a plumber in Hammersmith in London, they will type in the keywords Plumber and Hammersmith. This means that using specific keywords in your website text could greatly boost your websites position on search engines like Google. Meta tags are pieces of text hidden in the code behind your website, invisible to anyone visiting it and normally found at the top of your web page. Adding keywords to your meta tags can help boost your website on Google. Enter one keyword per box below. You can pick a maximum of ten keywords (anything over ten is ignored by many search engines), so be sure they effectively sum up your website. Click on Next and Mr Site will then add these keyword-loaded meta tags into your website. For more in-depth meta tags and website boosting features, take a look at SiteBoost tools on pages 78-96.
F) Under construction
If you are working on your site and you do not want the rest of the world to see it until it is complete, put up an under construction sign. To do this simply tick the Enable under construction page tick box and specify a message (optional). This will render your website invisible to everyone but you. When your site is ready to be seen, untick the Enable under construction page tick box. Then click Publish your site in Main options.
G) Personal details
Keep us up to date with any changes of email, telephone or postal address by clicking on this option. You can also change your Mr Site password here. PLEASE NOTE: It is vital that Mr Site has your correct contact details so that you can be notified when your website is due for renewal. If you fail to renew your Mr Site package you may lose your domain
53
name, your website and your email address. These details will also be used to verify your identity should you lose or need to change your password.
H) Mailing list
Visitors to your website can sign up to a mailing list when you put a mailing list widget on your website (see page 56). Once they have joined your mailing list, you can send them regular emails or newsletters with your latest news from here. This will help keep your website fresh in their thoughts. Clicking on this option allows you to email all subscribers to your mailing list in one go. This saves you time, as you wont have to send the same email over and over again to each subscriber.
54
4. Earn money
Make money from Mr Site right away with our referral scheme. You can earn cash each time you refer a friend or colleague to Mr Site. Follow the onscreen instructions here to start earning money today.
5. Add widgets
Widgets are little features that you can add to your website to make it more interesting. widgets will appear directly below your websites main menu and you can choose from the following: Clock why not try adding your very own clock? This will be set to the local time on your visitors computer. Countdown will countdown to a special date. Google adsense enables you to make money from you website with advertisements. Google analytics gives you an insight into your website traffic; like who is visiting and how often. Google search bar visitors can search the internet from your website. Google maps shows visitors where to find you. HTML code if you have HTML experience, you can add your own code to fill the widget space with something unique. Latest gallery images this will display latest images added to any chosen gallery on your website.
55
Mailing list allows visitors to your website to sign up to a mailing list with their email address. You can then send them company updates. User poll enabling you to ask visitors a simple question with two possible responses. Results of your user poll widget These can be found by clicking on the Stats button in Main options. Visitor counter helps you keep track of how many people are visiting your website. Twitter as you update your Twitter status, your new posts will automatically be displayed on your website. We are adding new widgets all the time, so keep an eye out for new ones. You can have up to 11 widgets on each page simply select the order in which you would like your widgets to appear from the drop down lists for each page of your website.
6.SiteBoost tools
Special Pro feature See pages 78-96 for more details.
6.Log off
When you have finished creating or updating your website, return to Main options and click on the Log off option. This means that the next person to use your computer will not be able to change the contents of your website.
56
Dashboard options
The Forum, Buy, Help, Stats and Email buttons can be found in the top right hand corner of Main options. This area is called the Dashboard. You will also find a Web space progress bar. Below this is the Live help box and Quick jump menu. Live help box If you are not sure what a button does, all you need to do is roll over it and an explanation of what it does will appear in the Live help box. Web space progress bar The Web space progress bar will show you how much of your web space you are using. It is a good idea to keep track of this as you may not be able to receive emails or upload any images or MP3s to your website if you have used up too much of your web space. If you find that you are using almost all of your web space then you can get more by clicking on the Get more web space option below the Web space progress bar. Buy button If you would like to purchase some other Mr Site goodies, like extra web space for example, then simply click on this button. You can also buy additional domain names here, ensuring that no one else can register a name that is similar to yours. For example, get the .net name to go with your .com and Mr Site can point it to your website.
57
Help button If you need any help, click on this button to contact Mr Site Customer Services or visit www.mrsite.com/ support, here you can change your password, access the password reminder service, download the latest Mr Site manual or check out the Mr Site YouTube tutorials. Stats button A breakdown of visitors to your website is available to you by clicking the Stats button. Here you can see how many people have been visiting your site and when they visited it. Simply choose the date range that you want to look at by clicking the Calendar links to allow you to select your start date and end date. Click the Click here to create the report button to view your report. The results are laid out in graph format and can be printed out for your records. On this page you will also find result charts for any User poll widget that you may have chosen to add to your website. What are the differences between unique and total visitors? If your friend visited your site 10 times in one day that would be ten visitors in total, however, this would only be one unique person.
58
59
Email
Mr Site recommends that you set up your Mr Site email account with a mail client package (such as Microsoft Outlook, Windows Live Mail or Mozilla Thunderbird) to take advantage of their many excellent features such as mail sorting, spam filtering, calendars, reminders and more. Downloading your emails onto your mail client will also free up some of your allotted Mr Site web space. Downloading your emails onto your mail client will also free up some of your allotted Mr Site web space. For simple instructions on how to set up the different mail client packages please see pages 68-74.
Your email address can be anything@yourwebsite.com; replace anything with any name you want, e.g. dad@, john@ or info@ and it will reach your Inbox. Of course, replace yourwebsite. com with your website name.
60
Clicking on the Email button in your dashboard will take you to the email section of Mr Site where you can send, receive and check emails. If you are on the move, another way of checking your emails is to type this web address into your web browser: http://mail.yourwebsite.com (n.b. Replace yourwebsite.com with the website name that you have chosen.) PLEASE NOTE: DO NOT put www. in this address Enter mail@yourwebsite.com (again, replace yourwebsite. com with the website name that you have chosen) in the Username box. Next, enter your password in the Password box (PLEASE NOTE: Your password is case sensitive) and click on the Log In button. You are now in your Inbox and you can immediately see if you have received any emails. To open any mail, simply click on it.
61
Checking for new emails Make sure you are in your Inbox by clicking on the Inbox folder on the left hand side of the page. Next, click on the Check Inbox button at the top of your Inbox to see if you have any new emails. Open any new mail by clicking on it. Writing and sending an email At the top of your Inbox, you will see the Compose button. Click on it and a Compose-new message pop up window will appear. In the To box, type in the email address/addresses of the person/people you wish to send the email to. In the Subject box, type the subject of your email. Write your email message in the space below. At the top of the window there are a series of option buttons: Send will send your email to your chosen recipients, Cancel will close the window and the mail will be deleted, Save as draft will save the email so that you can go back to it at another time (accessible from the main folder menu on the left hand side of your Inbox window), Attachments see below, and Message priority allows you to mark the email as having low, medium or high priority. Sending attachments (e.g. a photograph or a CV) At the top of your Inbox, you will see the Compose button. Click on it and a Compose-new message pop up window will appear To send an attachment, click on the Attachments tab in this Compose- new message window. Then, click on the Browse button and a window will pop up with all the files of your computer in it. Select the file of your choice and click on the Open button. You will return to the Attachments tab and you will see that your
62
file has been inserted into the File name box. Next, click on the Add button. Wait a while for the file to be attached to your email. When it has been attached, it will state at the top of the Attachments tab that the following files have been attached to this mail message: and your file will be listed below. Should you wish to remove the file from your email, simply click on the Delete button. Otherwise, click on the Continue button to return to the composing window. Opening attachments If an email arrives with a file attached to it, a icon will appear in your Inbox. Open the email by clicking on it. When it is open, click on the Attachments button just above the message to open the attachment. An Attachments window will appear displaying the name of your attachment. Click on it and a File download pop up box will appear. Click on Open to open the attachment, Cancel to cancel opening it, or Save to save it onto your computer. Changing your email Click on the Options button at the top of your Inbox, a list of options will appear instead of your Inbox. The Login tab allows you to change your password whenever you want. In the boxes provided in the Login tab, type in the current password that you wish to change, followed by the new password of your choice and a confirmation of it. Click on the Update button. Your new password is now in operation. Return by clicking on the Check inbox button.
63
Out of the office? Set up an auto response If you are going on holiday and are unable to pick up your emails during this period, you can set up an auto response. It will be sent out automatically to people who send you emails during this period. An example of an auto response is: I am out of the office until 20th October, but will respond to any queries you may have as soon as I return. To set up an auto response, click on the Options button at the top of your Inbox, and select the auto response tab. Type your message in the box and tick the auto response enabled box. Next, click on the Update button. Your auto response is now up and running. To disable it, remove the tick from the auto response enabled box and click on Update. Return by clicking on the Check inbox button. Create a signature to put at the end of every email Click on the Options button at the top of your Inbox, and select the Settings tab. In the Auto signature box you can type in your details, e.g. your full name, company address and phone number. Tick the Auto signature enabled box and click on the Update button. These details will then appear at the bottom of every email you send. To stop sending these details with every email, remove the tick from the Auto signature enabled box and click on the Update button to save your changes. Return by clicking on the Check Inbox button. Deleting emails Tick the box next to any email that you wish to delete. Next, press the Delete selected button at the top of the page. This email will then be transferred to the Deleted
64
items folder. Click on the Deleted items folder on the left hand side of your screen. This will reveal all the emails that you have deleted. You can permanently delete these deleted emails by clicking in the tick box next to them and pressing the Delete selected button at the top of the screen. Logging out of your email account To log out of your email account, click on the Log off button at the top of your Inbox. Adding email contacts and sending emails to them In your Inbox, click on the Contacts button at the top of your Inbox. Your email contacts will appear on the screen. To add new contacts, click on the Add contact button at the top of the page. An Add contact pop up window will appear. In it you can add all the personal details of your friend or client. Click on Save to keep their details. Click on the Contacts button again and Voila! Your new contact has appeared. Click on the contact to bring up all of his or her personal details. To delete a contact, tick the box beside their name and press the Delete selected button at the top of the page. To send messages to people in your contact list, return to your Inbox by clicking on the Inbox folder on the left hand side of the page. Click on the Compose button at the top of the page. Now click on To (or Cc or Bcc) and your address book will be revealed. All your email addresses will be displayed in the directory. Click on and highlight the name/names of your choice, then click on the Add button. Next, click on the Update button to insert the addresses into your composed message.
65
Looking at sent emails Click on the Sent items file on the left hand side of your inbox. This will enable you to see a history of all the emails that you have sent. Creating different folders to store your emails in Click on the Folders button at the top of your Inbox, and your Personal folder window will appear. In this window you can create new folders to store different types of emails in. For example, you could create a file entitled family to put all emails from family members in, or a file entitled business to put all business emails in. Click on the Add button, and a Folder details window will appear. Choose a name for your folder and write it in the Folder name box. Click on the OK button to save it. Your folder will now appear in the Personal folders pop up window. Next, click on the Check Inbox button to return to your Inbox. Now, click inside the move items to folders box at the top of your Inbox. A list of all your folders will appear, including the new folder that you have just created. (PLEASE NOTE: You may have to click on the Inbox folder on the left hand side of the page to update the move items to folders box with your new folder). To move any email in any folder to one of your newly created folders, put a tick next to your email of choice, select the folder from the move items to folders box, and click on the GO button next to it. Creating new email addresses If you would like to create new email addresses for family members (e.g. mum@yourwebsite.com, dad@ yourwebsite.com) or for people working in your
66
company (e.g. jim@yourcompanywebsite.com, helen@ yourcomanywebsite.com) you will need to log onto the Administrator section of your email account. To do this, type the following into your web browser: http://mail.yourwebsite.com/MEadmin (n.b. Replace yourwebsite.com with the website name that you have chosen.) PLEASE NOTE: DO NOT put www. in this address. Enter mail@yourwebsite.com (again, replace yourwebsite. com with the website name that you have chosen) in the Login box. Next, enter your password in the Password box (PLEASE NOTE: Your password is case sensitive) and click on the Log In button. This will take you to your Administrator welcome page. Next, click on Mailboxes on the left hand side of the page. To create the email address, lets say mum@yourwebsite.com, click on the Add new button. In the Log in box type mum (PLEASE NOTE: You cannot have any spaces in this name.) Let mum secretly type a password of her choice into the Password box. (PLEASE NOTE: Anyone who has access to the Administrator page can change mums password at any time.) If you wish to be the only person who has access to the Administrator page, leave the word USER in the Rights box. This means that mum will not be able to have access to the Administrator page, and therefore she will not be able to create new email accounts or change passwords. If you would like to give her these rights, select ADMIN in the Rights box. Now, click on the Next button and your new email address will appear in the Mailbox creation wizard window after the letters SMTP:. Click on the Finish button. You will return to the Users tab and you will see the new email account listed. You can add and delete Users (i.e. email accounts) to your hearts content.
67
These accounts will be password protected so mum can look at her messages in privacy (although anyone who has access to the Administrator page can change passwords at any time). All she will need to do is visit: http://mail.yourwebsite.com (n.b. Replace yourwebsite.com with the website name that you have chosen.) Enter mum@yourwebsite.com (again, replace yourwebsite. com with the website name that you have chosen, and mum with any Username you create) in the Login box. Next, mum should enter her password in the Password box (PLEASE NOTE: Her password will be case sensitive). Click on the Log In button. Mum will now be in her own Inbox. For more detailed information on using the Administrator, click on Help on the left hand side of the Administrator page. To log off, click on Log off. PLEASE NOTE: Anyone can email anything to yourwebsite. com and it will get to your Inbox (e.g. info@yourwebsite.com, blueshoes@yourwebsite. com). If, however, you have specifically created an email address in the Administrator Page for a family member (e.g. mum@yourwebsite.com) for example, you will not receive any email that is specifically addressed to that email address.
68
Some email mailboxes can have more than one email address associated with it. This type of additional address is called an alias they are used to bring emails from multiple addresses into a single email inbox. Your mail@yourwebsite.com mailbox has an alias for info@ yourwebsite.com automatically attached to it. Therefore, if you set up an info@yourwebsite.com mailbox, but find your emails are not arriving in the correct inbox you will need to remove the alias from mail@yourwebsite.com to separate the two email accounts. Please follow the steps below to remove this alias from mail@ yourwebsite.com 1. Login to the email admin area for your email accounts by going to http://mail.yourwebsite.com/meadmin (n.b. Replace yourwebsite.com with the website name you have chosen) 2. Your Username will be mail@yourwebsite.com (n.b. Replace yourwebsite.com with the website name you have chosen) Your password will be your Mr Site Activation Code 3. Once you have logged in click Mailboxes on the left 4. Click Edit next to the mail@yourwebsite.com entry (n.b. Replace yourwebsite.com with the website name you have chosen) 5. A new window will pop up, click the Mailbox tab at the top 6. At the bottom of your Mailbox options there is a box listing the Addresses associated with this mailbox Click the info@yourwebsite.com entry to select it (n.b. Replace yourwebsite.com with the website name you have chosen)
69
7. Click the Delete Address button located just to the right 8. On the new page that is displayed click Delete to be returned to your mail box options 9. Click Update close the pop up window and save your changes
Outlook Express
To set up your Outlook Express mail client to work with your Mr Site email address, follow the steps below: 1. Open Outlook Express 2. Click the Tools menu, and select Accounts 3. Click Add, and then click Mail 4. Add a mail account. Enter your name in the Display name: box, and click Next 5. Enter your full email address e.g. mail@yourdomain.com (replace yourdomain.com with your website name) in the Email address: box, and click Next 6. In the Incoming mail box enter mail.yourdomain.com (replace yourdomain.com with your website name). In the
70
server type box type POP3. You will need to contact your broadband provider and get them to give you the Outgoing SMTP server setting as we do not have an Outgoing SMTP server 7. Click Next 8. In the Account name: box enter your full email address e.g. mail@yourdomain.com (replace yourdomain.com with your website name). Enter your email password in the Password: box, and click Next then click Finish
Outlook 2003
To set up your Outlook 2003 mail client to work with your Mr Site email address, follow the steps below: 1. Open Outlook Express 2. Click the Tools menu, and select E-mail accounts 3. Click on Add a new e-mail account, and click Next 5. Choose POP3 as your server type by clicking the radio button, and click Next 6. Fill in all necessary fields to include the following information: user information Your name: Enter your name as you would like it to appear in the From: box of outgoing messages i.e Your Name Email address: Enter your full email address e.g. mail@yourdomain. com (replace yourdomain.com with your website name) server information Incoming mail server (POP3): mail.yourdomain.com (replace yourdomain.com with your website name) Outgoing mail server (SMTP): You would need to contact your broadband provider and get them to give you the Outgoing SMTP server setting as Mr Site does not have an Outgoing SMTP server Login information User name: Enter your mail username e.g mail@yourdomain. com (replace yourdomain.com with your website name)
71
Password: Enter your email password. 7. Click Next, and then click Finish.
Outlook 2007
To set up your Outlook 2007 mail client to work with your Mr Site email address, follow the steps below: 1. Open Outlook 2007 2. Click the Tools menu, and select Account settings 3. On the E-mail tab, click New 4. If you are prompted to Choose e-mail service, select POP3 and click Next 5. Fill in all necessary fields to include the following information: Your name: Enter your name as you would like it to appear in the From: box of outgoing messages i.e Your Name Email address: Enter your full email address e.g. mail@yourdomain. com (replace yourdomain.com with your website name) Password: Enter your email password At the bottom where it says Manually configure server settings or additional server types: leave this option unchecked and click on the Next button 6. Verify your User Information, and enter the following additional information: server information Account type: POP3 Incoming mail server: mail.yourdomain.com yourdomain.com with your website name)
(replace
Outgoing mail server (SMTP): You would need to contact your broadband provider and get them to give you the Outgoing SMTP server setting as Mr Site does not have an Outgoing SMTP server
72
Logon information User name: Enter your mail username e.g. mail@yourdomain. com (replace yourdomain.com with your website name) Password: Enter your email password. Require logon using secure password authentication (SPA): Leave this option unchecked 7. Click Test Account Settings. After receiving Congratulations! All tests completed successfully, click Close 8. Click Next, and then click Finish
73
Thunderbird
To set up your Thunderbird mail client to work with your Mr Site email address, follow the steps below: 1. Open Thunderbird 2. Click the Tools menu, and select Account settings 3. Click the Add account button to launch the Account wizard 4. Select Email, and click Next 5. Fill in the necessary fields with the following information: Your name: Enter your name as you would like it to appear in the From: field of outgoing messages. Email address: Enter your email username e.g. mail@ yourdomain.com (replace yourdomain.com with your website name) click Next Incoming SMTP: set as POP Incoming mail server: mail.yourdomain.com (replace yourdomain.com with your website name) Incoming username: mail@yourdomain.com (replace yourdomain.com with your website name) Click Next, Next again and then Finish
Apple Mail
1. Open Mail (click it on the Dock or open it from the Applications folder) 2. If the Welcome to Mail assistant does not appear, choose Add account from the File menu. 3. Fill in the Full name, Email address, and Password fields. PLEASE NOTE: Your email account password will be stored in Keychain and used automatically to login to your email account when you open Mail. 4. Deselect Automatically set up account if it is enabled. Click Continue to proceed
74
5. Choose the proper Account type 6. Give your account a useful description, such as Annes Mr Site account. It can be called whatever you want. 7. Enter your Incoming mail server, User name and Password. Click on Continue to proceed. Incoming mail server: mail.yourdomain.com (replace yourdomain.com with your website name) User name: Enter your mail username e.g mail@yourdomain. com (replace yourdomain.com with your website name) Password: Enter your email password. 8. If prompted, enter your Incoming mail security settings. Click Continue to proceed. 9. For Outgoing mail server, enter a useful description such as ISP Outgoing mail server. 10. Enter the Outgoing mail server details. Outgoing e-mail server (SMTP) name: You would need to contact your broadband provider and get them to give you the Outgoing SMTP server setting as Mr Site does not have an Outgoing SMTP server. 11. If necessary, select Use authentication and enter your User Name and Password. Click Continue to proceed. 12. If prompted, enter your Outgoing mail security settings. Click Continue to proceed. 13. Verify your settings in the Account summary. Check Take account online. Click Create to complete the process.
75
76
77
8. Pro Features
78
8. Pro Features
PLEASE NOTE: Optimising your website takes time and results will not be immediate. It takes Google around six to eight weeks to register any changes made to a website, so expect it to take at least this amount of time for your search engine rankings to be affected. SiteBoost cannot guarantee you first page positions on Google, however it may help boost your website significantly. So lets get started! Click on Extras in Main options, then click on SiteBoost tools. The following options will appear:
79
8. Pro Features
80
8. Pro Features
Mr Sites Keyword boost tool analyses every page on your website, suggesting the keywords and phrases that are most fitting and how best to use them. The Keyword boost tool will then tell you how many times these keywords and phrases are currently featured on your website and how many people have found your website by typing them into search engines over the last few months. It will then check the popularity of your keywords and phrases on Google and show you what kind of competition you face from other websites if you choose to use them. The Keyword boost tool also lets you know how often these keywords and phrases are searched for on the internet, how useful they will be in boosting your website and how you can use them in the best way to help give your site a boost. Your keywords should add up to no more than about 10% of your website content if you overuse them Google will not take your attempts seriously and may ban you. Also, do not pick too many keywords and phrases as you will not be able to use them effectively enough to affect your search engine position.
Top Tips
Keywords can be one, two or three-word phrases. One or two word phrases are most suitable. Three-word phrases are not recommended for newer sites with few pages and little content. If your website contains longer phrases you can select three words, although your website must contain a lot of high quality text and copy for this to be effective. List your keywords and phrases starting with the most important to the least important. Use the plural form when possible; i.e. mountains, paints, etc. Use lower-case letters for your words as 85% of
81
8. Pro Features
searchers use them and some search engines are case sensitive. Never use all capital letters. Some keywords and phrases are more popular than others. For example tennis can be found 171,000,000 times on Google, whereas lawn tennis club can be found just 1,000,000 times. Type your keyword or phrase into Google to see how many pages it appears on the search results page. To achieve the best results make sure you use a mixture of competitive and non-competitive words. Key phrases rather than keywords should be used as often as possible as they can provide a stronger match and are less competitive. You can use as many keywords as you need, but stay focused and to the point. More is not always better. Follow the onscreen instructions and tell Mr Site the main purpose of your website and which kind of keywords or phrases you want to use. Next, enter the main keyword or phrase for your website. This should be what you think is the most important keyword or phrase for your website, one that you think potential visitors might type into search engines when looking for your website. It should also be a word that you would place in the title of your website home page (Page 1) and can be one, two or three words (e.g. king, king henry or king henry VIII). Next, enter up to three other keywords or phrases that you think are most relevant to your website Now, select which pages you would like Mr Site to analyse. Click Next to get the results.
82
8. Pro Features
83
8. Pro Features
Check how many web pages your keywords or phrases appear on in Google. It is a good idea to check how many web pages your keywords or phrases appear on by typing them into Google. The results will give you another idea of how competitive they are. The more links you have, the higher up the search engines you will go. Get as many people as possible to put a link to your website on their website. Each link counts as a vote for your website and the more votes you get, the higher up the search engines you will go. Lots of links can offset keywords and phrases that are highly competitive, so get linking! The longer you have been around, the higher up the search engines you will go. This is a fact. Also remember that as time goes by your position will improve if you have a lot of good text and relevant content regularly updated on your website. Next, tick the tick boxes next to each of the words you wish to include in your keywords list - then click Finish and save.
84
8. Pro Features
85
8. Pro Features
86
8. Pro Features
How often should search engines visit this page? Mr Site recommends that you leave this set to 7 days. How much distribution? Mr Site recommends that you leave this on Global (the entire web). Advanced users can change this setting if they wish to.
3. Image boost
The Image boost tool lists the images you have on your website and allows you to write descriptions for them (otherwise known as ALT Tags). Writing a description for each image could greatly enhance your position on the internet, particularly if you write a description that includes some of your keywords and phrases. Images may also help to make your website more accessible to those who are visually impaired.
87
8. Pro Features
PLEASE NOTE: You cannot currently add ALT tags to images in a gallery page or shop page. You can only add them to images on pages that were created via main options, then Change content. The Total images column shows you all the images on a particular page on your website. Click on the image links in this column to add your image description (your ALT Tag). When editing your image description (your ALT Tag): Use your main keywords and phrases, however do not use more than two or three per image. Make sure you describe the image (do not just list your keywords or phrases). You may wish to include misspellings and plural keywords that you did not use elsewhere. The Images with no description text column allows you to view images with no description text on your web pages.
88
8. Pro Features
B. Site Map
What is a Site Map? Simply put, a Site Map is a street directory or road map of your websites pages. A Site Map can help make sure that Google knows about all the pages on your site, including pages that may not be able to be found by Googles normal crawling (information gathering) routines. Site Maps give extra information about your website to Google and can help Google crawl more of your website in a more efficient and speedy way. Do I need a Site Map? The larger and more complex your website, the more important it becomes to have a Site Map, although smaller sites will still benefit from having a Site Map. If you have just created your website, a Site Map may help get your website listed on Google faster than the usual 6 to 8 weeks. How do I create my Site Map? SiteBoosts Site Map tool will analyse all the pages on your website and does all the complicated and confusing work for you by automatically creating your own Google-friendly Site Map. You can do this at the click of a button with the One-Click Site Map option, or add extra features to your Site Map with the easy-touse Custom Site Map option. Custom Site Map allows you to select which pages you would like to add to your Site Map and tells Google the importance of that page compared to others (e.g. your Homepage may be more important than the Contact Us page). The higher the importance of a page, the more attention Google should pay to it compared to
89
8. Pro Features
Select your pages Select pages to include by checking checkbox next to each page. One-click You are done! Set page priority Give each page a number from 0 (least important) to 10 (most important). Select files Select files, images and downloads that you want to include in your sitemap.
90
8. Pro Features
other pages on your website. Site Maps can help inform Google of any changes you make to your website, so every time you change or update a page simply go back into the Site Map tool and re-create your Site Map. Its that simple!
C. Search engines
1. Submit your site
The first step to getting your website listed on results page is to submit your websites address (e.g. www.yourbusiness.com) to the various search engines. There are less than 20 search engines and directories that produce 99% of all traffic generated by searches on the Internet. SiteBoost will inform you of all of the most important search engines, then guide you, step-by-step, through how you to submit your website to them. Why submit your website to search engines? It normally takes around 6 to 8 weeks for any new website to appear on most of the search engines. Submitting your website manually to search engines
91
8. Pro Features
may speed this process up. On rare occasions some search engines may not list you automatically, therefore submitting your website manually means you can be sure that you will appear. How often should I submit my website? You only need to submit your website once to each major search engine. You do not need to submit your website multiple times to the same search engine as this will not boost your position in search results. Which search engines should I submit my website to? Submitting your website to the top 3 search engines will often be enough. However, Mr Site recommends that you submit your website to between 4 and 6 major search engines. The major 3 search engines on the Internet make up between 95% and 98% of all search results, so there is little point submitting your website to hundreds of search engines. Here are some of the most popular search engines you should add your website to: Google Submit your website by visiting: http://www.google.com/addurl.html Yahoo! Submit your website by visiting: http://search.yahoo.com/info/submit.html Bing (Microsoft) Submit your website by visiting: http://www.bing.com/docs/submit.aspx
92
8. Pro Features
Some other smaller search engines that you can submit your website to are:Exact Seek - www.exactseek.com/add.html Scrub The Web - www.scrubtheweb.com Many search engines have now teamed up with the larger ones like Google so adding your website to Google will mean that it will automatically appear on the aol.com search engine results as well as many other smaller search engines like dogpile.com and excite.com automatically. We therefore recommend adding your website to the first four main search engines as a priority. Google loves website Directories, so submitting your website to the Directories below may help boost your search position. Open Directory Project - www.dmoz.org/add.html Vie Search - www.viesearch.com Web World Index - www.webworldindex.com Jayde - www.jayde.com Turn Pike - www.turnpike.net/directory.html Little Web Directory - www.littlewebdirectory.com To add your link to a Directory simply select the category that best describes your website and an Add link / submit link button will appear allowing you to add your website to the category.
93
8. Pro Features
To verify your website, visit the link below and follow Mr Sites onscreen instructions on how to fill in the forms: www.google.com/webmasters/tools/ Google will ask you to add a file to your website which will be used by Google to verify you when you want to add your Site Map or check out your website statistics.
D. Mr Site Directory
Get as many people as possible to put a link to your website on their website. Each link counts as a vote for your website and the more votes you get, the higher up the search engines you should go. The more popular the website you are linked to, the greater the impact this link should have on your position on Google. A great place to start linking is on the Mr Site Website Directory (www.mymrsite.com).
94
8. Pro Features
This is a popular website where all Mr Site customers can add a link to their website. By putting a link to your website here, by association you should become more popular and this should help boost your position on the search engines. It is also a great place to advertise your website to others and hence should increase your visitor numbers so go on, join up and get linking!
E. Your Progress
1. Results Pages
The Search engine results page tool allows you to see detailed statistics on your websites progress on search engines like Google. You can find out how many times your website has appeared on all the different search engines e.g. on Google, MSN, Alta Vista, Yahoo, AllTheWeb and so on. You can also find out which of your website pages are the most popular on each search engine. All this information will give you a clear indication of how well your website is positioned on the internet and how easy it is to find. This means that you will be able to track the site-boosting effect of any changes you make to your website and make any further changes accordingly.
95
8. Pro Features
Click on the numbers to view the relevant search engine results page (otherwise known as SERPs). Every three weeks you can click on the Update button to see any changes.
F. Pro Stats
Here you can view detailed statistics about visitors to your website. Your latest visitors See an overview of information about the ten latest visitors to your website. Find out which country they came from, their IP address, the date and time they visited and which web browser and operating system they used. Click on Click here to see more of your latest visitors to show the above overview information for up to your last 750 visitors. What web browsers are your visitors using? Find out what web browsers your visitors are using when they visit your website e.g. Firefox, Internet Explorer 7 etc. What operating systems are your visitors using? Find out which operating systems your visitors are using e.g. Windows XP, Windows Vista, Macintosh etc. Where have your visitors come from? Find out where your visitors have been referred from e.g. have they come from Google or through a link on another persons website. What are visitors searching for to find your website? Find out what words and phrases your visitors are typing into which search engines to find you. Download website statistics. Here you can download your website statistics quickly and easily into an Excel spreadsheet or Word document.
96
8. Pro Features
Stationery
Create business cards and stationery for your business
Create stunning business cards and stationery with Mr Site. Click on Extras in Main options, then on Personalise and finally on Stationery. Simply drag the different parts of your business card, letterhead or compliment slip around until you have positioned them where you want them. Do this by clicking on each part and moving your mouse at the same time. It is best to avoid overlapping elements if possible and be aware that the preview is for guidance only. PLEASE NOTE: Make sure that your text does not go outside the red print margins. Please take a careful look at your artwork preview. If it isnt 100% to your satisfaction click the tweak link in the middle
97
8. Pro Features
of the page to amend your design. The preview is a low quality proof. The final print will be higher quality. Actual Acrobat PDF files may look different to the preview, so make sure that you check the layout in Adobe Acrobat (which can be downloaded for free at www.adobe.com) before sending them to print.
98
8. Pro Features
99
8. Pro Features
iii) Stock control iv) Set up International shipping charges v) Display and track orders vi) Ability to give refunds
100
8. Pro Features
credit/debit card. This is ideal for making sure that money is available on somebodys card without actually taking the money from their account. This can be used if someone wants to leave a deposit for an item. The money will be held for anywhere between four and seven days and will then be automatically released unless you choose to go ahead with the payment.
v) Fraud prevention
PayPal has industry-leading fraud prevention systems in place and can help fight charge backs for you. Plus, you can control your level of risk - to allow only the types of transactions you prefer.
101
8. Pro Features
102
8. Pro Features
PLEASE NOTE: You will need to have the Express Checkout check box ticked to be able to use this feature.
To specify the weight of an item in your shop, click on it and scroll down until you get to the Advanced item options link. Click on this link and some more options will appear. Next to Product weight you will find a drop down list where you can specify the products weight.
103
8. Pro Features
104
8. Pro Features
PLEASE NOTE: You will need to have the Express Checkout check box ticked to be able to use this feature.
Paypal tab
If you want even more features for your Shop you can upgrade your Express Checkout shop to the Website Payments Pro shop. For more information see pages 100-101 or visit this link on the Internet: https://www.paypal.com/uk/cgi-bin/webscr?cmd=_wp-prooverview-outside PLEASE NOTE: Monthly PayPal fees apply and you will be credit checked by PayPal before being granted an account. If you have upgraded to a Website Payments Pro shop, you can enter your PayPal Pro Username, PayPal Pro Vendor name and PayPal Pro password into the boxes below which will upgrade your Express Checkout shop shop to a Website Payments Pro shop.
PLEASE NOTE: Entering incorrect details will stop your online shop from functioning correctly. If you do not have a PayPal Pro account, then DO NOT enter any details in here.
105
8. Pro Features
PLEASE NOTE: You will need to have the Express Checkout check box ticked to be able to use this feature.
Stock control
Below each item in your Shop you will find a link entitled Advanced item options. Click on this link and some more options will appear. Next to Product stock level you will find a drop down list where you can select the amount of product that you have in stock. When a customer buys one of your items the stock level will go down on your website accordingly. When you have sold out of a particular item it will show as sold out. If you have an unlimited stock for a particular item you can select Unlimited from the drop down list.
PLEASE NOTE: You will need to have the Express Checkout check box ticked to be able to use this feature.
106
8. Pro Features
To do this, log in to your PayPal account, click the Profile tab, then click the API access link.
Next, click on the Add or edit API permissions link. In the API account username box enter: paypal_api1.mrsite.co.uk
107
8. Pro Features
Tick all four tick boxes below, and finally click the Submit button.
Finally click the Give permission button and youre done.To check your settings are correct, next click on the Edit button. Make sure you tick the following:
PLEASE NOTE: Every time you update your shop, always test it right up to the Pay now point to make sure that it is correctly set up.
108
8. Pro Features
Payment Centre
To access your Payment centre, click on Extras in Main options, then click on Admin and finally on Payment centre.
1. Display Orders
Specify a date from the drop down list here and you will get a list of all the orders made on your website on or after that date. You can also find the Transaction ID code for a particular order here.
3. Search payments
You can find a list of all your payments here. Select the dates from the drop down lists provided and click Search. All the transactions you have ever made with PayPal between the dates specified will now appear.
109
8. Pro Features
4. Refund payment
You can refund any orders made on your website here. Enter the Transaction ID for the order that you would like to refund. Find out the Transaction ID by clicking on Display orders (see previous page). Next, select the refund type. If you are refunding the full amount select Full from the drop down list. If you are refunding only part of the payment select Partial. Lastly, type in the amount that is to be refunded and press the Refund button. You refund is complete.
5. Customise PayPal
Click on this option and follow the online instructions to change the look of your PayPal Checkout page to match your website. If your website is blue for example, you can change your PayPal Checkout page to match, and even insert your own company logo.
110
8. Pro Features
website you must enter these details into Mr Site. To do this click on Extras in Main options, then on Add features, then on Add/edit a shop. Now click on Next. Scroll to the bottom of the page and you can enter the details here. Mr Site will remember them and you will not have to enter them again. Return to your Payment centre by clicking on Extras in Main options, then click on Admin, then click on Payment centre.
111
8. Pro Features
Transaction ID. You can find the Transaction ID by viewing your recent website orders via Display orders in the Payment centre (see above). In the Amount box type in the amount that you wish to capture from the funds that you have previously reserved on your customers card. To close the transaction select Complete from the Complete code type box, or select Not complete to hold the reservation and take out just part of the funds that you require.
112
8. Pro Features
113
9. Appendix
Appendix
Description Box
All buttons here are the same as those featured in the Paint Box below, except the following:
114
9. Appendix
HANDY HINT: It is a good idea from a design perspective to keep the colour and font size as constant as possible throughout all your web pages. Try using the Global fonts tool by clicking on Extras in the Main options, followed by Personalise and Global fonts
Remove formatting
Highlight text which may be written in bold or underlined for example, and press this button to make it ordinary again.
Font colour
Highlight text and click on this button to change the colour of it. Click on the little arrow next to this button to bring up a selection of colours that you can choose from, then click on the square colour of your choice.
Highlight
Changes the foreground colour of text.
115
9. Appendix
Indent text
Allows you to add a left margin to any selected text.
Outdent text
The reverse of the Indent text tool (see above).
Superscript
Converts any selected text to superscript. Like the 2 in O2.
Subscript
Converts any selected text to subscript. Like the 2 in H2O.
Strikethrough
Places a line through text, as if it has been crossed out.
Upper case
Converts all selected text to UPPER case.
Lower case
Converts all selected text to lower case.
Insert emotion
Click on this button to insert the smiley face of your choice.
116
9. Appendix
International keyboard
Click on this button and a virtual keyboard will pop up which will allow you to insert letters from different languages.
Print page
Press this button to print the web page that you are currently editing.
Page preview
Press this button to get a preview of your web page in a separate window.
Simulate the size of various computer screens using the size buttons in the lower right hand corner. This will allow you to make sure your web page looks great on all different sizes of computer screens. The lower the number, the smaller the size of the screen.
Clean up HTML
Word can sometimes add hidden code to its documents
117
9. Appendix
which can cause formatting problems when cut, pasted and displayed on web pages. This button will remove any problematic code. When you click on this button, a pop up box will appear with other options:
This turns your web page into plain text and removes any formatting that you may have added to your page such as colour, bold text, pictures and tables. Only click on this button if you want to go back to basics.
Only click on this button when you have copied and pasted a Word file into your web page. This removes any hidden problematic code as outlined above.
Advanced users only:. Cascading Style Sheets are used to unify fonts, margins, colours etc with these styles cascading throughout your web page or your entire website. If you want to learn more visit www.wikipedia.com and type in Cascading style sheets. Advanced users can click on this button to remove any styling that has been specified in your in-line styles.
Use this option to remove any fonts in your web page. If one part of your web page uses Comic Sans and the other uses Courier New, this button will remove these fonts. Advanced users only. This removes outdated code from your web page that may restrict its accessibility for people with disabilities. You may have this problem if you have copied and pasted content from other websites.
118
9. Appendix
Spell checker
Click this button to spell check your web page.
Cut
Drag your mouse over text or pictures until they are highlighted, then press this button to cut them out.
Copy
Drag your mouse over text or pictures until they are highlighted, then press this button to copy them.
Paste
If you would like to paste text that you have just cut or copied, click on the area of the Paint box where you would like it to go and press this button. Handy Hint: When adding text to your website, we recommend that you NEVER cut and paste from Word straight into your website. Unfortunately Word tends to insert hidden computer code (HTML code) into text which, when pasted into your web page, can mess up the layout of your web page and cause internet browsers such as Internet Explorer to crash and produce an error. If you have to, you should cut from Word and then paste into Notepad (which is installed free on every PC) or Text Edit (which is installed free on every Mac) first. Notepad or TextEdit will remove all Words hidden code. You can then cut and paste your text from Notepad or Text Edit into your website with no problems at all.
119
9. Appendix
you would expect but without any formatting from the original document e.g. all bold, italic, typeface and picture information would be removed.
Paste as HTML
This button does the same as the standard paste button (above), but allows you to paste actual HTML code into your Paint box.
Delete
Highlight text or an image on your web page, then click on this button to remove it.
Undo
To undo the last action you took, click on this button.
Redo
If you pressed undo and have changed your mind again, press the redo button.
Select all
This button allows you to highlight everything on your page.
Select none
This button allows you to deselect everything your page.
Break
This button starts a new line (same function as pressing Enter on your keyboard).
120
9. Appendix
Insert paragraph
Click on this button to start a new paragraph.
Insert groupbox
A groupbox is a frame with a title into which you can insert anything you like. It is a way of putting a border around text or images. To insert text or images or change the title, double click inside the groupbox.
Box formatting
Click here to insert a box into which you can put text or images etc. Play with the settings here to change the look of your box. All features for this button are covered under Insert a table (see pages 135-148).
Image gallery
Click on this button and a list of all the images you have uploaded onto your Mr Site web space will appear. If you want to insert an image into your web page, you must first upload it onto your Mr Site web space. To upload images stored on your computer onto your web space, click on the Browse button, select the image from the files stored on your computer and click on Upload. Once it has been uploaded, the image will appear in your Image gallery. To insert it into your web page, click on the Insert image button (see below). PLEASE NOTE: Only JPEG, GIF, PNG and BmP image files can be used. You cannot upload files with unusual characters or with spaces in their name. You will need to rename such files with no spaces and with the unusual characters removed from them in order to send them to Mr Site.
121
9. Appendix
Insert image
This button allows you to insert images into your web page. To insert an image into your web page you must first upload it onto your Mr Site web space. To upload an image, click on the Insert image button, then click on Browse and find the image stored on your computer (these can normally under My Pictures). PLEASE NOTE: Only JPEG, GIF, PNG and BmP image files can be used. You cannot upload files with unusual characters or with spaces in their name. You will need to rename such files with no spaces and with the unusual characters removed from them in order to send them to Mr Site. Next, click on Ok. The name of the file will appear in the Upload box. Click on the Upload button next to it. Be prepared to wait while the picture is sent to your web space. Once it has been sent, you will find the new picture in the list in the top left hand side of the Insert image box. This list contains all the images that you have uploaded into your web space, ready to be inserted into your website. To insert an image into your web page simply click on the image you want to insert, then click on the Insert button. You can change the size and look of your image by changing the settings in the Insert image box. Alignment: This allows you to specify whether you would you like your image in the centre or aligned to the left or right. Border size: Give your image a border. Type in a number to specify the thickness of this border from 0 (no border) to 99 (very thick border). Border colour: Choose the colour of your border.
122
9. Appendix
Width & height: These are the width & height measurements of the image that you are about to insert into your web page. By default the image width is the width of the actual image that was stored on your computer. If the width of your image is a number higher than 500, Mr Site recommends that you change this figure to no more than 500 otherwise it will be too big for your website. You will notice that the height figure will also change when you adjust the width. This is because the Constrain proportions tick box is ticked. This means that any resizing will keep the image in proportion to its original dimensions. If you un-tick this box the width and height can be adjusted independently of each other, however this may distort your image.
123
9. Appendix
Url: This tells Mr Site where your picture is located on the Internet. Please do not edit the information inside this box. Alternative text: Here you add a short description of the image that you have selected. It is recommended that you do this as it will make your web page more visible on search engines as well as making it more accessible to those with disabilities. ID: Advanced users only: If you are using CSS then you can create a style and give it an ID. Long description: Advanced users only. Here you can add a short description of the image that you have selected. This is similar to the Alternative text box above, however here you can add slightly more information. This is optional and not as important as adding some Alternative text. Upload: Send an image to your web space here. Click the Browse button, find the image on your computer and then click Ok. PLEASE NOTE: You cannot upload files with spaces or strange characters in their name. You must rename them without spaces first. The name of the image file will appear in the Upload box. Click on the Upload button. Wait while the image is sent to your Mr Site web space. Once it has, you will find it in the list in the top left hand corner of your Insert image box. Insert: To insert an image into your website make sure that you have uploaded it to your Mr Site web space first. When you have done this it will appear in the top left hand side of this Insert image box. Click on it, then click the Insert button to insert it into your website.
124
9. Appendix
Once an image has been inserted into your web page you can resize it manually in the Paint box. Click on the image until you see small square white boxes appear around the edge of it. Hover your mouse over these white boxes until the cursor turns into . Click down and pull the mouse across the page to manually resize your images.
Insert flash
This button allows you to insert a Flash movie into your website if you have created or downloaded one. Follow the same procedure as you did with Insert image, however this time you must select a .SWF file from your computer and not an image file. Change the settings of your Flash movie by changing the settings in the Insert flash box.
125
9. Appendix
Width & height: Here you can specify the width and height of your Flash movie. You can get this information from the creator of the Flash movie or from your Adobe Flash application. Background colour: This is the colour of the background behind your Flash movie. This colour will show through any transparent parts of your Flash movie. Quality: Set this to High. Only set to Low or Medium if you think visitors to your website will have very slow computers. Scale: Mr Site recommends leaving this set to Defaultor Exact fit as this tells the Flash movie to resize itself automatically if the visitors computer screen is too small to fit the full movie. Selecting No border however will set the movie to a fixed size no matter what the size of the visitors computer screen. Url: This tells Mr Site where your Flash movie is located on the Internet. Do not edit the information inside this box. Loop: Tick this box to make your movie loop or repeat. If you only want your movie to play once, untick this box. Autoplay: Tick this box if you want your movie to begin playing as soon as someone arrives at your web page. Assuming that you do, always leave this box ticked. Transparency: If your movie has a fixed background colour, tick this box to make it transparent. This will only work if you use the same background colour in your movie as the one you have specified in the Background colour box. Upload: Send a new Flash movie to your web space here. Click the Browse button, find the movie on your computer
126
9. Appendix
and then click Ok. PLEASE NOTE: You cannot upload files with unusual characters or with spaces in their name. You will need to rename such files with no spaces and with the unusual characters removed from them in order to send them to Mr Site. The name of the movie file will then appear in the Upload box. Click on the Upload button next to it. Be prepared to wait while the movie is sent to your Mr Site web space. Once it has been sent, you will find the movie in the list on the top left corner of the Insert Flash box. To insert it into your website, click on it, then click the Insert button. Insert: To insert a Flash movie into your website make sure that you have uploaded it to your Mr Site web space first. When you have done this it will appear in the top left hand side of this Insert flash box. Click on it, then click the Insert button to insert it into your website.
127
9. Appendix
Insert Media
With this button you can insert a movie directly into your web page. You can only insert AVI (Windows), MPG (MPEG), WMV (Media Player) or MOV (Quicktime) files here. Change the settings here to get your movie looking the way you want.
Width & height: Here you can specify the width and height of your movie. You can get this information from the creator of the movie. Autostart: Ticking this box means that your movie will begin to play as soon as a visitor arrives at your web page. ShowControls: Ticking this box means that your movie player will display controls such as play, pause, fast forward
128
9. Appendix
or rewind on your web page. ShowStatusBar: Ticking this box means that viewers will be able to see how much of the movie has played and how much is remaining. Url: This tells Mr Site where your movie is located on the internet. Please do not edit the information inside this box. Upload: Send a new movie to your Mr Site web space here. Click the Browse button, find the movie on your computer and then click on Ok. PLEASE NOTE: You cannot upload files with unusual characters or with spaces in their name. You will need to rename such files with no spaces and with the unusual characters removed from them in order to send them to Mr Site. The name of the movie file will appear in the Upload box. Click on the Upload button next to it. Be prepared to wait while the movie is sent to your Mr Site web space. Once it has been sent, you will find the movie in the list in the top left hand corner of your Insert movie box. Insert: To insert your movie into your web page make sure that you have uploaded it onto your Mr Site web space (see above). Once you have done this it will be displayed in the top left hand corner of this Insert movie box . Click on it, then click the Insert button to insert it into your website.
129
9. Appendix
to click on to download your file into the Paint box (e.g. type download here). Highlight this text and click on the Insert a downloadable file button. Follow the same basic procedure as Insert image.
Target: When a customer views your file, ideally a new window should open up to display it. To do this, make sure you select Blank from the Target drop down list. Color: Here you can pick the colour of the text that visitors to your website will click on to view your file. CSS Class: Advanced users only: If you have created cascading style sheets for your website you can type a class into this box.
130
9. Appendix
ID: Advanced users only: If you have created cascading style sheets for your website you can type a ID into this box. Tab Index: Every element on a web page is selectable by clicking on the Tab key on your keyboard. Here the Tab index is the number of times that a person has to click on the Tab key to get to this link and download your file. This can be used by people with disabilities (or for those without a mouse). Access Key: Type a letter here and visitors to your web page will be able to access this link by pressing this letter on their keyboard, taking their cursor directly to it. This can be used by people with disabilities (or for those without a mouse). Url: This tells Mr Site where your file is located on the Internet. Please do not edit the information inside this box Title: Here you can give a title to your downloadable file. Although this will not be visible, it will help people with disabilities view this file. Upload: Send a new file to your Mr Site web space here. Click the Browse button, find the file on your computer and then click on Ok. PLEASE NOTE: You cannot upload files with unusual characters or with spaces in their name. You will need to rename such files with no spaces and with the unusual characters removed from them in order to send them to Mr Site. The name of the file will appear in the Upload box. Click on the Upload button next to it. Be prepared to wait while the file is sent to your Mr Site web space. Once it has been sent, you will find the file in the list in the top left hand corner of your Downloadable File box.
131
9. Appendix
Insert: To insert your file into your web page, make sure that you have uploaded it onto your Mr Site web space (see above). Once you have done this, it will be displayed in the top left hand side of your Insert downloadable file box. To insert in into your web page, click on it, then click the Insert button.
Insert hyperlink
If you would like visitors to your website to be able to click on some text or on an image to bring up another web page that is relevant to yours, you can use the Insert hyperlink button. In your Paint box highlight the text or image that you would like to convert into a link. Next, click on the Insert hyperlink button.
132
9. Appendix
Url: Hit the Browse button to find the web page/ file/ image stored in your Mr Site web space that you want to link to. If you want to link to a different website or to an email address simply type it into this box. Type: This is the type of address you are linking to. To link to another website select http://, to link to an email address select mailto:. Target: This determines how the link behaves. Mr Site recommends that you select New Window. This means that the link will open in a new window and your website will still be open behind it. ID: Advanced users only: If you have created cascading style sheets for your website you can give this box an ID. CSS Class: Advanced users only: If you have created cascading style sheets for your website you can type a class into this box. Tab index: Every element on a web page is selectable by clicking on the Tab key on your keyboard. Here the Tab index is the number of times that a person has to click on the Tab key to get to this link. This can be used by people with disabilities (or for those without a mouse). Access key: Type a letter here and visitors to your web page will be able to access this link by pressing this letter on their keyboard, taking their cursor directly to it. This can be used by people with disabilities (or for those without a mouse). Colour: This allows you to specify the colour of the link. Title: Here you can type in a description of your link. This
133
9. Appendix
helps your website become more accessible to people with disabilities. Select a named anchor in the current page: This allows you to link to an anchor on your web page. Advanced users only. The Common tab allows you to create default settings for links that you insert into your web page. These will apply every time you insert a link.
Remove a link
Highlight a link, then click on this button to remove it.
Insert anchor
An anchor is a place on your web page that you can link to. It is good to insert anchors into very long web pages. If you want to quickly skip to a different section of a long web page, you could create a link which, when clicked on, will take you straight to an invisible anchor marking the start of this different section. To insert an anchor click on the area of your Paint Box where you want it to go, click on the Add an anchor button and type in a name for the anchor you are creating. PLEASE NOTE: There must not be any spaces in this name.
134
9. Appendix
When you have done this, click on the Insert hyperlink button (see Page 132), tick the Select a named anchor in the current page box and select your named anchor from the list .
Insert a table
To insert a table into your web page, click this button and, with your mouse, select how many rows and columns you would like.
Once a table has been inserted you can resize it manually in the Paint box. Click on the table until you see small white square boxes appear around the edge of it. Hover your
135
9. Appendix
mouse over the white boxes. Click down and pull the mouse across the page. This will manually resize your table to taste. To edit and change your table in more detail you can also double click on the table border to bring up the Table properties pop up box. Alternatively right click on the edge of the table and select properties from the drop down menu to bring up the following screens.
136
9. Appendix
Table tab
The Table tab allows you to customise your table further:
Cell padding: Adjust the spacing inside a table cell here. Cell spacing: Adjust the gaps between each cell in the table here. Borders: Specify your table border thickness here. 100 is the maximum thickness, 0 is no border at all. Background colour: Click in the box to specify the background colour of the table.
137
9. Appendix
Border colour: Click in the box to specify the border colour of the table. Collapse table border: Remove all padding and spacing here. Summary: Here you can describe the contents of the table. Although this will not be visible, it will help people with disabilities view the table contents. Caption: Here you can add a caption to the top of the table. Thead: Here you can add a table header that runs along the top of the table as the first row. Tfoot: Here you can add a table footer that runs along the bottom of the table as the last row. CSS class: Advanced users only: If you have created cascading style sheets for your website you can type a class into this box. Width and height: Specify the width and height of your table here. Alignment: Specify the alignment of your table (i.e. to the left, right or middle) here. Text-align: Specify the alignment of the text inside the table (i.e. to the left, right or middle) here. Float: This will give your table a floating effect. Title: Here you can give a title for your table. Although this will not be visible, it will help people with disabilities view your table.
138
9. Appendix
General tab Advanced users only. The general tab allows you to create default settings for table cells that you insert into your web page. These will apply every time you add a table. Style builder tab Advanced users only. The style builder tab allows you to create default settings for text within the tables that you insert into your web page. These will apply every time you add a table. You can set fonts styles, text spacing, background images, borders and layouts to taste.
139
9. Appendix
insert your table by clicking on the Insert table button, then once your table has been inserted into your web page, right click on its border, then hover over Table and select Properties from the side menu. A pop-up box will appear. Next, click on the Table tab. In the Width box change the figure to 100 and click OK. Your table will now appear less wide. Click on your new table to fix its new size into your web page.
Now that you have adjusted your table size, when you insert an image or text into these table cells, they will automatically expand to neatly hug your image or text. This will mean your table, cell and web page layout will always look well aligned, neat, tidy and professional.
140
9. Appendix
Position your table on your web page You can move the position of your table around your web page. To do this, right-click on one of your table cells, hover over Table and select Properties from the side menu. Once the Properties window comes up, click on the Table tab. Next, click on the Layout button. In the Alignment box select left, right or centre depending on where you wish your table to be placed. Click on OK. Adding cell padding and cell spacing to your table Open your tables properties and select the table tab. You can then add Cell padding to your table to increase the space between your table border and your image. To do this, right-click on one of your table cells, hover over Table and select Properties from the side menu. Once the Properties window comes up, click on the Table tab and increase the Cell padding field to taste. You can also increase the Cell spacing in this same Properties window. Customising your table border You can change the style or increase the size of your table border. To do this, right-click on one of your table cells, hover over Table and select Properties from the side menu. Once the Properties window comes up, click on the Table tab and increase the Border field to increase the size of your border. Click in the Border colour box
141
9. Appendix
and select a colour for your border. If you do not want your table borders to be visible, leave this box blank.
You can also click on the Style builder tab in the same Properties window and click on Borders to create default border settings for every table that you insert into your web pages.
142
9. Appendix
Style your table text Style the text that you add to your tables by rightclicking on one of your table cells, hovering over Table and selecting Properties from the side menu. Once the Properties window comes up, click on the Style builder tab.
143
9. Appendix
Click on the Font or Text buttons to apply uniform settings to your entire table such as letter spacing, indentation, alignment, font style etc. Add a background to your table Add a background to your table by right-clicking on one of your table cells, hovering over Table and selecting Properties from the side menu. Once the Properties window comes up, click on the Style builder tab.
144
9. Appendix
Click on the Background button and click on the Background colour box to select a background colour. If you want to, you can also select your own background image in two ways.
Enter the URL of an image on the web in the URL box (please note, you will need to add http://www. at the start of this link e.g. http://www.mrsite.com). Click on the button with three dots on it (next to the URL box). A pop up box will appear with all the files that you have uploaded onto your web space in it. Select one of these image files as your table background image. To upload a new image into your web space for
145
9. Appendix
selection, click on the Upload button, then click on Browse to select the image which should be stored on your computer.
Delete rows
Click on rows in your newly created table, then click on the Delete Row button to delete them.
Delete columns
Click on a column in your newly created table, then click on this button to delete it.
Insert cells
Click on a table cell, then click on this button to add a single table cell next it.
Delete cells
Click on a table cell, then click on this button to delete it
146
9. Appendix
Row properties
Click inside a row, then click on this button to bring up the row properties:
Width and height: Specify measurements for the row in question here. Alignment: Specify if you want text set to the left, right or centre of the row here. Vertical alignment: Specify if you want text set to the top, bottom or middle of the row here. Background colour: This allows you to set the background colour of the row.
147
9. Appendix
Highlight: This allows you to cast a virtual shadow on the bottom right corner of the row. Border color light: Here you can set the colour of the light corner of your row to add shading. This will be the bottom right hand corner (same as Highlight above). Border color dark: Here you can set the colour of the dark corner of your row to add shading. This will be the top left corner of the row. CSS class and ID: Advanced users only. If you have created cascading style sheets for your website you can type a class and ID into these boxes. Title: Here you can give a title for your table. Although this will not be visible, it will help people with disabilities view your table. Advanced users only. The Common tab allows you to create default settings for rows that you insert into your website tables. These will apply every time you add a row.
Cell properties
See Row properties above (pages 147-148).
148
9. Appendix
Visible borders
Click this button to show or hide borders on items in your web page that may otherwise be invisible.
Normal
Clicking on this button allows you to edit your Paint box in normal editing mode
HTML
Click on this button to insert HTML code into your website. Once you have pasted your code, remember to click on the normal button next to it afterwards.
Preview
Click on this button to see a preview of what your web page will look like.
149
9. Appendix
Insert a form
Advanced users only: Please do not confuse inserting a form with your Mr Site contact form. These are two totally separate things. This button allows advanced users to insert an HTML form which will allow them to send information from, for example, a job application form to another web page. This can only be achieved if you have the consent of a third party to whom you can submit the contents of the form. Please consult the documentation of the third party for further advice.
Form elements
Advanced users only: The default Mr Site contact form (which you can add by clicking on Extras in main options, and then on Add a contact form) allows visitors to your website to type in their name, email address and comments into a form on your website. This information will be emailed to you when they click the Send button. These extra Form element buttons will allow you to add more elements to your Mr Site contact form.
150
9. Appendix
Text area
This is a box that visitors to your website can type text into. Lets look at this in more detail:
Name: Here you can specify the name of the Text area. When information typed into this box is emailed to you, this Name will appear next to it so that you can identify the box. e.g: Name: Email: TextBox1: Mr Site sales@mrsite.co.uk Can you send me more information on your products. Thanks!
151
9. Appendix
Columns: Here you can specify how wide (in letters) the box will be. 48 is the default and is a sensible size. Rows: Here you can specify how tall (in letters) the box will be. 4 is the default and is a sensible size. Value: Here you can specify what is written inside the text box when people first see your contact form. You may want to leave this blank, but you could type something like: Please leave your comments here. Wrap: Here you can specify that any text written in this box will stay inside it, instead of spilling out of it. It is best left on. ID: Advanced users only: If you use CSS in your web pages you can give this box an ID. Access key: Type a letter here and visitors to your web page will be able to access this box by pressing this letter on their keyboard, taking their cursor directly to it. This can be used by people with disabilities (or for those without a mouse). Tab index: Every element on a web page is selectable by clicking on the Tab key on your keyboard. Here the Tab Index is the number of times that a person has to click on the Tab key to get to this box. This can be used by people with disabilities (or for those without a mouse). Disabled: This will grey out the box making it inactive i.e. visitors to your website will not be able to type anything in this box. Readonly: This means that people can read what is inside the box, but not type in it or edit it.
152
9. Appendix
Advanced users only: The style builder tab allows you to create default settings for text areas that you add to forms. These will apply every time you add a text area.
Text Box
This is a exactly the same as the Text area and is a box that people can type text into. It is, however, smaller than the Text area box and can only be made up of one row.
Everything here is identical to the Text area descriptions above except for the following: Size: This is the width of the text box in letters. If you leave this blank, the web browser will default to 20 letters wide. Max length: This is the maximum number of letters that
153
9. Appendix
someone can type into this box. If left blank, the visitor will be able to type unlimited amounts of text into it. Advanced users only: The style builder tab allows you to create default settings for text areas that you add to forms. These will apply every time you add a text area.
Password field
This is the same as a Text box except any letters typed into it cannot be read i.e. these letters will be replaced with asterisks. This can be used for typing in passwords or private information. Everything here is identical to the Text area and Text box descriptions above.
Hidden field
Here you can create a hidden information area that will be emailed to you but will not be seen by those using your form. For example, if you have more than one contact form on your website and you want to know which contact form a visitor to your website has used, you might create a hidden field called formname and name your forms contact1, contact2 and contact3 etc.. Everything here is identical to theText area and Text box.
List Box
A list of selectable items can be created using this button. You can create a list of options which form users can choose from. They can select one or more options from the list by holding down the CTRL key (or Apple key on a Mac) and clicking several items. Lets look at this button in more detail:
154
9. Appendix
Name: Here you can specify the name of the List box. When information typed into this box is emailed to you, this Name will appear next to it so that you can identify the box. Name: Mr Site Email: sales@mrsite.co.uk TextBox1: Can you send me some information! ID: Advanced users only: If you use cascading style sheets in your web pages, you can give this box an ID. Access key: Type a letter here and visitors to your web page will be able to access this box by pressing this letter on their keyboard, taking their cursor directly to it. This can be used by people with disabilities (or for those without a mouse).
155
9. Appendix
Tab index: Every element on a web page is selectable by clicking on the Tab key on your keyboard. Here the Tab index is the number of times that a person has to click on the Tab key to get to this box. This can be used by people with disabilities (or for those without a mouse). Allow multiple selections: This allows your form users to select more than one item from the list. Disabled: This will grey out the box making it inactive i.e. visitors to your website will not be able to type anything in this box. Items: Here you can specify the items that customers can select. The Text part is the text the customer will see in the list. The Value is the information that the customer selects which will be emailed to you, for example, as follows: Name: Email: Listbox1: Mr Site sales@mrsite.co.uk Can you send me some information!
Advanced users only: The style builder tab allows you to create default settings for text areas that you add to forms. These will apply every time you add a text area.
Radio button
This is like a tick box and is similar to the Check box (see opposite), ideal for yes/ no questions.
156
9. Appendix
Check box
This is an on/off tick box, ideal for yes/no questions. This Check box can be renamed once you have inserted it into your form by editing the Paint box where you see reference to checkBox1. To further edit your Check Box, double click on it in once you have inserted it into your Paint box . Please refer to the Text area and Text box section on Pages 151-153 for information on how to use these settings. If a form user ticks this Check box, the box content will be emailed to you as true. If not it will be emailed to you as false. E.g.: Name: Mr Site Email: sales@mrsite.co.uk Checkbox1: true
Submit button
Here you can add a Submit button to your form. Please refer to the Text area and Text box section on pages 151-153 for information on how to use these settings. You will not need to add this button if you are using the Mr Site contact form as the basis for your form, as it already has a Submit button.
Reset button
Here you can add a Reset button to your form which will allow users to clear any information that they may have entered into it. Please refer to the Text area and Text box section on Pages 151-153 for information on how to use these settings.
157
Technical specifications
For advanced users, here are some important details for you:
158
you must ensure that your home page file is called INDEX.HTM (overwrite the existing file if there is one). For FTPing we recommend Filezilla which is available for download from www.sourceforge.net/projects/filezilla. To design your web pages we recommend Adobe Dreamweaver. A trial version is available from www.adobe.com. Other popular HTML editors include Editplus (Windows only) available from http:// www.editplus.com and Espresso (Mac OSX 10.5 + only) available from http://macrabbit.com/espresso/
Mail Settings
You can configure your Mr Site email with your favourite email software, such as Outlook Express. To do this, use the following settings: POP3 incoming server: Account name: Account password: mail.yourwebsite.com mail@yourwebsite.com your UPPER case original Mr Site password(unless you have changed your password)
PLEASE NOTE: (n.b. Replace yourwebsite.com with the website name that you have chosen.) There is a 15Mb attachment limit for messages received on your Mr Site account. PLEASE NOTE: Mr Site does not provide an outgoing SMTP service. Please use your ISPs SMTP server to send messages.
159
160
161
4) Try adjusting your firewall settings as they may be very high thus preventing you from using Mr Site effectively. In Internet Explorer you can do this by clicking on Tools, then on Internet options, then on Security. Press the Default level button and select medium or low. Click OK and restart your computer.
162
163
Settings. Uncheck Use Privacy Settings in the Cookies section, and then select Permit. Click OK, and then close NIS or NPF. Open your Web browser, and then access the site. If you see a NIS or NPF alert for a cookie, select Permit . . . Check Always use this action, and then click OK. Repeat for each cookie alert that you see. You now have access to the Web site. If you see more cookie alerts later for this Web site, repeat this action again. To permit all cookies Open NIS or NPF. Click Privacy Control. If using NIS or NPF 2003 or 2004, click Configure. Click Custom Level. You see the Custom Privacy Settings dialog box. Choose None: Allow cookies (recommended) from the Cookie Blocking list. Click OK, and the OK again. This procedure changes your Privacy Control level to Medium. If you want to restore the settings to the default level, click the Default Level button on the Custom Privacy Settings dialog box. Also, in Norton, select internet security, double click ad blocking and turn off pop up window blocking. Also check for any other settings in there that will allow mrsite.co.uk through as it were. Instructions may differ if you have Mcafee, Sygate, Tesco Security or Zonealarm firewalls on your computer. 5) If you are still experiencing problems, try using the web browser Firefox. If you are using a Mac, Mr Site recommends that you always use Firefox. Firefox can be downloaded for free from www.firefox.com. 6) If there is still a problem please contact Mr Site Customer Services at customerservices@mrsite.com.
164
PLEASE NOTE: (n.b. Replace yourwebsite.com with the website name that you have chosen.) Put your files in the remote WWWROOT folder. Call your main home page index.htm (overwrite the existing file if there is one). Usually the Passive transfer option in your FTP software should be turned off. Please turn it off now. This could solve your problem. Sometimes, however, depending on your network connection and any firewalls you may have installed, you may wish to turn Passive transfers on. If it is already off, please turn Passive transfers on and see if this solves your problem.
Can I buy additional domain names and link them to my existing website?
Yes you can. To purchase additional domain names, login to your Mr Site account and click on the top right Buy button.
165
166
167
5) Next, cut and paste your HTML code into the Paint Box. 6) Click on the Normal button to return to normal editing mode and see your code in action. 7) Next, click on Save your changes and youre done.
168
Now type in the email address in the URL box, then click OK to finish creating the link.
169
final result. See pages 139 - 141 to find out more. 3) Sometimes the space may be too big when you hit <enter>. To avoid this hold down the SHIFT key as you hit <enter>. This will start a new line, not a whole new paragraph.
170
171
PC CD-ROM Contents
Your Mr Site Takeaway Website package includes a PC CD-ROM containing a digital version of this manual and various free and trial versions of software which you may find useful. (PLEASE NOTE: that this disc has been designed to be PC compatible and the software included is suitable for Windows PCs. The Takeaway Website manual has been created as a PDF which is cross-platform compatible and as such should be easily read by Apple Macintosh computers. Mac users can also download the manual from www.mrsite.com/support). Below is a brief description of each piece of software; however you will find more information including manuals and/or Read Me Files with each product on the CD. Place the CD in you CD-ROM or DVD-ROM drive and browse it using My Computer or Windows Explorer. You will instantly see that each piece of software is stored in a labelled folder. The folders and software are as follows: ADOBE READER 8 - Free ADOBE READER lets you view and print Adobe PDF files. This manual has been saved in the PDF format and this piece of software will allow you to view it. INSTALL by double-clicking on the AdobeReader8 file in this folder and follow the on-screen instructions.
172
FIREFOX INTERNET BROWSER Open Source (n.b. Full Version) MOZILLA FIREFOX 3 has an intuitive interface and blocks viruses, spyware, and popup ads. It delivers web pages faster than ever. Packed with useful features like tabbed browsing, Live Bookmarks, and an integrated Search Bar, Firefox will change the way you experience the Web, for the better. INSTALL by double-clicking on the FirefoxSetup file in this folder and follow the on-screen instructions. GIMP IMAGE EDITOR Open Source GIMP is an acronym for GNU Image Manipulation Program. It is a freely distributed program for such tasks as photo retouching, image composition and image authoring. It has many capabilities. It can be used as a simple paint program, an expert quality photo retouching program, an online batch processing system, a mass production image renderer, an image format converter, etc. INSTALL by doubleclicking on the GimpSetup file in this folder and follow the onscreen instructions. TAKEAWAY WEBSITE MANUAL In here you will find this manual saved in the PDF format, readable by Adobe Reader.
Adobe Reader Copyright 1984-2009 Adobe Systems Incorporated and its licensors. All rights reserved. Firefox Copyright 2005 - 2009 Mozilla Corporation. All rights reserved. Mr Site Ltd. All rights reserved. All other trademarks and copyrights are the properties of their respective owners. Mr Site and the Mr Site logo are registered trademarks of Mr Site Ltd.
173
13. Index
Index
A
ABN number 166 Account ID 4, 8 ACN number 166 Activation 27 Activation Card 1 Admin, Options 5156 Advanced Mode 21, 150157 ALT Tags 8788 Anchor 134135 AOL 1 API 106108 Appendix 114157 Apple Mail 73 Attachments, email 6263 Australian law 166 Authorisation code 6 Auto Response, email 64 Auto Signature, email 64 AVI 128
C
Cells. SeeTables Change Content 1521 Check Box 157 Clock Widget 55 Contact Details 53, 76 Contact Form 3134, 150157 Cookies 162 Copy Button 119 Countdown Widget 55 Creative Mode 2021 Cut Button 119
D
Dashboard 9, 5759 Buy Button 58 Forum Button 57 Help Button 58 Live Help Box 57 Quick Jump Menu 9 Stats Button 58 Web Space Progress Bar 57 Description Box 17 Design Choose 1415 Tips 1013 Using your own 158159 Design Tips 1013, 139141 Directories, internet 93 Directory, The Mr Site 94 Display Orders 109 Domain Name Additional 58, 165 Already have 57
B
Background, edit 49, 144146 Bandwidth 160 Bing 92 Blog Create 35 Update 35 Box Formatting 121 Browser 1 Business Cards 9798
174
13. Index
Australian, .com.au, .net.au 166 Buy 58 Change 165 Select 37 Transfer 57 Download, add 19, 129132 Dreamweaver 159 Drop Down Box 33 Dropdown Text Box 156
Form 3134, 150157 Form Area 33 Form Elements 3334, 150157 Forum, Add/Edit 36 Forum, Mr Site 57 Frequently Asked Questions 162171 FTP 158159, 165
E
Earn money 55 Email 6076, 159, 171 Changing 63 Contact form 3134 Create Address 6667 Create link to 132134 Using your email 6076 EPP Key 6 Express Checkout 99110 Features 99100 Extras, Option 2256
G
Gallery Add/Edit 2530 Default Popup 27 Flash Animated 28 Latest Images Widget 55 Slideshow 29 Global Fonts 4247 Google 7896 Adsense 55 Analytics 55 Chrome 1 Maps 55 Search Bar 55 Groupbox 121 Guest Book, Add/Edit 34
F
FAQ 162171 Favicon, Create 5051 Features, Add 2236 Files, Delete 52 Files, upload problems 166 Filezilla 159 Firefox 1, 173 Firewall 162164 Flash 125127 Fonts 3847, 115
H
Handling Costs 102, 104 Header 3637 Help 9, 58 Help Button 58 Hidden Field 154 Hit Counter 56, 167 Hosting 160
175
13. Index
HTML Clean up 117118 Edit it 149 Insert 149, 168 Paste as 120 Widget 55 Hyperlink 4345, 132135, 167
L
Layout, Web page 1013, 139141, 169 Level 17 Link 167 Change 4345 Inserting & Deleting 114, 132134 List Numbered List 115 Unordered List 116 List Box 154 Live Help Box 9, 57 Logo, Change / Add 4749 Log Off 56
I
Image Arrangement 2530, 139146 Image Boost 8788 Image, change to link 167 Image Editor 50 Image, Gallery 2530, 121125 Image, Insert 1718, 2530, 122125, 139141 Image Map 135 Image, Resize 12, 50 Image, Watermark 26 Inbox, email 6163 International Handling Costs 102103 Internet Explorer 1 IPS tag 6
M
Mailing List 54, 56 Main Options Page 89 Media, Insert 19, 125132 Media Player 128129 Menu Change 3842 Change Background 40 Disappeared 167 Font Style 41 Submenu 35, 3842 Meta Tags 52 Meta Tags Boost 8587 MOV 128 MP3 19, 3031
J
Jukebox Add/Edit 3031 Remove 170 Junk Mail. SeeSpam Mail
176
13. Index
N
Name Servers 5455 Norton 163165
O
Offline Payments 111 Options. SeeMain Options Page Orders Display 106108 Get details 109 Refund Payment 110 Outlook 2003 6970 Outlook 2007 7172 Outlook Express 6970
P
Page Add 15 Delete 51 Hide 52 Layout 1013, 139141 Shuffle 51 Page Title Change 17, 3738 Title Box 17 Paint Box 1621 Advanced tools 150157 Creative tools 114149 Tools. SeeAppendix
Passive Transfer 158, 165 Password Account 1, 8 Add / Edit 3435 Change 5354 Lost 3, 5354 Password Field 154 Paste 119120 Payment Offline 111 Refund 110 Search 109 Payment Centre 109113 PayPal 2225, 99113 API 106108 Authorisation 100101, 111113 Checkout page 99101, 110111 Collect payments 25 Customise checkout options 110111 Error 166 Express Checkout 99108 Fees 110 Website Payment Pro Shop Details 113 Website Payment Pro Shop Features 109113 PC CD-ROM 172173 PDF 129132 Personal Details 3, 53, 76 Personalise, Options 3651 Photos. SeeImages Phrases Keyphrases 8083
177
13. Index
Pictures. SeeImages Polls, User Poll 56 POP3 159 Popup blocker 162 Postage 2325, 102106 Postage Exceptions 104 Powerpoint, file 129132 Preview 22, 117, 149 Print Page 117 Problems 162171 Pro Stats 96 Publish Your Site 22
Q
Quick Jump Menu 9 Quicktime 128
R
Radio Button 156 Referral Scheme 55 Refunds 100, 110 Remove Formatting 47, 115 Renewal, Website & Email 76 Reset Button 157 Results Pages, Search Engines 95 Row, Table 146
S
Safari 1 Search Engine Optimisation 7895 Search Engine Results Page 95
Search Engines 78, 86, 9192 SEO. SeeSearch Engine Optimisation SERPs 96 Shipping charges 100 Shop. SeePayPal Add/Edit Standard Shop 2225 Express Checkout 99113 Website Payment Pro hop 99113 Signature, Email 64 Simple Mode 1619 SiteBoost 7896 SiteBoost Tools 7896 Site Map 8994 Submit 91 Site Updating Problem 167 SMTP 6874, 159 Spam Mail 171 Spybot 162 Stationery 49, 9798 Statistics 58, 96 Stats Button 58 Stock Control 100, 106 Sub Menus 35, 3842 Submit Button 157 Submit website, Search Engines 9193 Subscription, Renewal 76 Support. SeeHelp
T
Tables 135149 Background 144146 Border 141142
178
13. Index
Cells 141, 146 Cells, merge 148 Column, insert / delete 146 Merge Cells 148 Padding & Spacing 141 Positioning 141 Style text 143144 Web page layout 139141 Table Tab 137139 Table Wizard Tab 136 Template 14 Not using 158159 Text Alignment 115 Formatting 3847, 115 Text Area 33, 151 Text Box 153 Text Field 33 Thunderbird 7374 Tips & Tricks 1013 Title Page title. SeePage Title Website Title. SeeWebsite Title Total visitors 58 Tracking your Orders 106108 Transaction ID 109 Troubleshooting. SeeFAQ Twitter 56
Verify with Google 9394 Virus software 162164 Visitor Counter 56, 167 Visitors 96 Unique and total 58
W
Watermarks 26 Website Background. SeeBackground Design. SeeDesign Header. SeeHeader Layout 11, 139141, 169 Name. SeeDomain Name Title 15, 170 Width 169 Web Space 160 Progress Bar 57 Widgets 5556 Windows Live Mail 7273 WinZip 129132 WMV 128 Word, file 129 Word, Paste from 120 WWWROOT 158, 165
Y
Yahoo 92 YouTube Video, Embed 127
U
Under Construction 53, 170 Unique visitors 58 User Poll 56
Other
.com.au 4, 166 .net.au 4, 166
179