QuickStart EasySite Guide Windows Hosting Includes EasySite Plus, Shopping Cart, PodCasts, Flash, Blogs and much more

Transcription

1 QuickStart EasySite Guide Windows Hosting Includes EasySite Plus, Shopping Cart, PodCasts, Flash, Blogs and much more Everything you need to get started creating your own website. EasySite it s never been easier. 1

2 Contents An introduction to EasySite 3 Step 1. Category 7 Step 2. Design 7 Step 3. Customize Design 9 Step 4. Manage Pages 10 Step 5. Edit Content 27 Step 6. Settings 41 Step 7. Publish 46 2

3 Creating a Website using EasySite Welcome to EasySite Website Builder EasySite has been designed for non-technical website owners to create and manage websites without the need for website development skills. Like all software it takes a little time to become familiar with it but if you can use programmes like Microsoft Publisher, then within a few hours you ll be able to learn how to build and maintain your website. If you would prefer to have one of our website developers create your website for you we have a range of options that will get your website up and running allowing you to use EasySite to maintain it afterwards. Either way we re sure you ll find EasySite a great tool for managing your website. Glossary We refer to content in this guide and we mean any text, images, tables video or audio you add to your website. An Introduction to EasySite EasySite is included with every Telecom website hosting plan. It includes 120 professionally designed templates, a photo gallery of up to 100 images and the ability to manage up to nine pages of website content. It also includes a choice of Flash intro screens, blogging, a website counter, voting and a tickertape option. It is a great way to get your first website online. EasySite Plus offers some excellent additional features and is available for an additional monthly fee. It includes the ability to manage an unlimited number of website pages, an unlimited number of photos and photo galleries, 10 photo gallery templates. It also includes over 300 designed templates and most importantly if you want to sell products via your website a product catalogue with a manual shopping cart. This allows your customers to pull together a shopping list of your products from the catalogue and the order to you. PayPal is also an option for those wanting credit card payment facilities. Before You Start Before you start you will need the following: An Internet connection EasySite requires you to be connected to the internet. You can use it over a dial-up connection but it will be very slow, a broadband connection is best. Your user login and password. Your completed Website Content Collector template with all your website content. Your Website Shop Content Collector if you are also building a shop. The images you will be placing in your website, in.jpg or.gif format, preferably sized and cropped as you intend them to be displayed. Any other attachments or animations you plan to have as part of your website. Getting Started You will also need the following details before you get started: Website URL this is the domain name where you and anyone else on the website can view your website. This is your completed website address (e.g. You may have multiple domain names pointing to the same website. Control Panel URL this is how you manage your website as the website owner and administrator. It is usually your domain name with the addition of /stats, it is a safe website page it will look something like this: 3 You should have been provided with login details if not please contact the helpdesk. Website images must be.gif or.jpg no other image types can be displayed. Images can be edited once uploaded to EasySite but for faster loading try to get them as small as possible before uploading. EasySite includes an image editor so you can edit your images online too but you may find it easier to do the initial image editing on your computer if you have the appropriate software.

4 User ID this allows you to login to the user administration website to make changes to your website, in conjunction with your Password. To Get to Your Control Panel Enter your Control Panel URL which should look like: into your website browser. Make sure your browser is set to allow pop-ups EasySite needs pop-up windows to operate. Enter your User ID and Password in the Relevant Fields. Click on OK It will respond with a Security Alert click Yes to accept. EasySite will time out your session if there is no activity for 20 minutes Be sure to save your changes if you are going to be taking a break for more than a few minutes, whenever you are working with EasySite. Simply log back in and continue building or managing your website. 4

5 Changing Passwords You can change your password by clicking on Change Password under Account Configuration Under Websites click on the EasySite Website Builder and Enter your User ID and Password in the Relevant Fields. Click on OK You can find the EasySite icon in the Utilities and Files Panel. A new browser window will open You can close the Window that says it has opened Website Creator in another window; you will be working in the new window that opens. General Navigation The following functions are available under every main navigation item: Next: Changes to the following editing step. Previous: Changes to the previous editing step. While you are creating your website for the first time, the new contents are not yet visible to visitors on the Internet - This means that you are free to experiment during this creation phase. When you are satisfied with your website you can publish it. Only then will your new website be visible on the Internet. Save: Reset: Help: Preview: Saves the changes. This becomes active after a change was made. Resets the website to the last saved state. Unsaved changes are discarded. Calls the help system. Shows a preview of the website in a separate window: This preview shows you what your website will look like after you publish it to the Internet. 5

6 Step 1. Category EasySite has over 100 professional templates to choose from and they are aligned under different industry groups. In the Category step you chose the industry your business is in, which will help narrow down the template that may be most relevant in step 2 Design. You may choose other industry groups if you like the look of those templates for your website How to Choose Select the category from the column on the left which best describes your business. Subcategories will appear in the right column - pick the most appropriate of these. If you feel your business does not fall within any of the proposed choices, click on Neutral Representation. If you would like to set up a personal website select Personal Homepage. Once you have selected the appropriate option click save. You can then move to the next step by using the next button or simply select any of the other main navigation steps at the top of the page. The Category step is used later in the Manage Pages step to suggest page titles most relevant to your industry If there is a close match to your industry click on that. If not you can choose a Neutral Representation. You may change your choice at any time. Your content will not get lost Business website To take advantage of the huge potential offered by the Internet, where you can present your business, products and services in the most professional manner possible, we have identified different industry type templates that should allow you to build a website with a concept that meets the expectations of your online customers. In the next few pages, we propose a website map drawn up with your specific business needs in mind. Of course, you are free to adapt the proposed templates, even after publication, to adjust them to what you d like to see Personal homepage Whether you need your website page to advertise your resume, share your holiday photographs with family and friends, or show your wedding to friends worldwide. Choose from our many website designs and concepts for a modern and attractive website. Step 2. Design The design determines how you will arrange text, images and other content elements as well as the navigation of your website. This ensures all pages of the website have a uniform and professional look and feel. The preview area of the window shows the design in its original size. If you select a design from the design selection or change the colour of the design or a main graphic on the right hand side the preview window is immediately updated. You will need to click on the Save button to save your changes. In this step, you only define the appearance of your website You cannot add your own text and images in this step. To change text or images, move to the "Edit Content" step Choose a Design Click on Design on the menu bar. A design is defined by the design template and its additional characteristics such as the colour, main graphic or the design details like fonts and font colours, allowing you to change the design according to your own ideas. Due to the huge number of combination options every design is unique in its appearance. 6

7 To select the design template: 1. In the sidebar menu, click the sub-item Design. 2. In the left-hand area of the screen you will see the design selection with minimized images of the design templates. Click on the image that represents your favourite design template. The preview pane refreshes right away Searching Designs Use one or more search filters: 1. Click on "Use Filter" to start the filtering function. 2. A new window opens: Select one or more search criteria here. For example, select the filters "Designs with image or logo upload possible" and "Designs that match chosen topic". This way you can narrow the design selection to those designs that allow you to upload a logo and that match your category. 3. Click "OK". 4. The design selection now contains only those design templates that match your filtering criteria. To view the entire design selection again, select the "Show all designs" option field. Tip: If you would like to change your filter criteria select Set Filter Choose a Colour When clicking on the Colour link, located in the left column, the style you ve selected is shown in different colours. Choose the colour that best represents your business, and make sure it matches your business logo: it will be all the easier for your customers to recognize your business. The choice of the background colour is crucial. As a general rule, lighter colours, like pastel shades, should be used for the background, allowing your text or pictures to stand out. Those designs are recommended for the topic you selected in the first step. You can add your own logo to those designs. This is not possible with all designs. The designs contain a selection of main graphics. These designs contain Flash elements, i.e. animated effects Display the subsequent designs in maximized preview mode. Display the previous design in maximized preview mode In the selection of minimized design templates, scroll down to view additional designs. Use drop down box to select a different range of designs. To change the colour: 1. Click the sub-item "Colour". 2. You will see the design selection with minimized images. 3. Click on the image that represents your favourite colour. The preview pane refreshes right away Choose a Main Graphic The term "Main Graphic" relates to any picture or designer symbol present throughout your website and in line with your chosen category. The image gallery offers you a wide range of choices, to endow your style with a personal touch, tailored to your page. To change the main graphic: 1. Click the sub-item "Main Graphic". 2. You will see the main graphic options for your chosen design. 3. Click on the image that represents your favourite graphic. The preview pane refreshes right away. Different designs have different options Colour palettes, the ability to include logos, main graphics, buttons etc., are all dependant on the template design you choose. If you choose a design that does not support a chosen option EasySite simply does not display a response to the selection. 7

8 2. 5 Saving and Discarding Changes If you are happy with the changes you have made in this step and the "Preview" area shows the design as you want to use it for your live website then you simply save by selecting Save. Once you publish your website it will show your new design settings. If you do not want to use the changes you have made you can click on "Reset" to restore the design to its last saved state. Step 3. Customize Design Step 3 Customize Design allows you to personalise your design. You can enter the main name you would like for your website and dependent on the design you can add your own image or logo. You can also alter the appearance of the chosen website design by changing the font style and colour. Please note: The settings in this step will apply to all pages of your website. 3.1 Select Text and Background Colours The Text colour" section lets you choose a colour for your text. Give priority to the legibility of the text. When using a light background, choose a darker font colour and vice versa so that you can create a contrast between text and background. The selected colour will be applied throughout your website. Simply select the text colour you would like to use. The preview pane refreshes right away. 3.2 Select Another Type of Button Some designs let you choose from different kinds of buttons. Select the button you feel is best suited to the style of your website. You can change your selection at any later stage. The preview pane refreshes right away. 3.3 Select a Font Type The font types available are fully supported by any browser, and particularly adapted to your design. Your choice must not be based on taste alone but must also contribute to the clarity of your page so ensure the font type matches your headings and buttons. To change the settings: 1. In the main navigation item "Customize Design" click on the corresponding menu item in the submenu. 2. The selection of text colours, buttons and fonts is displayed. 3. Click on the desired option. 4. The design preview is updated immediately. 5. Click on "Save". After the next publishing the changes also take effect on the live website. 3.4 Logo In Step 3 - Customize Design - click on Logo to incorporate your logo into your chosen design. Upload it directly from your computer: click on Upload, select the path to your logo, fill in the fields of the dialogue box, and click on Upload. The size of the logo will automatically adjust to the design selected. Please note: your logo can only be in GIF or JPG (the file must be a.gif,.jpg or.jpeg file). Not all EasySite designs support logos If you want to include your logo be sure to filter designs that can accept a logo before you start looking through the designs. 8

9 3.5 Insert your name/business name All you need to do is type your name or business name just as you would like it to appear. Click on Apply to insert it into your chosen website design. If you feel adding your name/ business name is not necessary, leave the field empty or use it to write your business motto or slogan Saving and Discarding Changes If you are happy with the changes you have made in this step and the "Preview" area shows the design as you want to use it for your live website then you simply save by selecting Save. Once you publish your website it will show your new design settings. If you do not want to use the changes you have made you can click on "Reset" to restore the design in its last saved state. Step 4. Manage Pages Step 4 Manage Pages is where you create, edit, move and delete the pages of your website. Numerous page types such as media album, business blog or online shop can be defined and easily set up. 4.1 Your Pages The "Your Pages" list displays all pages on your website. Every page is displayed as a menu item under the heading Your Pages, with the exception of the pages that you have hidden. Every page is displayed with its status and page type: The page titles that are suggested here are based on the industry types you selected in 1. Category step This page is the home page of your website. The page has a specific page type and is not yet been configured - a click on this icon opens the dialog for setting this page up. This page is currently hidden from your navigation. Under "Your Pages" you can: 1. Edit the page properties by double-clicking on the page name. 2. Set up the page or change the settings by double-clicking on the page type icon. 3. Select the page on which to operate and choose an option like "Delete Page" or "Move Page Up" from the navigation: select the page by clicking once on the page name. 4.2 Our Suggestions The "Our suggestions" list displays a suggested website structure, that we would recommend for your website. You can choose to use all or parts of this list for your website. 1. In the main navigation item "Manage Pages" under "Your Pages", click on the page name to select the page which you want to add the new page below. 2. Under "Our suggestions", click on the page name to select the desired page. The selected page is highlighted. 3. Now click on the arrow. The page is then displayed under "Your Pages". Or: Implement the desired page by double-clicking on the page name. 9

10 If this is a page of a specific page type (which is indicated by the icon next to it) you can set up the page immediately. You can now change the level and the position as well as the name of the page. 4.3 Page Types Every page has a specific page type. There are: 1. Default Pages: these pages are edited in step 5. Edit. There you can add text and media, for example, images and Flash animations. 2. Special Pages: these pages have a special function. Each page types serves a specific purpose. Special Pages include; feedback forms, guest books and multimedia albums. a. They are all set up in step 4. Manage Pages and then you can add text, images, and Flash animations in step 5. Edit. Icon Page Types Functions Standard Blog Guestbook Form Voting Media Forum Shop Database Search Standard page is the default setting. Add news and press releases directly to your published website. Visitors of your website can leave comments. The guestbook entries can be managed on the published website. Ask the visitors of your website for specific information. Conduct a survey about a specific topic and display the results. Our Multimedia gallery allows you to: add videos, images and music with the ability to create slideshows and allow for comments. You can start a new discussion about a subject you choose on your website. Gives you the ability to offer your products online. You can add searchable tables to your website. Allows for all content on your website to be searched. 4.4 Adding a Page To add a page to your website: 1. In the main window under Your Pages select the page you would like your new page to be below. 2. Click on Create Page. 3. Select the page type by selecting the appropriate option. 4. A new page is added. You can now set up that page if it is a special page. 5. You can now change the level and the position as well as the name of the page. 10

11 6. Once you publish your website the page will be visible on your live page. Alternatively, you can select a page under "Our suggestions" and add it to your website, using the arrows. 4.5 Changing the Page Type The page type is specified when you are adding a new page, it can also be changed at anytime. 1. Under Your Pages, select the name of the page you wish to change. 2. Click on Page Properties on the left hand side menu or double click on the page name. 3. Click Change page type and select the page type you would like. 4. Click on OK 5. Changes will be applied once you Save If you are changing the page type of a page that already exists beware that changing the type of page means that content on this page will be lost. 4.6 Setting up new website pages Pages with a specific page type will need to be set up eachtime. For example with the guestbook, you need to outline if you want to be notified whenever a new entry is added. To set up a page or change the settings: 1. Under Your Pages, select the name of the page you wish to change. 2. Click on Page Configuration on the left hand side menu. 3. The settings depend on the page type. 4. Finish the set up by clicking on OK. 5. The changes are applied only after you click on Save. Or you can start the set up by clicking on the icon indicating the page type. 4.7 Changing the Level You can use two levels for structuring: main items and sub-items. Under "Your Pages", all pages of your website are listed. The bold entries are main structuring items. All other pages are sub-items. The home page will always be a main page. By changing the level, main items are converted to sub-items and vice versa: 1. Under Your Pages, select the name of the page you wish to change. 2. Click on Change Level on the left hand side menu. 3. The changes are applied only after you click on Save. Once you publish your website the page will be visible on your live page. 4.8 Changing the Order You can change the order of the pages and move pages up or down. If you move a main structuring item its sub-items are moved along. To change the order: 1. Under Your Pages, select the name of the page you wish to change. 11

12 2. On the left hand side menu, click on "Move Page Up" or "Move Page Down", depending on whether you want to move the page up or down. 3. The changes are applied only after you click on Save. Once you publish your website the changes will be visible on your live page. 4.9 Renaming Pages and Specifying the Home Page Page names are used as the labels of the navigation buttons. The names should therefore be as concise as possible because if the text is to long it will not all be displayed Home page is the page of your website that is the first page displayed when your website is opened. You can select which of your pages will be your home page. Page names and the home page are specified under "Page Properties": 1. Under "Your Pages", select the name of the page you wish to change. 2. Click on "Page Properties", on the left hand side menu or Doubleclick on the page name. 3. Change the entry in the input field "Page Name" to rename the page. 4. Click on "OK". 5. The changes are applied only after you click on Save. Once you publish your website the changes will be visible on your live page Define Page Title and Meta Tags for Search Engines You define your page titles and meta tags for each page individually. These settings will override the title and meta tags you may have already defined for all pages in the main navigation item "Settings". The Website Title is the piece of text that appears in the title bar in the visitor s browser at the top of your screen. The Website Title has several purposes including; been the heading at the top of your browser window, used when visitor bookmark your website, and some search engines will use this title when referencing your website in their search results. Meta-tags are used by search engines like Google to reference your website, but visitors cannot see them. Meta-tags are usually placed between two tags called <HEAD> and </HEAD>. Search engines will look for key-words, descriptions etc. between these 2 tags. It is important to use meta-tags so that search engines can display the right explanation of your website pages when displaying the search results. If meta-tags are not set up in your website, search engines will display the first line of text that they find on your website pages, which often does not accurately reflect what the page is about. To enter your page titles and meta tags: 1. Under "Your Pages", select the name of the page you wish to enter. 2. Click on "Page Properties", on the left hand side menu or Doubleclick on the page name. 3. Select Search Engine Settings. 4. Enter your page Title, Description, and Keywords. 5. Click on "Ok. 6. After you next publish your website, the title is displayed at the top of the browser and the Meta tags are inserted in the source text of the website. "Short Description" (Meta tag): - If your website is displayed as a search hit on the Internet some search engines display the summary you enter here as the description of your website. We would recommend no more than 200 characters. "Keywords" (Meta tag): - Some search engines analyse keywords. Somebody who is searching using these key words is then presented with your website as a search hit. Select keywords that best describe your website and often appear in the contents. Keywords must be separated by commas. We would recommend no more than 200 characters. 12

13 4.10 Removing or Hiding Pages If you delete a page its entire contents will be lost. If you only hide a page it still exists with all its contents but can no longer be visible to visitors of your website because the page is removed from your websites navigation. To hide a page from the navigation: 1. Under "Your Pages", select the name of the page you wish to hide. 2. Click on "Page Properties" on the left hand side menu. 3. Select the "Hide page" checkbox. 4. Click on "OK". 5. The changes are applied only after you click on Save. Once you publish your website the changes will be visible on your live page. To remove a page from your website: 1. Under "Your Pages", select the name of the page you wish to remove. 2. Click on "Delete Page" on the left hand side menu. 3. Confirm the safety prompt by clicking on "Yes" if you really want to delete this page. 4. The changes are applied only after you click on Save. Once you publish your website the changes will be visible on your live page. The home page cannot be deleted If you want to delete the home page you first must define another page as the start page. A main structuring item can only be deleted if it does not have any subitems If a main structuring item has subitems these subitems must be moved to other main items, deleted, or changed to main items Blog A blog is an online diary. It lists all your entries chronologically. Tell your stories, share our viewpoints, discuss issues and make new friends with similar interests or values. Your blog contains as many messages as you like and the newest entry will always be at the top of the page Creating a Blog Create a blog by adding a page of this type to your website. Please refer to sections 4.3 and 4.4 above Removing a Blog Remove a blog by removing the associated page in the usual way. Please refer to section 4.10 above. Please note that if you remove a blog page all blog entries and comments are permanently deleted Setting up a Blog Start the set up from the main navigation step "Manage Pages", then under the list "Your Pages" double-click the "Blog" symbol or select the page's name and then on "Page configuration", on the left hand side menu. A blog is a special page, on which you can quickly and easily place current information. The newest message will always be on top of the overview page. Timestamp format : Every blog entry is automatically tagged with the date and the time when it was created. The date and time formats are selected in the list field. "Login Password": You create blog entries (new messages) by accessing your published website and logging into your blog. Your chosen password will protect the editing function from unauthorized access. "Limit displayed text on the overview page to": If you want the entries to be shown in a shortened form on the overview page you 13

14 can choose the entries length in the drop down menu. Entries that are longer than the chosen number of characters will be shown in full length only on the associated detail page (permalink page). "Visitor information" and Image: Information entered into these fields will be visible on the blog page for all visitors of your website. You do not need to fill in these fields. You can add, change or remove this information at any time. You can also add an image which will be scaled to the displayed size. "Allow comments": Check this box if you want visitors to be able to add comments. Unsuitable comments can be deleted. "Activate RSS Feed Option": Check this box if you want your blog readers to be able to subscribe to your blog as a RSS Newsfeed. By clicking on "OK" you complete the set up and by clicking on "Save" you save your changes. If you set up a new page that has not yet been published the settings take effect only after you next publish your website. If you only change the configuration of an existing page publishing is not necessary Editing and Deleting Blog Entries and Comments The following entries are possible for a blog: Blog entry with text only and without images Blog entry with image only and without text - the image is displayed with a width of up to 300 pixels Blog entry with text and image - the image is displayed next to the text. If the image is larger than the highest possible size it is scaled down accordingly. Blog entry with video This is how you can reach the functions for writing, editing and deleting blog entries and deleting comments: 1. Open your live website on the Internet and navigate to the page that includes your blog. 2. Login by entering the password you set when setting up the blog. 3. Advanced functions for posting, editing and deleting entries are shown on the website. 4. To post a new entry, click on "Add post". 5. Enter the text of your post in the text box. 6. To add a picture to your entry that is saved on your local machine, mark the option "Image". You can also add a picture from your media database by clicking on "Image". 7. After clicking on "Submit" the post is shown in your blog immediately. 8. You can show tips on formatting your text while writing the entry by clicking on "Tips" next to the text input box. 9. Videos from video websites can be added to a blog entry by using the embed tag. For this, enter the embed code provided by the video website in the "Embed" box. A very popular video website is You can upload your video to this website and then use the code which is provided to embed in your website Adding Documents and External Links to Your Blog You can add links to your blog which will direct your visitors to additional website pages where they will find additional information. You can also add downloadable documents to your blog posts: 1. Open your live website on the Internet and navigate to the page that includes your blog. 2. Login by entering the password you set when setting up the blog. 14

15 3. Advanced functions for posting, editing and deleting entries are shown on the website. 4. Open the details page of a blog entry by clicking on "Permalink" on the overview page of your blog, where your blog posts are shown in chronological order. 5. Now you can add several documents or links: to add a downloadable document that is saved on your local machine, mark the option "File". You can also choose a file from your media database by clicking on "Import from Media Database". 6. To add a link, enter the URL that you want to link to, in the field "URL" for example: Adding More Content to Your Blog In the main navigation item "Edit Content" you can add more text or contents from the media database to the pages. These contents cannot be changed in the live website later. All you add in the main navigation item "Edit Content" can only be edited or removed there. Please refer to section 5. Editing Multimedia Album You can combine images, videos and music into multimedia albums. Visitors to your website can watch videos, look at pictures and play sound files. Clicking on any media file will open an enlarged view Creating a Multimedia Album Create a Multimedia Album by adding a page of this type to your website. Please refer to sections 4.3 and 4.4 above Removing a Multimedia Album Remove a Multimedia Albums by removing the associated page in the usual way. Please refer to section 4.9 above Setting up a Multimedia Album Start the set up from the main navigation step "Manage Pages", then under the list "Your Pages" double-click the "Media" symbol or select the page's name and then on "Page configuration", on the left hand side menu. In the "General" tab you select all the important settings for your multimedia gallery: "Enable password protection": Activate password protection for your multimedia album. Check this box if you want to show your multimedia album only to selected visitors. "Your Password": Enter a password for your multimedia album. Website visitors can access the protected multimedia album only after you have told them the password. "Note": This notice will be shown to your website visitors when they are asked to enter the password. "Allow comments": Check this box if you want viewers to be able to add comments to each individual image, video or other media file. These comments will be visible to the following website visitors. Unsuitable comments can be deleted. Now continue with the next tab Media (see below) or complete the set up by clicking on "OK". After you click on "Save" the changes to the live website take effect. If you set up a new page that has not yet been published the settings take effect after the next publishing. If you only change the set up of an existing page, publishing is not necessary. 15

16 Adding Media to your album 1. Start the set up from the main navigation step "Manage Pages", then under the list "Your Pages" double-click the "Media" symbol or select the page's name and then on "Page configuration", on the left hand side menu. 2. Under "Media" tab click on "Add Files". You can only choose media files that are already part of your media database. You can now see the content of your media database under "Media". When you want to choose media files that are not yet part of your media database, first open the media database by clicking on "open media database". After that all options of the media database for managing and adding media files are available. 3. Click on the media files that you want to add to your album. The media files are added under "Media Album". 4. You can delete files, add more media files and change the file order at any time. 5. Close by clicking on "Save". 6. After you click on "Save" the changes to the live website take effect. If you set up a new page that has not yet been published the settings take effect after the next publishing. If you only change the setting of an existing page, publishing is not necessary Organising Media In the step "Media" you can choose the order the media files are shown in your album: 1. Start the set up from the main navigation step "Manage Pages", then under the list "Your Pages" double-click the "Media" symbol or select the page's name and then on "Page configuration", on the left hand side menu. 2. Click on "Media" tab. 3. All media files included in your album are listed in the order that they are shown in the album. You can adjust the order of single files by clicking on the up / arrow down arrow buttons, under action. 4. Now continue with the set up or complete the settings by clicking on "OK". After you click on "Save" the changes to the live website take effect. If you set up a new page that has not yet been published the settings take effect after the next publishing. If you only change the settings of an existing page publishing is not necessary Adding Descriptions to Media Files in an Album The file name is chosen as the description. These descriptions are visible for the website visitors when they leave comments provided that you allowed commenting on media elements (under general options). You can apply individual descriptions to all or only single media elements: 1. Start the set up from the main navigation step "Manage Pages", then under the list "Your Pages" double-click the "Media" symbol or select the page's name and then on "Page configuration", on the left hand side menu. 2. Click on "Media" tab. 3. All media elements included in your album are listed. The descriptions are shown in the "Description" column. Click on the pen symbol of the description you want to change. 16

17 4. Enter your new description in the input field and click on "Save". 5. Now continue with the set up or complete the set up by clicking on "OK". After you click on "Save" the changes to the live website take effect. If you set up a new page that has not yet been published the settings take effect after the next publishing. If you only change the settings of an existing page publishing is not necessary Deleting Media In the "Media" step, you can also delete single media elements from your album: 1. Start the set up from the main navigation step "Manage Pages", then under the list "Your Pages" double-click the "Media" symbol or select the page's name and then on "Page configuration", on the left hand side menu. 2. Click on "Media" tab. 3. All media elements included in your album are listed. Click on the trash symbol next to the media elements you want to delete. 4. Now continue with the set up or complete the set up by clicking on "OK". After you click on "Save" the changes to the live website take effect. If you set up a new page that has not yet been published the settings take effect after the next publishing. If you only change the settings of an existing page, publishing is not necessary. The media elements are now deleted from your album, they are still available in the media database Viewing and Deleting Comments When you allow your website visitors to comment on individual media elements, you can see an overview of all comments and also delete comments: 1. Start the setup from the main navigation step "Manage Pages", then under the list "Your Pages" double-click the "Media" symbol or select the page's name and then click "Page configuration", on the left hand side menu. 2. Click on "Comments" tab, if you can t select it means there are no comments. 3. All media elements with comments are listed. Click on "show comments" next to the media elements. All associated comments are shown with date and author. 4. Click the trash symbol next to the comment you want to delete and click "OK" in the confirmation dialog box. The comment is deleted from your website immediately. 5. By clicking on "back to list" you can return to the overview of all your media elements and their associated comments Adding More Content In the main navigation item "Edit Content" you can add more text or contents from the media database to the pages. These contents cannot be changed in the live website later. All you add in the main navigation item "Edit Content" can only be edited or removed there. Please refer to section 5. Editing. 17

18 4.13 Form This form enables visitors to your website to contact you to send queries, and request quotes. It enables you to better know your customers and visitors. When a visitor fills out and sends a form, an is sent to you Creating a Form Create an form by adding a page of this type to your website. Please refer to sections 4.3 and 4.4 above. You will then need to set up your form. 1. Start the set up from the main navigation step "Manage Pages", then under the list "Your Pages" double-click the "Form" symbol or select the page's name and then click "Page configuration", on the left hand side menu. Under General tab you can define the following settings: " address for contact requests": Enter the address to which you want the with the completed form to be sent. " Subject": Enter the text that you want to be the subject of the . "Message on submit" Enter the text shown to the visitor of your website when the form is sent. Now continue with setting up your form or if you have finished click on "OK". After you click on "Save" the changes to the live website take effect. If you set up a new page that has not yet been published the settingstake effect after the next publishing. If you only change the settings of an existing page, publishing is not necessary Adding, Editing and Deleting Form Field You can define which form fields the form includes under "Input Fields" tab when setting up your form. 1. Start the set up from the main navigation step "Manage Pages", then under the list "Your Pages" double-click the "Form" symbol or select the page's name and then click on "Page configuration", on the left hand side menu. 2. Click on the "Input Fields" tab. 3. Choose the field type of your choice under "Create new field". 4. Then click on "Add". 5. Depending on the chosen form type you can define the different options for the field. 6. The new field is added to the end of the form in the form preview. You can now move the field to your preferred position in the form with the up and down arrows. 7. Now continue with the set up or complete the set up by clicking on "OK". After you click on "Save" the changes to the live website take effect. If you set up a new page that has not yet been published the settings take effect after the next publishing. If you only change the settings of an existing page, publishing is not necessary. 8. You can change the options of a field at any time by clicking on the pen symbol next to the field, delete a field by clicking on the trash symbol next to the field change the order of the fields by clicking on the up / down arrow symbols. 18

19 Form Properties When you create or edit a form field, you can define dependent upon the field type the following options: "Description": The name of a form. "Default text": The text that is filled into a field by default. Define a default text for input fields with one or more lines when you expect the majority of visitors of your website to fill in the same text. "Required field": A field set to be a required field is marked with a star. The visitor of your website must fill in this field, otherwise the form can t be sent. "Error message": When the visitor of your website doesn t fill in a required field, the message entered here is shown. "Selection": With the field type "Selection" the visitor of your website chooses one option from a list of several options. To define the first two options of the list, replace the text "Select Value 1" and "Select Value 2" by your desired options. Additional options can be added by clicking on "Add option" Adding more Content In the main navigation item "Edit Content" you can add more text or contents from the media database to the pages. These contents cannot be changed in the live website later. All you add in the main navigation item "Edit Content" can only be edited or removed there. Please refer to section 5. Editing Removing an Form Remove an form by removing the associated page in the usual way. Please refer to section 4.10 above Shop When you set up your shop, visitors to your website have the option of placing your products or services in their shopping basket and then submitting their order. As the owner of the shop, the order will be sent to you via . The person ordering your products will receive an confirmation listing the products that he or she has ordered Creating a Shop Create your shop by adding a page of this type to your website. Please refer to sections 4.3 and 4.4 above. You will then need to setup your shop. 1. Start the set up from the main navigation step "Manage Pages", then under the list "Your Pages" double-click the "Shop" symbol or select the page's name and then click on "Page configuration", on the left hand side menu. When a customer of your shop sends an order, you receive the order via . There are several options available for this. Under "General" you can define the following settings: "Shop Name": Will be used in the subject of the you receive to inform you of the order. "Description": The description is helpful for you as a shop owner, to summarise important characteristics of your shop. " Address": Fill in the address to which the orders are sent. 19

20 For the creation of your product list the following settings are important: "Products per page": For example, when you offer 30 products, you can choose that the product list is shown on a single shop page or that the number of products per page is limited. When limitation is chosen, the product list will be split into several pages and the customer has to browse through the pages. The advantage is that the loading time of the product list is decreased considerably. "Tax type": Define the tax rate here. The setting "Global" means, that all products will be given the same tax rate. With the "Local" setting you can define a different tax rate for each product. "Currency": Currency of the shop prices. "Your terms and conditions": Fill in the legal terms that apply to the purchase. These have to be accepted by the customer before sending the order. Now continue with the set up or complete the set up by clicking on "OK". After you click on "Save" the changes to the live website take effect. If you set up a new page that has not yet been published the settings take effect after the next publishing. If you only change the settings of an existing page, publishing is not necessary Payment Options You can define one or more payment options. When setting up your "Shop" under the "Payment Settings" tab you define how payment is to be made. Simply by clicking the checkboxes of the options you want to use. When using the payment option "PayPal" you give your customers the opportunity to pay by credit card. To use this payment method you need an active PayPal account. When you click on the "PayPal" checkbox, a field appears in which you can enter your PayPal username. If you don t have a username yet, you can generate a new PayPal account by clicking the "Sign up" link. When you check the payment option "Prepayment", it is necessary to enter the data of your company and your bank account. Now continue with the set up or complete the set up by clicking on "OK". After you click on "Save" the changes to the live website take effect. If you set up a new page that has not yet been published the settings take effect after the next publishing. If you only change the setting of an existing page, publishing is not necessary Product List: Add, Hide or Delete Products Under "Product List" tab you create a list of the products that you want to offer in your shop. This is how you add a new product to your product list: 1. Under "Product List" click on "Create Product". 2. A form with different input fields for the product appears. "Product name" and "Short description": this information is shown to your customers in the shop for all products. Enter the price and, if necessary, the tax rate. The "Long description" is shown when the customer opens the details page of a product. 3. It is recommended to add a picture to the product. To do this, click on "Browse" to select the picture on your computer. Then click on "upload"; the picture will be resized to the proper size automatically. 4. Click on "Save". 20

21 5. You see the product list. The new product is marked as "Activated" by default. The status "Activated" means that the product is shown in the product list. 6. Now continue with the set up or complete the set up by clicking on "OK". After you click on "Save" the changes to the live website take effect. If you set up a new page that has not yet been published the settings take effect after the next publishing. If you only change the settings of an existing page, publishing is not necessary. 7. You can also change the product properties at any time by clicking on the pen symbol next to the product you want to change. 8. Delete a product by clicking on the trash symbol next to it 9. Temporarily hide or show a product in the product list: When you delete the checkmark of the "Activated" column by clicking on it, the product is hidden. By clicking the empty checkbox the product is shown in the product list again. 10. Change the order of the products in the shop by using the according arrow symbols to move products up and down the list Adding more Content In the main navigation item "Edit Content" you can add more text or contents from the media database to the pages. These contents cannot be changed in the live website later. All you add in the main navigation item "Edit Content" can only be edited or removed there. Please refer to section 5. Editing Deleting a Shop You can delete a shop by removing the associated page in the usual way. Please refer to section 4.10 above. When you delete a shop, all of your product descriptions will be lost Guestbook For your visitors to give their opinion about your website or service, you can open a guestbook, adapted to the design of your website Creating a Guestbook Create a Guestbook by adding a page of this type to your website. Please refer to sections 4.3 and 4.4 above Deleting a Guestbook Delete a Guestbook by removing the associated page in the usual way. Please refer to section 4.10 above. If you remove a page of the Guestbook type, all guestbook entries will be lost Setting up a Guestbook 1. Start the set up from the main navigation step "Manage Pages", then under the list "Your Pages" double-click the "Guestbook" symbol or select the page's name and then on "Page configuration", on the left hand side menu. 21

22 You can make the following settings under "General": "Send notification for new entries": You can specify that you want to be notified about incoming contributions via Enable the checkbox "Send notification for new entries". When the checkbox is enabled you receive an whenever a new guestbook entry is created. " address": Enter the address that notification mails about new entries are sent to. " subject": Enter the subject of the . By clicking on "OK" you complete the set up and by clicking on "Save" you save your changes. If you set up a new page that has not yet been published the settings take effect after the next publishing. If you only change the settings of an existing page publishing is not necessary Reading, Commenting and Deleting Guestbook entries 1. Start the set up from the main navigation step "Manage Pages", then under the list "Your Pages" double-click the "Guestbook" symbol or select the page's name and then click on "Page configuration", on the left hand side menu. 2. Click on "Entries". All guestbook entries are shown in chronological order. 3. Click the pen symbol to comment a guestbook entry or click the trash symbol to delete a guestbook entry. 4. When you confirm the safety dialog by clicking on "OK", the entry will be deleted from your live website immediately. Your comment on an entry is shown on your website immediately after clicking "Submit". 5. Now continue with the set up or complete the settings by clicking on "OK". After you click on "Save" the changes to the live website take effect Voting Voting allows you to get instant feedback from your visitor. This is particularly useful to understand customer experience with your website Setting up Voting Create a page with Voting by adding a page of this type to your website. Please refer to sections 4.3 and 4.4 above Deleting a Guestbook Delete voting by removing the associated page in the usual way. Please refer to section 4.10 above. If you remove a page with voting the voting result will be lost Setting up Voting 1. Start the set up from the main navigation step "Manage Pages", then under the list "Your Pages" double-click the "Voting" symbol or select the page's name and then on click "Page configuration", on the left hand side menu. 22

23 The following settings are possible: "Question": Delete the sample text and enter your own question. "Options": Similarly for the reply choices: specify one reply per field. The visitor must have at least two replies to choose from. You can add as many replies as you like by pressing the "Add Further Options". To delete a reply option, click the Button "Delete" (next to the last reply created) "Reset Poll": The voting result, the question and the answers are reset. You can now set up another voting about a new topic. "Close Poll": The voting is finished. If website visitors call the voting page they can only see the voting result but no longer participate. By clicking on "OK" you complete the set up and by clicking on "Save" you save your changes. If you set up a new page that has not yet been published the settings take effect after you next publish your website. If you only change the setting of an existing page, publishing is not necessary Forum Creating a Forum Create a Forum by adding a page of this type to your website. Please refer to sections 4.3 and 4.4 above Deleting a Forum Delete a Forum by removing the associated page in the usual way. Please refer to section 4.10 above. If you remove a page of the Forum page type, all discussion contributions will be lost Locking and Unlocking a Forum When you insert a page with the page type "Forum" in your website and publish your website, the forum is active immediately by default. You can lock a forum to block both reading and creating entries. In difference to deleting a forum the forum entries stay intact. While the forum is locked, you can control forum entries and delete unwanted entries. This is how you can lock and unlock a forum: 1. Start the set up from the main navigation step "Manage Pages", then under the list "Your Pages" double-click the "Forum" symbol or select the page's name and then click on "Page configuration", on the left hand side menu. 2. Click on "General" tab. 3. To lock the forum, select the empty checkbox "Lock forum". To unlock the forum, click the checkbox "Lock forum" again. 4. By clicking on "OK" you complete the set up and by clicking on "Save" you save your changes. If you set up a new page that has not yet been published the settings take effect after the next publishing. If you only change the settings of an existing page publishing is not necessary. 5. Under "Edit Content", add an introduction paragraph about the topic that the visitors of your website should discuss. You can also post the first entry on your live website yourself. 23

24 Viewing and Deleting Forum entries Visitors of your website can post new discussion posts or answer previous posts. A first post with the according answers is called a thread. This is how you read and delete posts: 1. Start the setup from the main navigation step "Manage Pages", then under the list "Your Pages" double-click the "Forum" symbol or select the page's name and then click on "Page configuration", on the left hand side menu. 2. Click on "Threads". 3. All threads are shown. Click the title of a thread to show the list of all posts for this thread. 4. To delete a discussion post, click the trash symbol next to the unwanted post. 5. When you confirm the safety dialog by clicking on "OK", the post is removed from your website immediately. 6. By clicking "back to threads list" you get back to the thread overview. 7. To delete a complete thread and all associated posts click the trash symbol in the list of threads or delete the first post of a thread. When a post is removed all answers to that post are also removed Adding more Content In the main navigation item "Edit Content" you can add more text or contents from the media database to the pages. These contents cannot be changed in the live website later. All you add in the main navigation item "Edit Content" can only be edited or removed there. Please refer to section 5. Editing Full-text Search With a full-text search you give the visitors of your website the opportunity to search through the entire content of your website Adding and Deleting Full-text Search You can add a full-text search by adding a page with the page type Search and saving the changes. Please refer to sections 4.3 and 4.4 above. You can delete by removing the associated page in the usual way. Please refer to section 4.10 above Adding more Content In the main navigation item "Edit Content" you can add more text or contents from the media database to the pages. These contents cannot be changed in the live website later. All you add in the main navigation item "Edit Content" can only be edited or removed there. Please refer to section 5. Editing Database Creating a Database You create a database by adding a page with the page type button "Database" to your website and saving the changes Importing Data The table that you would like to add to your website must be available as a CSV file. Every standard database and spreadsheet can be exported as a CSV file. 24

25 If you are working with an Excel spreadsheet, follow these steps: In Excel, select the menu option "Save as" and then Select file type "CSV" from the corresponding selection field. Save the CSV file to a local storage medium, usually on the hard disk. Please be sure that each column contains only the same type of information. When exporting a table, it does not make a difference whether or not column headers are included in the first line. To add a table, follow these steps: 1. Start the set up from the main navigation step "Manage Pages", then under the list "Your Pages" double-click the "Voting" symbol or select the page's name and then on "Page configuration", on the left hand side menu. 2. Behind "CSV file" click on "Change". 3. Choose the CSV file of your choice on your local machine by clicking "Browse". 4. Now click on "upload". 5. By clicking on "OK" you complete the set up and by clicking on "Save" you save your changes. If empty columns appear following the import, check the original table to see if there are any extra columns that may contain empty spaces Optimizing Data Display A table always has a given width in your design. When the table gets wider than the given space in your design by the number and width of columns, a horizontal scrollbar is added. You can change the display by changing column widths: This is how you define a column width: 1. Start the set up from the main navigation step "Manage Pages", then under the list "Your Pages" double-click the "Voting" symbol or select the page's name and then on "Page configuration", on the left hand side menu. 2. Under "Action" click the symbol for editing. For columns to be shown with a fixed width, enter the width and activate the checkbox line break. Contents of a column that are wider than the column width are then shown multilined. 3. For columns to be shown with a variable width, deactivate the checkbox line break. The content of the column is then not wrapped and the column gets as wide as necessary to display a table entry in one line. 4. By clicking on "OK" you complete the set up and by clicking on "Save" you save your changes. Additionally the column name and the number of displayed columns can be changed: 1. Start the set up from the main navigation step "Manage Pages", then under the list "Your Pages" double-click the "database" symbol or select the page's name and then on "Page configuration", on the left hand side menu. 2. To change the column name click the editing symbol under "Action". Enter the column name in the field "Name of column". When you want to automatically to hide a column, remove the mark in the checkbox "Visible". 25

26 3. By clicking on "OK" you complete the set up and by clicking on "Save" you save your changes Adding more Content In the main navigation item "Edit Content" you can add more text or contents from the media database to the pages. These contents cannot be changed in the live website later. All you add in the main navigation item "Edit Content" can only be edited or removed there. Please refer to section 5. Editing Deleting a Database Delete a Database by removing the associated page in the usual way. Please refer to section 4.9 above. If you remove a page of the Database page type, all settings are lost. Step 5. Editing 5.1 Edit using Internet Explorer V5.5, 6 and 7 Step 5 is the Edit section of website creation where you will be asked to enter your text, pictures, and other content. All new changes are to be typed directly in the navigation window. The navigation window can either be in Edit or Preview mode. To switch modes you can either, click on Edit mode or Preview mode from the File menu, click on the icons located on the task bar, or you can also use the short-cut keys F8 (Preview) or F9 (Edit). By default, the selected page appears in Edit mode. Only this mode allows you to modify text or images Full Screen The Full Screen mode lets you have a larger overview of the different parts that make up your page. You ll find the Full Screen option in the website creator menu bar, under the File main menu or you can also use the short-cut key F12. Enabling this option will hide the menu bars and upper icons, leaving only the Edit menu Preview Use the Preview mode to view the website just as a customer would, proof read the contents and verify the links: presenting a flawless website to your visitors. You can display the preview in the current or in a separate browser window. Click on the "File" menu and then on the "Preview in New Window" menu item to open another browser window. If you use the "Preview Mode" menu item in the "File" menu, the preview is displayed in the WebsiteCreator window. In Preview mode, the menu and toolbars do not have any functions for editing content. Therefore, you cannot change any contents in Preview mode. To further edit the contents, switch back to Edit mode General The content editing tool is easy-to-use: you can create paragraphs, tables, or lists, and add pictures to any of them. The main rule of thumb with this tool is simple: consider the paragraphs, tables and lists as blocks. When creating a paragraph for instance, you ll need to create it either above or below another paragraph, table or list - never inside. The same applies to tables or lists. 26

27 5.1.4 Create, Edit, or Delete Paragraphs For this purpose, you need to be in "Edit mode" on the page where you would like to insert text. To create a new paragraph, first select the position where you would like to insert the paragraph. To do so, click on the paragraph, list, or table where to place the new paragraph. In the "Paragraph" menu, select the desired item "New Paragraph Above" or "New Paragraph Below". The cursor automatically jumps to the beginning of the new paragraph, and you can start typing immediately. This is the fastest way to create a new paragraph below an already existing paragraph: position cursor in the paragraph under which you want to insert a new paragraph and press ["Enter"]. You can force a line break a new line in the same paragraph with the key combination ["Ctrl"] + ["Enter"]. The new line doesn t have spacing to the previous line, while a new paragraph always has spacing to the previous and following paragraph. To delete or move a paragraph, click to select it and then in the "Paragraph" menu, click on "Delete Paragraph" or "Move Paragraph Up (or Down)" menu item Using Paragraph Layouts Paragraphs can be set up with different layouts. Three default layouts are always available: "Heading" "Second heading" and "My paragraph". The fonts to be used for the "Heading", "Second heading" and "My paragraph" are specified under "Customize Design" where you are offered a selection of fonts and matching your selected design. It is possible to add your own layouts to the existing default ones. This is how you choose a layout for a paragraph: 1. Position the cursor within any paragraph. 2. Choose "Change layout" from the menu "Paragraph". 3. Choose the desired layout by clicking on the round options-field. 4. Confirm with "OK". List entries and table contents always have the layout "My paragraph" Create, Edit and Delete Tables Tables are useful to position or align text or pictures. If grids are displayed please note that the grids will not appear in the online page. These tables are only here to help you build your page. However, if you wish the grid lines to appear in the layout stage, you can turn them on or off via the "options" menu. To create a new table, click on the paragraph, list, or table where the new table shall be inserted. In the "Table" menu, select the "New Table Above" or "New Table Below" item. A table with two columns and two rows, i.e. four table cells is created. You can insert one image per table cell. This means you can position several images side by side in a table. Click on the table cell in which to insert the image. You can add new columns or rows to the table by clicking on the table row below, above or next to where you would like to insert a new column/row. Then click on the "Table" menu item and on the desired menu item, e.g. "Insert Column Right" or "Insert Row Above". 27

28 You can move table columns or rows within the table: Click on a table cell of the row/column and select the desired option from the "Table" menu. With the menu items "Move Table Up" and "Move Table Down" from the "Table" menu you can change the position of the selected table. When you want to delete an entire table, click somewhere in the table and select the "Delete Table" option from the "Table" menu Create, Edit and Delete Lists To create a new list, click on the paragraph, list, or table where the new list shall be inserted. In the menu, select the "List" item and then the desired option "New List Above" or "New List Below". In order to add new list items, click the text of the list item below or above which you would like to insert a new list item. From the "List" menu, select the option "Insert List Item Above" or "Insert List Item Below". To delete or move a list item, click to select it and then in the "List" menu, click on the "Delete Item" or "Move List Item Up (or Down)" menu item. To delete an entire list, click on a list item of the list to be deleted and select "Delete List" from the "List" menu. Using the "List On/Off" function from the "List" menu, you can convert the selected paragraph to a list item. If the paragraph is placed immediately above or below a list, it is integrated in that list. Otherwise, the paragraph is converted to the first list item of a new list. On the other hand, the List On/Off function converts a selected list item to a paragraph Bold and Italic Text You can format single words or text blocks in italics or bold. For this purpose, highlight the text to be formatted. Then on the menu bar click on "Edit" and select the appropriate option, "Bold" or "Italic" Importing Text If you already have some text ready in text format and you wish to it, you can import it: select it and press the shortcut "Ctrl + C". Place the cursor where you want the text inserted, and click on "Ctrl + V". The text will be copied left of the cursor Creating Hyperlinks You want to achieve the following effect: When a visitor of your website clicks on one single word, text passage or image, he or is taken to a specific place. For this purpose, you create a so-called link for this word or text passage. You can specify that when clicking on the link, the visitor gets taken to another page of your website (internal link), is directed to another website on the Internet (external link) or that his or her program is opened ( link). If you want to create an internal link to a certain page within your website, first highlight the text to refer to the other page and then click the "Edit" item on the menu bar and select the "Link..." option. A dialog box will open, click on "internal". This will give you the map of your website: click the page title you want the link to take to and the corresponding path appears in the address field of the dialog box. Click "OK". Your link is now created. 28

29 For your visitor to be taken from your website to another, or a file to download, click the "External" link in the "Link" window. Then type the full address the hyperlink must take visitors to (for instance Click "OK". If you wish to redirect the visitor to an interface for them to write to a specific address (for instance [email protected]), select "External" and enter "mailto" followed by the address the visitor will be able to send a message to: i.e. mailto:[email protected]. Just as text does, images can also serve as links. In "Edit" mode, click on the selected picture and click on "link" Adding downloadable documents A file you offer for download can be labelled with a symbol or a text link. The symbol shows the file type as long as it is a standard file type as, for example, PDF. When a visitor of your website clicks the symbol or the text link, the download begins and the file can be opened or saved. This is how you add a downloadable file: 1. Pick the page of your website where you want to insert the downloadable file. To add a file labelled with the symbol of the file type, position the cursor at the designated spot in the paragraph, list point or table cell. To label the downloadable file with the text of your choice, write the text and select it. 2. In the main navigation step "Edit Content" in the menu bar click the menu item "Edit" and then on "Download link". 3. The media database is opened. If the file you want to insert for download isn t yet in your media database, add the file to your media database. 4. Now choose the file in the media database by clicking the file name and then click "Insert download link" under "Common tasks". You can insert the file in a paragraph, a table cell or a bullet list. It is also possible to insert several files in the same paragraph, list or table. To remove a downloadable file from your website, 1. Select the downloadable file and press ["Del"]. Or: In the "Edit Content" menu choose "Link" and then "Delete" Editing the footer When you activated the footer under "Settings" you can edit the footer text in the navigation step "Edit Content". For this, choose "Edit footer" in the "Edit" menu. The cursor jumps to the footer text. The text you define here is shown on all pages in an identical way. Changes to the text therefore affect all pages. Click on "Save". The changes will be immediately visible on your published website. You do not need to republish. You can set the layout of the footer just like any other page Spell Checker You can have your texts proofread by the spell checker. First select the desired language by choosing "Extras" in the menu bar, and then "Select language". Click "Extras" again, and then "Spell checker". 29

30 A new window opens, specify whether the full document should be checked or only the text block right of the cursor. Click on "check document". When the spell checker comes across a term not in its dictionary, several options are proposed: if you still think your spelling is correct, click "Ignore". If you wish to use one of the proposed suggestions, click on it, and then "Modify". The spell check will then resume. 5.2 Edit using Mozilla / Firefox Edit Mode The operations set out here can be carried out at stage "Edit Content" where you will be asked to enter your text, pictures, and other content elements. By default, the selected page appears in edit mode. Only this mode allows you to modify text or image elements. The navigation window can either be in edit or preview mode. To switch modes you can either, click on "Edit mode" or "Preview" from the "File" menu General The content editing tool is easy-to-use: you can create paragraphs, tables, or lists, and add pictures to any of them. The main rule of thumb with this tool is simple: consider the paragraphs, tables and lists as blocks. When creating a paragraph for instance, you ll need to create it either above or below another paragraph, table or list - never inside. The same applies to tables or lists Preview Mode Test your entire online appearance in the preview. Here, you can check all links and contents and view your website exactly as it is published. In the preview, please verify your headings. For technical reasons, there might be differences between the edit view and the preview. You can display the preview in the current or in a separate browser window. Click on the "File" menu and then on the "Preview in New Window" menu item to open another browser window. If you use the "Preview Mode" menu item in the "File" menu, the preview is displayed in the WebsiteCreator window. In Preview mode, the menu and toolbars do not contain any functions for editing content. Therefore, you cannot change any contents in Preview mode. To further edit the contents, switch back to Edit mode Entering text in the window Text can only be edited in the text window. First select the text to be modified. For this purpose, just click somewhere inside the text. You can select a paragraph, a single list item or the contents of a table cell for editing. The selected text is highlighted in another colour. From the "Edit" menu select the "Edit Text" menu item or just double-click on the text you would like to edit. The text window is opened. In the text window, enter the new text or delete or overwrite the existing text. Alternatively, open the text window by double-clicking a paragraph, table cell or list item Creating, editing, or deleting paragraphs To create a new paragraph, first select the position where you would like to insert the new paragraph. To do so, click on the paragraph, list, or table in which to place the new paragraph. Your selection will be highlighted in another colour. From the Paragraph menu, select the desired item "New Paragraph Above" or "New Paragraph Below". The new paragraph already contains the standard contents "New paragraph". You can replace this text by clicking on it and then selecting "Edit 30

31 Text" from the "Edit" menu. Or you double-click on the standard text to open the text window for editing. To delete or move a paragraph, click to select it and then in the "Paragraph" menu, click on the "Delete Paragraph" or "Move Paragraph Up (or Down)" menu item Using paragraph layouts Paragraphs can be set up with different layouts. Three default layouts are always available, "Heading" "Second heading" and "My paragraph". The fonts to be used for the "Heading", "Second heading" and "My paragraph" layouts are specified under "Customize Design" where you are offered a selection of fonts and text colours matching your selected design. It is possible to add your own layouts to the existing default ones. This is how you choose a paragraph layout: 1. Position the cursor within any paragraph. 2. Choose "Change layout" from the menu "Paragraph". 3. Choose the desired layout by clicking on the round options-field. List entries and table contents always have the layout "My paragraph" Create, Edit, or Delete tables Tables are useful to position or align text or pictures. The grids will not appear in the online page. To create a new table, click on the paragraph, list, or table where the new table will be inserted. Your selection will be highlighted in another colour. From the "Table" menu, select the "New Table Above" or "New Table Below" menu item. A table with two columns and two rows, i.e. four table cells is created. By default, the first table cell contains the text "New table" which you can replace with your own text or image. The other table cells contain the number of the cell or column by default. This content can be replaced as well. In order to enter text in the table cells click on the respective table cell. In the "Edit" menu, click on the "Edit Text" menu item. You can then edit the text in the table cell using the text window. Or you double-click on the standard text to open the text window for editing. You can insert one image per table cell. This means you can position several images side by side in a table. Click on the table cell in which to insert the image. You can add new columns or rows to the table by clicking on the table row below, above or next to which you would like to insert a new column/row. Then click on the "Table" menu item and on the desired menu item, e.g. "Insert Column Right" or "Insert Row Above". Likewise, you can move table columns or rows within the table: Click on a table cell of the respective row/column and select the desired option in the "Table" menu. Using the menu items "Move Table Up" and "Move Table Down" from the "Table" menu you can change the position of the selected table. If you want to delete an entire table, click somewhere in the table and select the "Delete Table" option from the "Table" menu. 31

32 5.2.8 Create, Edit, or Delete lists To create a new list, click on the paragraph, list, or table where the new list shall be inserted. Your selection will be highlighted in another colour. From the menu, select the "List" item and then the desired option "New List Above" or "New List Below". The first list item containing the standard text "New list" is created. You can replace this standard text by clicking on it and then selecting "Edit Text" from the "Edit" menu. Or you double-click on the standard text to open the text window for editing. In order to add more list items to your list, click the text of the list item below or above which you would like to insert a new list item. From the menu, select the "List" item and then the desired option "Insert Listitem Above" or "Insert Listitem Below". To delete or move a list item, click to select it and then in the "List" menu, click on the "Delete List item" or "Move List item Up (or Down)" menu item. To delete an entire list, click on any list item of the list to be deleted and select "Delete List" from the "List" menu. Using the "List On/Off" function from the "List" menu, you can convert the selected paragraph to a list item. If the paragraph is placed immediately above or below a list, it is integrated in that list. Otherwise, the paragraph is converted to the first list item of a separate list. On the other hand, the "List On/Off" function converts a selected list item to a paragraph Bold and Italic Text You can format single words or text blocks in italics or bold. For this purpose, click on the paragraph, list item or table cell containing the text to be formatted. In the "Edit" menu, click on the "Edit Text" menu item. This opens the text window. Select the text passage to be formatted and then click on the appropriate icon for "bold" (B) or "italic" (I) formatting on the toolbar of the text window Import text If the text exists already in a text document, just select the text passage to be inserted and press "Ctrl + C" (Apple: "Apple + C"). Then, position the cursor where you want to insert the imported text. In the "Edit" menu, click on the "Edit Text" menu item. Or simply doubleclick on the text where you want to insert the imported text. This opens the text window. Position the cursor in the text window and press "Ctrl + V" (Apple: "Apple + V"). Finally, click on "OK" to transfer the text to your page Create hyperlinks If you want to be able to hyperlink text, an image or a single word, set up a link associated with the word or image so that visitors can be taken either to another page of your website (internal link), or be directed to another website on the Internet (external link) or that his or her program is opened ( link). To create a text link, click on the paragraph, list item or table cell with the text to be linked. In the "Edit" menu, click on the "Edit Text" menu item. This opens the text window. Select the text to be linked to the jump target. Then click the "Link" icon on the toolbar. To create an internal link, in the new Links 32

33 window click on the "Internal" option and then click on "Browse". The navigation of your website is displayed containing all of your pages. Click on the page to which the link refers and then click on "OK". The corresponding link is now displayed in the Link window. Click on "OK" again, and the link is ready to be used. For your visitors to be taken from your website to another website, or a file to download, click the"external" link in the "Link" window. Then type the full address the hyperlink must take visitors to (for instance Click "OK". If you wish to redirect the visitor to an interface for them to write to a specific address (for instance [email protected]), select "External" and enter "mailto:" followed by the address the visitor will be able to send a message to: i.e. mailto:[email protected]. Just like text passages, you can also link images to other pages. In the Edit mode, click on the image to be linked and select the "Link" menu item from the "Media" menu. If you want to create an internal link to a certain page of your website, click on "Internal" in the newly displayed window. The navigation of your website is displayed containing all of your pages. Click on the page to which the link shall refer. The corresponding link is now displayed in the Link window. Click on "OK", and the link is ready to be used. You can of course create external links as well. To do so, click on the image and then select the "Link" option from the "Media" menu. Enter the full website address (e.g. of the Internet page which is the target of the link and then click on "OK". Just as with text links, you can create an link for an image as well (e.g. mailto:[email protected]) Adding Downloadable Documents A file you offer for download can be labelled with a symbol or a text link. The symbol shows the file type as long as it is a standard file type as, for example, PDF. When a visitor of your website clicks the symbol or the text link, the download begins and the file can be opened or saved. This is how you add a downloadable file: 1. Pick the page of your website where you want to insert the downloadable file. Click the paragraph, list point or table cell where you want to insert the download link. 2. In the main navigation step "Edit Content" in the menu bar click the menu item "Edit" and then on "Edit text". 3. To add a downloadable file labelled with the symbol of the file type, position the cursor at the desired position in the text window. To label the file with a text of your choice, write the text and select it. 4. Click the "Download link" symbol. 5. The media database is opened. If the file you want to insert isn t yet in your media database, add the file to your media database. 6. Now choose the file in the media database by clicking on it and then click "Insert download link" under "Common tasks". You can insert the file in a paragraph, a table cell or a list point. It is also possible to insert several files in the same paragraph, list point or table. To remove a downloadable file from your website; 1. Double click the text area that is linked with the downloadable document. The text window is opened. 2. Select the downloadable file and press ["Del"]. 33

34 Editing the Footer When you activated the footer under "Settings" you can edit the footer text in the navigation step "Edit Content". For this, choose "Edit footer" in the "Edit" menu. The cursor jumps to the footer text. The text you define here is shown on all pages in an identical way. Changes to the text therefore affect all pages. Click on "Save". The changes will be immediately visible on your published website. You do not need to republish. You can set the layout for the footer just like any other page! 5.3 Format Layouts Creating and Editing Your Own Format Layout You can create your own paragraph layouts, for example, to create paragraphs with different font sizes or colours or to center a paragraph. This is how you create a new paragraph layout: 1. Position the cursor in a paragraph. 2. In the menu "Paragraph", select "Change layout". 3. Click on "Create New". 4. Name the new layout. 5. In the list field "Font family", choose the font and in the list field "Font size" choose the font size. 6. To pick a font colour click on the field behind "Font colour" and choose the preferred colour by clicking in the colour palette. Or: insert the colour value in a hexadecimal format beginning with # in the input field. You can choose the background colour the same way. 7. With your selection you ve created a so-called CSS which you can now change or amend. To do this, click on "Edit CSS code". You can create creative paragraph formats in the CSS input window by entering the CSS properties for font and paragraph layout, borders and indentions. 8. When you like the result shown in "Preview", click on "OK". Glossary: A Cascading Style Sheet (CSS) is a language that is used to specify the style and design of your website pages. Supported CSS properties are font and paragraph layout, borders and indents. Non-supported CSS properties aren t saved. This is how you change a layout: 1. Position the cursor within any paragraph. 2. Choose "Change layout" from the menu "Paragraph". 3. Click the pen symbol. You can then change all settings you made when creating the CSS and save changes by clicking on "OK". All paragraphs with the layout you changed are displayed with the new settings Setting Default Paragraph Format When you create a new paragraph by pressing "Enter", the new paragraph will be in the default paragraph format "default". This is how you set a standard paragraph format: 1. Position the cursor within any paragraph. 2. Choose "Change layout" from the menu "Paragraph". 3. Choose the desired layout by clicking on the round options-field. 4. Click "Default". The chosen layout is labelled with the addition "Default" and saved as the new default layout for new paragraphs immediately. 34

35 5. End the process with "OK", when you want to use the layout set as "Default" for the currently chosen paragraph; or abort the process with "Cancel" Deleting Paragraph Layouts 1. Position the cursor within any paragraph. 2. Choose "Change layout" from the menu "Paragraph". 3. Choose the desired layout by clicking on the round options-field. 4. Click the trash symbol and confirm the safety dialog. The layouts "Heading", "Second heading" can t be set as "Default" because these formats can only be used for one-lined headings. When you delete a layout that you use for paragraphs on your website, these paragraphs are assigned the layout "default". 5.4 Media Database In order to use media from the media archive you must first import the respective medium from the media archive into your media database: 1. Open the media database. 2. Select the "Open media archive" task from the "Common tasks" menu. 3. Double-click the required folder to open it and, if necessary, any additional subfolders. 4. Select a medium by clicking on it. 5. Click "Import". 6. The medium has now been added to your media database. You can now add the images and Flash movies you have imported into your media database to your website or you can edit them. Sounds and music can only be used for the creation of Flash movies Opening the Media Database The first step is always to import your own media from your computer into your media database so that you can add them to your website. When you are using Internet Explorer as your browser, uploading files is most easily done when you allow and install ActiveX in your browser options. When you are using a different browser, uploading is the most comfortable when you set up your browser to be able to use Java. Then, this is the way you upload files to your media database: 1. Open the media database and then the folder that you want to upload files into. 2. Click on "Upload file". 3. In the upper part you can now see all files and folders saved on your computer. In the left part you see the content as a tree structure. Click the plus symbols in front of the folders to view contained subfolders. Open a folder by clicking the name of it. The content of the currently opened folder is always shown on the right side. 4. When you see the files as small symbols you can change to list view by clicking "List view". 5. When you see a file list you can change to view it as small symbols and pictures by clicking on "Thumbnail view". 6. Select the files you want to upload by clicking the thumbnail (in thumbnail view) or by clicking the list entry in detail view. When you press ["Ctrl"] at the same time you can select additional files. By clicking shift you can select ranges. You can also click on "Select all" and select all shown files. 35

36 7. The selected files have now to be brought to the lower segment of the window. You can add selected files to your choice by dragging them in the lower segment, or by clicking on "Add selected". Total file size and number of the chosen files is shown. When you decide that you do not want to upload single files, select those files by clicking on them. By clicking on "Remove selected" you delete the selected files from your choice. Once you have brought all wanted files to the lower segment click "Upload". When you are using Internet Explorer and don t allow ActiveX for security reasons or when you are using a different browser without Java, you can upload files this way: 1. Open the folder in that you want to upload files. 2. Click on "Upload file". 3. Click on "Browse". A window is opened where you can browse through the files stored on your local machine. Choose the file you want. 4. Click "Upload" Editing Pictures In the media database, it is also possible to edit your pictures. Click on the picture to be edited. This will select it. In the "Image tasks" section, select "start image editor". You can cancel the last action applied by clicking "undo" in the "file" menu. Clicking "revert" will cancel all changes since the last save. The "save" function saves all changes. "Save image as" allows you to save the file under a different name and therefore create a new picture file. The image editor presents the following features: Greyscale: transforms a colour photograph into a black and white photograph (reduce the palette to 256 shades of grey maximum) Tinting: allows you to reduce the colour range of a picture to a selected colour. The "Old" tint for instance gives your picture the sepia colour of an old picture. Invert: All colours are reverted. Revert twice and you'll go back to the original picture. Brightness and contrast: sharpens or reduces a picture's contrast and brightness. The higher the number, the brighter and more contrasted the photograph. Red eyes: The pupils of people looking at a camera lens are often red. The "red eyes" function allows you to tint red pupils. Place the pointer on the pupils, and click. Emboss: Creates a 3-D impression. Blur: enables you to soften sharp contours by reducing the contrast between different points in the picture. Sharpen: increases contrast between different points in the picture, making edges. Find edges: makes a sketch of the objects/people in the picture by selecting their contours. Image size: enables you to enlarge or scale down a picture. Size is given in pixels. You can modify the width or height of a picture. The "Keep aspect ratio" option enables you to reduce or increase height and width proportionally. Crop: Cuts part of the picture according to your specifications. Rotate: Rotates picture by 90, 180 or 270 degrees. Mirror: reflects the picture along a vertical or horizontal axis. 36

37 Restore: Restores the picture after the "Cancel - Undo" function has been used Creating and Editing Flash Movies To create a Flash movie: 1. In the "Common tasks" menu, click on "Create movie". 2. Enter a name for the new movie. 3. The MovieCreator now opens. This is the editor you use in order to create the Flash movie. Additionally you can use it to incorporate various effects, music and images into your movie. 4. Compile the contents of you Flash movie using the tasks from the "Content" menu. 5. Then modify the appearance of the various content elements using the tasks from the "Layout" menu. 6. Add special movement effects using the tasks from the "Effects" menu. 7. Save your settings by selecting "Save Flash movie" in the "File" menu. Remember to save the changes before closing the Flash Editor. Updating the preview: 1. Click on Apply after you have performed a change in order to update the preview. In this way, for example, you can check the colour selection or effects. The "Contents" menu of the MovieCreator provides the following options: Text: You can enter up to ten text blocks. Each field may contain one or several words. The individual text blocks will appear one after the other in the animation. The display and readability of the individual elements depend on the settings you choose regarding the movie and font sizes. Images: Gif or JPG files from the media database can be inserted as background images. Photos from the media archive can also be used once they have been imported into the media database. In this case you can modify the size and position of the image individually so that it fits into the size of the movie or that only a section of it will be displayed. Please note: If you use the "Adapt to movie sizes" function, the page proportionality will not be preserved which means that the image will probably be slightly compressed or stretched. Sounds: You can integrate an MP3 fie into your movie to be played in the background of the animation. This can be any MP3 file you have previously uploaded into your media database. MP3 files from the media archive must first be imported into the media database in order to integrate them into the Flash movie. The "Layout" menu of the MovieCreator provides the following options: Movie size: You can choose between predefined size settings and an individual one. Note that a general width of 400 pixels cannot be exceeded. Here you can define the font and background colours individually. Font: You can choose between different fonts and font sizes. The size set here is the default size that is always displayed unless it is changed in the text effects menu (scaling). In addition, you can set a cast shadow with various parameters. 37

38 The "Effect" menu of the MovieCreator provides the following options: Text effects: Determine the movement, rotation and alignment of the text blocks. You can move, rotate and change the size of texts from the start and end positions, which means that a multitude of dynamic sequences is available. For example, a little rotating text block can move from the left to the right of your screen and grow to become 10 times its original size. Special effects: You can include predefined animations and adapt them using various parameters such as size, position, rotation, etc. The "Rotation" parameter cannot be used for all animations. The special animations can be simultaneously used and combined with background images. The "Flash preview" menu of the MovieCreator provides the following options: You can choose between several preview sizes. Note that this only affects the preview size and not the actual output size. In most cases the preview in original size is the most appropriate one. An increased preview of 200% is recommended, if you have defined a very small movie size. For movie sizes of more than 220 pixels in height it can be useful to adapt the preview to the preview pane in order to view the entire movie without having to scroll. All movies created with the editor can be edited at any time. To do this: 1. Click on a movie to select it. 2. In the "MovieCreator" menu, click on "Edit movie". 3. Perform the steps for creating a new Flash movie. Flash movies imported from the media archive or uploaded to the media database cannot be edited in MovieCreator Adding Images to Your Website You can insert pictures in any "standard" paragraph or a table cell. However you cannot do this in headings and lists. In "Edit" mode, select the page to be inserted. Place your cursor where you wish to insert the picture. If you don't wish to insert the picture in an existing paragraph but in a new one, create a new paragraph. Then from the "Media" menu, select "insert image". The media database opens: open the folder containing your image, select the image to insert by clicking once. If the image you wish to use is not yet in the media database, you must upload it first. Then click on "insert image in text". The media database is then closed. Once an image is inserted, you can shift it left or right. To do so, click on the picture, then choose the "Image properties" in the "Media" menu. In "Image properties", select "left" or "right". Click "OK" to confirm. If you click on "Cancel", the image is not shifted. All that is left for you to do is decide on a caption that will appear as "speech bubble" on the inserted picture. Visitors with a text-only browser will only see the caption. 38

39 To add a caption to an image, select the picture, and in the "Media" menu, click on "Image properties". Then click on "Caption" and enter a short description. Click "OK" to confirm. If you do not wish the changes to be taken into account, click "Cancel" Exchanging Images on your Website To replace an image; 1. In Edit mode just click on the image to be replaced. On the menu bar, click on "Media" and then on "Replace Image". The media database opens. Then you perform the same steps as for inserting an image. You can remove an image from a page at any time. This process is independent of the media database. Even though you delete the image from the contents, it still continues to exist in the media database. To delete an image, in Edit mode click on the image to be deleted. On the menu bar, click on "Media" and then on "Remove Image", or on the toolbar click on the "Remove Image" icon Adding Flash Movies to Your Website 1. Select the respective page in step "Edit Content". 2. Click into the paragraph above which the Flash movie is to be inserted. 3. Then from the "Media" menu, select "insert movie". The media database opens. 4. Open the folder containing your Flash movie. 5. Select the Flash movie to insert by clicking once. If the movie you wish to use is not yet in the media database, you must upload it first or create a new movie. 6. Then click on "insert movie". The media database is then closed. 7. In the edit mode the Flash movie is represented by a grey brick. In order to check how the Flash movie will be displayed on your published website select the "Preview in new window" entry from the "File" menu. The Flash movies are intended for use within the WebsiteCreator only and cannot be exported Removing Media from Your Website You can remove an image or Flash animation from a page at any time. Deleting a medium from the website does not affect the media database. Even though you delete the image or Flash animation from the contents, it still continues to exist in the media database. To delete an image, in Edit mode click on the image to be deleted. On the menu bar, click on "Media" and then on "Remove Image", or on the toolbar click on the "Remove Image" icon. To remove a Flash movie from your website, click the "Remove Flash" button in the grey brick that represents the Flash movie you want to delete. If necessary, you can use the "Preview in separate window" command in the "File" menu to identify the exact position of the Flash movie. 39

40 Step 6. Settings 6.1 Live Data An overview of all the pages of your website on which your visitors can be interactive is shown under "Live Data". Here you have access to, among other things, your comments and guestbook: 1. In the main navigation step "Settings" click on "Live Data". 2. Click the entry of your choice under "Page Type". The page type is only clickable when your visitors have made actions on the specific page. 3. Now you get the same functions as under "Page configuration" in the main navigation step "Manage Pages". 4. By clicking "back to overview" you get back to the overview. 6.2 Visitor Counter The visitor counter is shown on the home page. The counter indicates how often your website has been called. To insert the counter on your home page: 1. In the main navigation item "Settings" click on "Counter". 2. Enable the "Activate" checkbox. 3. Specify the settings for the counter. 4. Save your changes. 5. After publishing, the counter is displayed on the home page of your website. The following settings are possible: "Design": Defines the appearance of the counter. The design "Hidden Counter" means that the counter on your website is not visible to the visitors. This is how you can register the number of visitors without displaying the number on the website. "Number of Digits": defines the width of the counter and the maximum number of visitors that can be counted via the counter. "Current Count": Here you can read the current counter status of your website. If you use a counter with the design "Hidden Counter" this is the only place where you can read the number of visitors. "Set Counter": If the counter is not to start at 1 you can set any number as the first number. By clicking on "Apply" you can update the preview. To remove a counter, disable the "Activate" checkbox. Then save and publish. 6.3 Flash Intro A Flash introduction is an animation using Flash technology, allowing you to create a moving sequence composed of different images or text telling a story about your business for a more attractive and professional-looking website. If you wish to use a Flash-intro, in the step Settings, select Flashintro from the menu section, and in the next window, select Activate From the drop down menu, choose the desired design. 40

41 The Flash animation is an intro that is shown before the home page and welcomes your visitors. The following settings can be specified under "General": Design: You can specify the appearance of the Flash intro by clicking on one of the small images. The colour of the animated moving elements cannot be changed. The background colour of the Flash intro depends on the background colour of the currently selected design of your website. "Header": The text that is entered for the heading is displayed in a larger font than the slogan. Texts that are too long are cut off. "Colours": In this selection, you specify the colours of heading and slogan. You can select from the fonts that are available for your currently selected website design. To add a Flash intro to your website: 1. In the main navigation item "Settings" click on "Flash intro". 2. Enable the "Activate" checkbox. 3. Under "General", specify the settings for the Flash intro and check the result under "Preview". 4. Save your changes. 5. After the next publishing the Flash intro will be displayed. You can insert an image in the Flash intro: 1. Click on "Change image/logo" to open your media database from which you can now select the image. If the image is not yet included in your media database you can now add it by clicking on "Upload". 2. Select the image by clicking on it and confirm your selection by clicking on "OK". By enabling the "Include image/logo" checkbox you insert the image in the Flash intro. 3. Check the result in the "Preview" tab and click on "Save". 4. To remove the Flash intro disable the "Activate" checkbox, save and publish. 6.4 News Ticker The News ticker option enables you to insert a scrolling marquee in your home page. Use it and draw your visitors attention to your new products or latest promotions. To insert the news ticker on your home page: 1. In the main navigation item "Settings" click on "News Ticker". 2. Enable the "Activate" checkbox by clicking on it. 3. Select a design for the news ticker. 4. Enter the news text in the "Text" input field. To check the changes of the text in the preview, click "Apply". The preview will show the text as it would be on your website. 5. Save your changes. 6. After the next publishing the news ticker is displayed. The text message can be changed at any time. The modified text will replace the current text as soon as you click "Save". Publishing is not necessary. To remove the newsticker, uncheck the box "Activate" and click "Save". After the next publishing the news ticker is no longer displayed 41

42 6.5 Website Title The title of a webpage serves several purposes: 1. It is the heading at the top of the browser window when the website is called 2. It is used as the bookmark when the website is set as a favourite 3. The visitor of your website sees it as an entry in the list of recently visited pages 4. Furthermore some search engines will use the title as text of the link pointing to your website, when displaying search results. To add the title: 1. Click "Title / Favicon" under "Settings". 2. Fill in the title name in "Title" field. 3. Click "Save". 4. After the next publishing the title is shown at the top of your browser. The text defined here is used for all pages of your website. It is recommended, but more complex to define a title for every single page of the website. When you only add a page title to some pages then this website title is used for all pages that you don t give a separate title to. A Favicon is a small branded icon that appears before the website title. This is how you design a favicon: 1. Click "Title / Favicon" under "Settings", and then click "Edit favicon". 2. When you have your own symbol available as a graphic file (of type GIF, JPG or PNG) you can search for this file by clicking on search. By clicking "Submit" the file is shown in the preview. The symbol is always brought to the same size. Pictures to big are scaled down, pictures too small are sized up. 3. You can now use the paint function to change the icon, or create a completely new icon with it. 4. You can finish composing by clicking "Submit". 5. You can save the favicon by clicking "Save" Glossary; A facicon is short for favourites icon also commonly referred to as a website icon, url icon, or bookmark icon. Most browsers support favicons and they are typically displayed in the browser s URL bar and when you bookmark a website. Painting functions: Choose painting colour: Pick the desired colour in the colour selection by clicking the corresponding colour spot. You can also take over a colour of the Favicon preview. For this, click on the pipette and then on the point with the colour you want to use in the Favicon. Painting points or lines: click on the pencil. Then click on the pixel points in the painting area to set single colour dots or draw a line by holding the mouse button while moving the mouse. Filling an area: You can fill separated areas with a colour by first clicking the paint bucket symbol and then clicking on the area. Erasing: Changes added with the painting functions can be erased with the eraser. This is how you add the Favicon to your website and respectively delete it: 1. Check the empty checkbox "Use Favicon" to add the Favicon. Unmark the checkbox to delete it. 2. Save your changes by clicking "Save". 3. The Favicon is shown after the next time you publish your website. 42

43 6.6 Website Footer You can add a footer and a timestamp to your pages. The footer includes the same text on every page. The timestamp shows the time a page was last edited and therefore differs from page to page. This is how you add a timestamp: 1. In the main navigation step "Settings" click "Footer". 2. Mark the empty checkbox "Activate timestamp". 3. Now make the desired settings for the timestamp format. 4. Click on "Save". The changes will be immediately visible on your published website. You do not need to republish. This is how you delete the timestamp: 1. In the main navigation step "Settings" click "Footer". 2. Unmark the checkbox "Activate timestamp". 3. Click on "Save". The changes will be immediately visible on your published website. You do not need to republish. This is how you add a footer: 1. In the main navigation step "Settings" click "Footer". 2. Mark the empty checkbox "Activate footer text". 3. Click on "Save". The changes will be immediately visible on your published website. You do not need to republish. 4. A default text is now displayed on your website that can be changed in the main navigation step "Edit Content". This is how you delete a footer: 1. In the main navigation step "Settings" click "Footer". 2. Unmark the checkbox "Activate footer text". 3. Click on "Save". The changes will be immediately visible on your published website. You do not need to republish. When you delete the footer the custom text set under "Edit Content" is lost. 6.7 Search Engine Options EasySite search engine options will help potential customers or visitors to your website to find you more easily. The information that is needed to find your pages differs greatly from search engine to search engine. Meta tags are used by search engines to reference your website, but visitors cannot see them. Meta tags are usually placed between 2 tags called <HEAD> and </HEAD>. Search engines will look for keywords and descriptions etc. between these 2 tags. Complete the following fields: "General" / "Short Description" (Meta tag): If your website is displayed as a search hit on the Internet some search engines display the summary you enter here as the description of your website. "General" /"Keywords" (Meta tag): Some search engines analyse key words. Somebody who is searching using these key words is then presented with your website as a search hit. Select key words that best describe your website and often appear in the contents. A good tip is to use words that your customers would use to find your website. Key words must be separated by commas. Entries in "Short Description" and "Keywords" apply to all pages of your website It is advisable, but more complicated, to set metatags for every single page of your website. When you only want to describe a part of the pages individually with metatags, then the metatags set here are used for all pages that are not described individually. We would recommend using no more than 200 characters in these fields. 43

44 6.7.1 More Advanced Search Engine Options The following additional information can be used by some search engines, for example, Google. The sitemap.xml file is used by search engines to improve the referencing of your website. Under the Sitemap tab: "Generate sitemap.xml file on publish": If you would you like to provide a sitemap in XML format to the search engine, simply, mark the empty checkbox. A type of content directory is created when you publish your website and it goes live on to the internet. "Rate": The frequency you select from the dropdown will set how often your website is updated. Pick the appropriate value; always, hourly, daily, weekly, monthly, yearly, or never. This tells the search engine how often your website has to be analysed. We recommend setting the frequency to weekly. "Use server date": If you would like the date and time of when you last published your website to be included in the XMLsitemap, select this checkbox.. "Include hidden pages": If you would like to include hidden pages in the XMLsitemap select this checkbox. "Upload verification file": Some search engines, Google for example, ask for a verification file when you want to list your website pages in their search engine. The verification file is the way search engines check if you really are the website owner. Prepare the file according to the specifications given by the search engine provider in HTML format. Click on "Upload verification file". Choose the prepared file on your local machine and click "Upload", to upload the file to your webspace. Under the Statistics tab: Add tracking code: Tracking code allows you to analyse the behaviour of your visitors. When creating analysis on the behaviour of your visitors with special software, from Google for example, you are often required to insert HTML code in to your website. The type of code required will be outlined by the provider of your analysis software. This is where you insert the tracking code for your website. The settings only become active when you save your settings and publish your website. 6.8 Accessibility When you set your website to be published in accessible mode your website is created in two versions. It will have the same content but will have two different designs. The accessible version features a very simple design with the option to change font size and contrast. The design, navigation and the HTML source code of the accessible version is optimized for W3C standard so that the website can also be used by people who use other utilities instead of a monitor and a mouse, e.g. a screen reader. Both versions of the website are linked by text links so that a visitor can change between both versions. This is how you create an accessible version: Glossary; The World Wide Web Consortium (W3C) develops a framework for the exchange and use of information and technology, so that the Internet can operate to its full potential. 1. In the main navigation step "Settings" click "Accessibility". 2. Mark the empty checkbox "Activate publishing your website in an additional W3C compliant accessible format". 3. In the list field, choose at which position the link for switching between both versions is displayed. 44

45 4. "Link text (to accessible version):" Enter the text for the text link which takes the website visitor from the normal version to the accessible version. 5. "Link text (to normal version):"enter the text for the text link which takes the website visitor from the accessible version to the normal version. 6. Click on "Save". After the next publishing the changes also take effect on the live website. Step 7. Publish When you feel that your website is ready to go online you are ready to publish it. Move to menu item 7. Publish, check your website using the Preview, and then simply hit the Publish button. If it has been successfully published you will receive the message "Your website was successfully published on the Internet". You can then view your website immediately upon publication. Next time you change the content or design of your website with the Website Creator you have to publish it again. Only after publishing your website will it show the new content/design. 45