This user guide provides you with a basic introduction as well as help and guidance on the daily use of Tangora Portal CMS including

Transcription

1 User Guide This user guide provides you with a basic introduction as well as help and guidance on the daily use of Tangora Portal CMS including Handling pages: Create, copy, move, and delete pages. Basic editing: Format text and insert images, links, and tables. Applying automatically generated table of contents and tabs on pages with a high content of material. Image editing: Use the functions in the Tangora Image Editor as well as automatically create miniatures. Image galleries: Different ways of presenting many images on a page. Technical tips on search engine optimisation, accessibility, and caching. Tips on re-publishing pages and sites. The basic principles and basic options also apply to Tangora Mini. This manual is supplimented with other manuals like "Design and Layout" and module-specific manuals. Furthermore, you can subscribe to news from the Tangora development department via Tangora Software A/S. All rights reserved. This manual, as well as the software described herein, is furnished under license and may be used or copied only in accordance with the terms of such license. The content of this manual is furnished for information only and is subject to change without notice. The content of this manual should not be construed as a commitment by Tangora Software A/S, and Tangora Software A/S assumes no responsibility or liability for any errors or inaccuracies that may appear herein. Except as permitted by such license, no part of this publication may be reproduced, stored in a retrieval system, or transmitted, in any form or by any means, electronic, mechanical, recording or otherwise, without the prior written permission of Tangora Software A/S. All trademarks used in this manual remain the property of their respective owners.

2 Page 2 of 90 Table of Contents Introduction... 6 Basic Concepts... 7 Website, Web Solution, Sites, Extranet, and Intranet... 7 Sites...7 Extranet... 8 Intranet...8 Users, Visitors and Registered Visitors... 9 Layout at different Levels... 9 Site Layout... 9 Page Layout...10 Section Layout...11 Structured vs. Unstructured Content Structured Content Lets You Work Smarter...11 Page Types: Normal, Link and Module...12 Base Module and other modules...12 Navigation Levels, Pages, and Subpages Tangora Manager Log on The Start Page in Tangora Manager...15 Personal Settings in Tangora Manager Tangora Application Menu...16 Create Shortcut...16 Go Directly to Recently Edited Pages...17 Language and other General Settings for Tangora Manager...17 Editing Pages Pages Overview Create and Publish Page Save Changes, Save Draft, or Cancel Changes...20 Page Properties...21 Properties of Module Pages...26 Find Page Copy Page Rename Page Move Page Hide Page Delete Page (= move to Trashcan)... 29

3 Page 3 of 90 Re-establish Deleted Page Link Pages Re-use Content via Link Pages as live copies...30 Link Pages for Monitoring Online Marketing...31 Shortcuts...31 Changing (front) Page and Re-launching Site New Front Page...32 Re-launching Site...32 Section Create or Copy Section Move Section Delete or Hide Section Show Placeholders of Section Layout Create Overview with Special Section Layouts Sections as Tabs...35 Automatically Generated Table of Content...36 Section on Pages with Module Content Administration of Section Layouts Select Default Section Layout for each Site...36 Create and Edit Section Layouts...37 Text, Links, Images, and Tables WYSIWYG Editing Format Text Character or Block Formatting...40 Character Formatting may cause Problems...40 Links Use Meaningful Link Titles not "click here"...41 Create a Link...41 Create Link to certain Section or Record...42 Insert Image Do not Scale Images with the Mouse!...44 Image Editing with Tangora Image Editor...44 Image Galleries and Rotators...50 Tables Insert Table...51 Merge Cells...54 Insert one Table in another Table...54 Image Archives and other Archives Image, File, HTML, and System file Archives Internal Access Control to Archives...56 External Access Control to File Archives...56

4 Page 4 of 90 Index Files for Searchability...57 Media Archives can Hold both Images and Other Files...57 Upload to the Right Archive...58 Enter useful ALT Texts in Image Properties...59 Use Categories and get an Overview...59 Automatic Creation of Thumbnails...60 Basic Handling of Images and Files via SmartView Upload...61 Replace Image or File...62 Find Image (or File)...62 Adjust, Sort, and Filter the Archive Overview...63 Examples of efficient File Handling Automatically Publish Archive Overview...63 Let the Visitors Upload Files via Form...63 Let the Files Upload themselves and Have Time for other Things...63 System Files Clientscript.js is for JavaScripts...64 Graphics for Buttons...64 Technical Tips Search Engines Advice on Search Engine Optimisation...66 Control the Search Robots with URL Lockdown...67 Caching = Better Performance Control Cache Duration on Module Pages...67 Deactivate Cache on Module Pages Used in a Page Layout...68 Caching and Page Layouts (Never Drive with the Hand Brake on)...68 Accessibility Tangora Complies with the Standards...68 Statistics Statistics as Basis of Ongoing Improvements Learn more from Drill-down Statistics...71 Include Visits by Search Robots...71 Most frequently viewed pages...72 Activity level...72 References...72 Search Engines...73 Browsers...73 Visitors...73 Module Statistics External users (requires External Login)...74 Search...74 Newsletters...75

5 Page 5 of 90 File Archive...76 Name IP number IP-filtering Setup Front Page and Host Headers Use Splash Page as Front Page...78 Change Old Front Page into Link Page if you Change Front Page Add Extra Host Header...79 Link Format and Search Engines...79 Security Internal Security (Manager Access)...80 External Security...81 Server Settings Provide good Service with 404 Pages...83 User Archive Appendix A: WYSIWYG in Other Browsers Appendix B: Merge Fields Global Merge Fields Page Merge Fields...87 Section Merge Fields...87 Date/Time Merge Fields...88 Other Global Merge Fields...88 External Login Merge Fields...89 Merge Fields in Filters and Advanced Field Types in Database Lists...90

6 Page 6 of 90 Introduction Tangora Portal CMS is so-called web, that is, software used for building and maintaining a web solution. Generally seen, a Tangora Portal CMS web solution consists of two parts: The basic principles and options offered in the Tangora Portal CMS also apply to Tangora Mini. One or more websites ("front-end") Tangora Manager with various modules ("back-end") intranet Tangora Manager website Tangora Manager is the tool that you use for building and maintaining your web solution. You can for instance Create pages with text and images (see "Create and Publish Page" on page 19). Create news items to be published on pre-defined dates (requires the News module). Handle information sent in by the website visitors (requires the Forms module). Send out newsletters (requires the Newsletters module). See how the visitors use the website (see "Statistics" on page 70). Tangora Manager is a browser based program this means that you can use Tangora Manager anywhere with Internet access, and you are free to use any computer. The only thing that is required is a browser and a login to Tangora Manager. Tangora Manager can be used together with most browsers for both PC and Mac. Certain functions, however, are only supported by some specific browsers. You may refer to and the Appendix on page 86 for more information. Your options in Tangora Manager depend, among other things, on the modules included in your web solution and the user rights that have been assigned to you.

7 Page 7 of 90 Basic Concepts When getting to know Tangora Portal CMS, you will come across a lot of new words and concepts or words that we use differently from what you may be used to. In this chapter we will try to explain the basic terms and concepts in Tangora Portal CMS. Website, Web Solution, Sites, Extranet, and Intranet "Website" is an overall term covering all the (web) pages that are available at an Internet address, for example One Tangora web solution (i.e. one Tangora Portal CMS license) may contain several websites or "sub sites" it may for instance comprise the 'corporate' website of the company, intranet, extranet, campaign sites, Internet shops, or language/country specific sites. All that is required is the Extra Sites module, and maybe Extra Domains and External Login, too (if access control in certain areas is required). Note: Tangora Mini does not comprise the External Login module and cannot be used for intranet or extranet. Sites A site is a complete menu structure which may have individual design and its own web address and/or shortcut (for example and In the Tangora Manager navigation panel with Pages a site is shown as a folder you can open and close by clicking the name of the site. When the folder is open, it displays the pages belonging to the current site: The Extra Sites module is typically used for dividing a website into various language areas or (combined with External Login) for splitting up websites into separate areas/"sub sites" for different target groups for instance a public/open website, an extranet for partners, and an intranet for the employees. In the example to the right there is a so-called corporate website ("Frezz") and an access controlled intranet. Sites can be provided with individual site layouts, so the areas have their own visual identities and also different host headers, if required (for example and see "Front Page and Host Headers" on page 78. Extra host headers/domains The Base module automatically allows you to use one host header. More host headers require the purchase of "Extra Domains". You may have several host headers in one domain (for example with or without the initial www).

8 Page 8 of 90 Extranet An extranet is a protected website for communication and collaboration between business partners via the Internet. The extranet is, in other words, an access controlled website where your company/organisation decides who has access and to what. An extranet may for instance be used for presenting information from other IT systems (e.g. integration via web services see "Web Services" below). With the Tangora Portal CMS External Login module it is easy to build an extranet, and the access rights can be controlled on group and/or individual level. Note: Tangora Mini does not comprise the External Login module and therefore cannot be used for intranet or extranet. Intranet An intranet is a website for information and functions which are only available to the employees of the company/organisation. A browser based intranet has many advantages: One of the main advantages of a good intranet is that all information and tools can be found centrally and, via a basic browser, be available to all relevant members of the staff no special programs need to be installed. Data and functionality from other IT systems can for example by means of web services (see "Web Services" below) become available to all or specific employees on the intranet portal providing better overview, better basis for decisions, and saving time when searching for information in various physical and virtual archives. Single SignOn With Tangora Portal CMS it is easy to set up an extranet or intranet which only registered visitors have access to. The profiles and access rights of the registered visitors are managed via the External Login module. Sometimes these data may also be found in another IT system for instance in a CRM or Active Directory. In that case we recommend applying web service based validation of visitors via the external IT system so the profiles need not also be created in Tangora Portal CMS. In that way you can for instance set up Single SignOn with integration to the other IT systems of the company/organisation. Setting up integration to other systems requires the Integrator module. Web Services Web services is a standard technology making it easy to connect different IT systems via the Internet regardless of hardware, operating system, and physical location. The IT system may be one of the company s local databases (e.g. a CRM system or an ERP system), another Tangora Portal CMS website, a remote database or any website. Tangora Portal CMS web solutions and various IT systems may thus share data and functionality by means of web services, the advantage being that data must only be maintained in one place and complex operations only developed once. This means resource savings and better data quality.

9 Page 9 of 90 Users, Visitors and Registered Visitors Employees with access to updating the website by means of Tangora Manager are called "users". In this manual people visiting your website are called "visitors". "Registered visitors" are those visitors who (via the External Login module) have access to one or more access controlled areas on the website (for example an extranet or an intranet). Layout at different Levels Both in Tangora Portal CMS and Tangora Mini layout can be controlled at various levels by three different types of layout: Site layouts Page layouts Section layouts Common for these types of layouts is that they can be created completely free you are not bound by fixed design templates. All types of layouts are created and administered from the Design & Layout menu. Besides, you may define colour palettes, typographies, and mini calendars matching the design of the website. You can read more about this in the "Design and Layout" manual. Site Layout The site layout determines the position of basic elements such as logo, menus and page content. A site layout is thus a kind of "template" ensuring that all pages shown on the website comply with the main design of the website. Main menu Access to the Design & layout menu requires Administrator and Design access rights as a minimum. Submenu(s) Breadcrumb Page content The site layout also defines the overall typographies (fonts, font sizes, colours, margins, etc.) which are applied to the content.

10 Page 10 of 90 Note: When you create and publish a page on your website, the name of the page is automatically displayed as a menu item in the chosen site layout. This means that you do not need to worry about any separate update of the menu structure of the website. Individual Layout for Different Parts of the Website When you create a new page, it will automatically be shown with the site layout that has been chosen as standard for the site holding the page. You can, however, choose an alternative site layout for a specific page, so the front page of the website, for instance, has one site layout while the other pages have another layout: The basic pages of the open website apply a site layout with submenus to the left. The front page, however, uses a site layout without submenus. Subpage Front page Note: Using an alternative site layout for a specific page requires Allow layout selection from each site to be enabled at Design & Layout > Site Layouts > Layout Usage. Page Layout Page layouts define the position of the content on the individual pages. A page layout consists of various blocks, that is, "place holders" for text, images, and maybe dynamic content from one or more modules (for example a news block). By means of a page layout you can show content from various modules on one page. Page layouts can be created by users with administrator rights please refer to the "Design and Layout" manual. Tangora Mini page layouts Page layouts in Tangora Mini can only hold static content that is, no module content. In other words the module content must be provided by the page it self.

11 Page 11 of 90 Section Layout The section layout defines the position of various types of section elements (for example headline, short text, long text, and image) as well as text formatting. It can be used for special functionality and/or visual "wrapping" of content. See "Section" on page 33. Structured vs. Unstructured Content One of the main advantages of using a content management system such as Tangora Portal CMS and Tangora Mini for building and maintaining websites is that it makes it easy to handle structured content as for instance news, newsletters, forms, products, addresses, employees, events, etc. Structured Content Lets You Work Smarter News is a good example of structured content: They are created and stored in a central archive and can then be displayed in many different ways. The news items will be published automatically within the specified publication period on all news pages meeting the criteria. Then you will only need to create news pages once and for all as publishing will take place automatically. You can, for instance, present a short list of news items on the front page of your website as shown here; and then present more advanced news summaries, maybe including search options, on other pages cf. the example in "News Page as Example of Module Page" on page 12. This principle also applies to for example products, employees, and other types of structured content.

12 Page 12 of 90 Page Types: Normal, Link and Module Generally, there are three different types of pages in Tangora Portal CMS: Normal pages which only contain static content consisting of sections with text, images, and links. Link pages that have no content in themselves, but may serve either as shortcuts to other web pages or as live copies of other pages on the website. Refer also to section on "Link Pages" on page 30. Module pages which are an overall term for all pages with modulespecific content and functionality, for example search pages, news pages, or form pages. The content displayed will depend either on an action performed by the visitor (for example a search) or on rules for automatic publication (for example timed news items). News Page as Example of Module Page Module pages often contain both static and dynamic content consisting of explanatory sections and module content respectively: The dynamic content of the news page comprises builtin search/filter options, a so-called "counter text", display of news items, and navigation functions, all of which can be set up individually for each news page. The advantage of module pages is that they typically contain structured content that can be created / edited centrally and then be presented in many different ways on the website. Base Module and other modules All Tangora web solutions are based on the Base Module, which is the core of the solution. The Base Module comprises normal pages, link pages, image archive as well as usage statistics and various general settings. Moreover, there

13 Page 13 of 90 are a number of add-on modules and extensions enabling various functionalities on the website, for instance Newsletters, News, and Forms. Please contact your Tangora Partner if you are considering expanding your web solution with more modules. TIP: Administrator users can get an overview of the modules of the web solution by selecting Administration > Setup > License. Navigation Levels, Pages, and Subpages At a Tangora website the pages are divided into several levels. The main pages are shown as items on the website main menu (= navigation level 1). Depending on which main page has been chosen in the menu, the belonging subpages are shown as items on a submenu (= navigation level 2). In the example below the "Organic production" page has been placed at navigation level 2 as a subpage to the main page, "Products": Main pages are displayed in the main menu of the website. Subpages are displayed in a tree structure. The Pages view in Tangora Manager reflects the navigation menu with the different navigation levels indented in relation to each other i.e. main pages to the left:

14 Page 14 of 90 With the Base module in Tangora Portal CMS you are allowed to create pages at two navigation levels. To create more levels, the purchase of Unlimited navigation levels (with up to 10 levels) is required. Module pages, such as news pages and list pages, also contain built-in "subpages" for detail views of a certain news item / list item, but they will, contrary to "real" main pages and subpages, not appear in the navigation menu. Tangora Mini Tangora Mini supports two navigation levels only. Note: The site layout must support the wanted number of navigation levels, so the users are prevented from creating subpages that will not appear in the navigation.

15 Page 15 of 90 Tangora Manager When your Tangora solution is ready for use, your Tangora Partner will provide you with one or more logins for Tangora Manager. If more than one login is wanted, the module User Administration is needed. Log on Open a browser and enter the address of your website followed by "/tangora". When you press the Enter key (with the cursor still placed in the address field), the logon dialogue will display, allowing you to type in the user name and password provided by your Tangora Partner. Logging on The Start Page in Tangora Manager When logging on, the Tangora Manager start page displays: The navigation pane makes it quick and easy to switch between the various areas in the Tangora Manager. Click a page title to edit the content of the page. Then the page will be shown in the 'work area' to the right of the Pages overview. The structure of the Pages overview reflects the navigation menu of the website. Logon after inactivity If more than 20 minutes pass after logon and you do not use the Tangora Manager within that period, you will automatically be logged out. If you have been logged out and for instance try to save a page, the logon dialogue will automatically display, enabling you to carry on working without losing any changes. You edit various types of content in different areas in the Tangora Manager. The layout and other settings of a news page, for example, is edited via the Pages menu item, while the news items shown on the page are edited by choosing Modules > News in the navigation pane. Note: The menu items shown at the bottom of the navigation pane depend on your user rights. You must have administrator rights to have access to the Design & Layout and Administration menu items. Selecting Modules in the

16 Page 16 of 90 navigation pane will show you menus of the modules comprised by your web solution and access rights. Please contact the web administrator of your company/organisation or your Tangora Partner, if you have questions about your user rights. Personal Settings in Tangora Manager You can create shortcuts to the functions and databases you often use and get an overview of the pages you have recently edited. The shortcuts are available from the application menu in the Tangora Manager. Tangora Application Menu The application menu appears when clicking the Tangora logo in the top left corner: Among other things it allows you to get an overview of the recently edited pages and shortcuts to various parts of the system. The application menu is always available. Create Shortcut 1. Go to the place in the system that you want to create a shortcut to (for example a specific page or module). 2. Click the Tangora logo to open the application menu, and select Shortcuts > Add shortcut. Then a dialogue displays allowing you to tick Show in menu if you want the shortcut to appear in the application menu in Tangora Manager. 3. Click OK to have the shortcut displayed on Shortcuts. TIP: Use Shortcuts > Organize shortcuts to control the order in which your shortcuts are shown.

17 Page 17 of 90 Go Directly to Recently Edited Pages When you save changes to a page, it will automatically appear in the list of Recently edited pages on the application menu. This means that you can use the application menu as shortcut to the pages you are currently working with. Use Settings to define how many pages should be displayed in the list. Note: If another user edits one of these pages, it will disappear from your list of recently edited pages. Create a shortcut to the page, if you want to be sure always having easy and quick access to it no matter who edited it last. Language and other General Settings for Tangora Manager Via the Settings button in the application menu you can for instance specify how many shortcuts, tasks, and recently edited pages you want to be displayed in the application menu: You can select one of your shortcuts as the start page in Tangora Manager for example a specific news database if you often add news items to the website. All users can choose language without being bound by the 'original' language of the Tangora Manager. Here you can define the settings for the application menu. Here you can select how the pages should appear in Tangora Manager. They are by default shown as they appear on the website i.e. without text borders. In Tangora Manager you must save changes to layouts yourself. If you tick here you can, however, have the system saving Table Designer layouts automatically when you close the layout window. Besides, you can decide whether the Table Designer shall display merge fields or 'true' content ("WYSIWYG"). Refer also to the "Design and layout" manual.

18 Page 18 of 90 Editing Pages Pages in the navigation pane allows you to Create and edit pages. Show, hide, and control access to pages, for instance via publication period. Move, rename, and delete pages. Assign an alternative site layout to one or more pages. Pages Overview The Pages pane provides you with an overview of all pages that have been created on the website (or the pages that you are allowed to view/edit). If the website license comprises Extra sites, a folder will represent each site (otherwise there will only be one single folder). A site can be folded or unfolded as needed. Right click a site or a page to see your options: Click the white triangle to see pages below. Click the title of the page to edit its content and/or settings. Click the black triangle to hide pages below. Hidden in the navigation. Shown in the navigation. Link page (see "Link Pages" on page 32). Page with restricted publication period. Right click the title of the page and select View page in browser to test what it looks like. Choose History to get a chronological overview of when a certain page has been changed and what user saved the changes. Note: Requires the Versioning module. Use Properties to for instance rename the page, activate a publication period, or set up access control.

19 Page 19 of 90 Important: Even if a page has not been published in the navigation menu, you can in some cases still have it displayed. Please see "Hide Page" on page 29. Create and Publish Page 1. Right click one of the pages in the overview and choose Create new page or Create new subpage then the properties of the new page will display allowing you to specify, among other things, the name of the page (shown in the navigation of the website): Often a default page layout, has been predefined ensuring that all pages have a consistent set-up. You can read more about page layouts in the Design and layout manual. The page type determines if the page can contain "normal" content or content from a module such as News. TIP: Read more about the various tabs and set-up options in " Shortcuts make it easy to distribute specific addresses for example You can assign more URLs to a page by separating them with semicolon. Page Properties" on page Add content to the page by clicking a "writing area" and insert text, links, and images. Save regularly with or CTRL+S. You may also refer to "Save Changes, Save Draft, or Cancel Changes" on page 20. The current page layout determines where you can add content to the page. The page layout may also contain "locked" content such as text, images, and merge fields. Please refer to list of merge fields in Appendix B on page 87. The page layout used at this page contains only 2 editable areas the apple block is 'locked' in the page layout. Read more about page layouts in the Design and layout manual.

20 Page 20 of Right click the title of the page in the overview to the left and choose View page in browser now you can test what the page looks like on the website: The structure of the pages overview reflects the navigation menu on the website. Pages with a dimmed icon are not shown in the navigation menu. 4. Right click the title of the page and choose Show page in navigation to publish the page then it becomes visible in the navigation menu. TIP: By means of the publication date fields available via page Properties (Access tab) you can control when the page must be published/ hidden from the navigation menu on the website. Tick also Unavailable outside the publish period: Save Changes, Save Draft, or Cancel Changes You can save changes continuously by clicking the Save button (see illustration to the right) or pressing CTRL+S. The page will still be in edit mode after you have clicked the Save button you do not need to re-open the section or wait for the page to reload. This is an example of the unique Tangora AJAX WaitLess Edit technology. You can also save the page as a draft by clicking the Save draft button that is, without the changes being published. When the page is available as a draft you are able to see the draft in the browser: Right click and choose Show draft. TIP: If the website comprises the Versioning module you can cancel changes by "rolling back" to an earlier version of the page. Refer also to "Publication period" on page 25. Save Save draft Recreate most recently published (i.e. version saved last) Note: Draft function and Versioning are only available in Tangora Portal CMS not in Tangora Mini.

21 Page 21 of 90 Page Properties When creating a new page you must as a minimum enter the title of the page in page properties. By default, the General, Meta data, and Access tabs offer you a lot of settings. The various tabs and fields are described in detail below. General tab On the General tab you will find the basic properties: Page title The title of the page will be displayed in the menu on your website, if you decide to make the page visible in the navigation. Moreover, the title will typically be shown as a headline on the webpage (dependent on page layout / section layout). Note: It is possible to create more pages with the same page title, but this will make the visitor statistics less clear. Page layout You can assign a specific page layout to a page when creating the page (or later). Users with administrator rights may assign a default page layout to a site when setting up the site properties this page layout will then automatically be pre-selected when you create new pages. See also "Page Layout" on page 10. Site layout All pages within a certain site will by default automatically be shown with the site layout that has been assigned to the site. Users with administrator rights can, however, as shown on the illustration above choose an alternative site layout for a specific page (if permission has been given in Design & layout > Site layouts > Layout usage). In this way the front page of the website may

22 Page 22 of 90 have one layout and the other pages use another layout. See also "Site Layout" on page 6. Page type The page types shown in the drop down field reflect the modules in your web solution. You can always create pages of the "Normal" and "Link" type (see the section "Link Pages" on page 30). The settings for the other page types are described in the manuals about the various modules. Note: If you switch to the 'Link' page type for an existing page, all previous content of the page and any set-up of module content will disappear. Shortcuts You can enter one or more shortcuts to a page like "/sale". Use semicolon as separator if you want to assign more than one shortcut. Shortcuts are useful if your company/organisation needs to give web addresses in printed material or s since shortcuts look nice and are easier to remember than the ordinary (long) URL of the page. TIP: The title of the page will automatically serve as shortcut this means that you do not need to enter it in the shortcut field. Important: When using shortcuts be sure to configure canonical links to avoid being penalized for duplicate content by search engines. Note: If more pages have got the same title, the page with the lowest ID will be shown (provided that it is not access controlled). If you want to apply the same shortcut for more domains (e.g. and you must enter the complete URL as shortcut, that is, including the domain. Meta data tab On the Meta data tab you can specify page specific Metatags and Alternative title for making search engine optimisation:

23 Page 23 of 90 In the Internet Explorer the Tangora Manager pages appear as they do on the website, that is, without text borders. If you apply special section layouts to a certain page, it may be an advantage to start up in "classic mode", where sections are boxed and displayed below one another. Note: In Chrome, Safari, and Firefox page editing will automatically use "classic mode", as these browsers do not support all WYSIWYG options. Refer to Appendix on page 86. An alternative title, if entered, will display in the browser title line. If no alternative title has been entered, the system will use the page title. Metatags are not visible to the visitors of the website, but only included in the HTML code (right click the page on the website and choose View source): Some search engines (not Google, though) apply metatags when indexing web pages. See also Note: You can define common metatags to be included in the HTML code on all pages of the website in Administration > Setup. Metatags can also be added on site level if your license includes the Extra sites module. The Comment field may be used for internal information about the page if, for example, there are more users maintaining the website, or if there are some special conditions that must be kept in mind when working with the page. Access and Publication Period This tab controls both the external and internal access to the page, that is, if is it possible to get access to the page on the website, and restricted access, if any, for internal users (Level field) in relation to editing the page:

24 Page 24 of 90 If you want to set up a page which should only be available for certain visitors, you can define access permissions. This can be done in two ways: Protect the page with a password. When a visitor tries to open the page in question, he/she must enter the password first before being allowed to see the content of the page. Remember to write a section with explanatory text for the password field otherwise only the entry field will be displayed. Click Edit section in page properties to type the text. Give access permission to one or more groups (External Login module required), so only registered visitors who are members of the group(s) will have access. The page will only be visible in the navigation for those visitors who are logged on. The second method (with the External Login module) is the most secure as each visitor uses a personal login, contrary to the first method where the password is attached to the page and thus common for all visitors. Further, with the second method you can deactivate the login/profile of one or more visitors without this having any impact on the other visitors' access to the protected pages. Finally, with External Login it is possible to create a central login page, making the insertion of explanatory text for the password field on more pages unnecessary. Refer also to "Security" on page 80. The Level field is used for limiting what internal users are allowed to edit, move, or copy the pages as well as change the properties of the page (requires User administration).

25 Page 25 of 90 Password for entire Site In Administration > Setup > Access restrictions for pages you can enter/change (or delete) a password for many pages once. You can change the password on all pages having the same password. Alternatively, you can set a password on all pages of a site. Publication period When it comes to publishing a page, you can select a period where the page shall be visible in the navigation menu of the website. This may be useful if you have a page with offers that are only valid on a specific date. Or you can prepare a competition in advance and set the dates for the pages, so they are automatically shown on the website when the competition begins, and hidden again when it ends. In this way you do not need to publish and deactivate the pages manually on the dates in question: It is up to you to decide whether you want to select both a start date and/or an end date: If you select both dates, the page will appear in the specified period (both dates included). If you only select a start date, the page will be published on the specified date. Then you must hide the page again manually when you no longer want it be visible If you only select an end date, the page will be visible in the navigation up to and including the specified date. In the Pages overview pages set up with a publication period are marked with a special icon (see the illustration in the section "Pages Overview" on page 18). Several modules (e.g. News and Database Lists) allow for setting up a publication period applying to single elements on a page this means that the display of a certain news item or a certain list item such as a document, an address, or an employee can be controlled individually in terms of date and maybe also time. Add more Page Properties yourself If you need more settings related to page properties (for example in terms of keywords, page specific images, Flash based navigation or other), it is possible to add more tabs and fields to page properties by means of the Application Constructor module. You can choose freely among all general field types such as text field, checkbox, drop down, etc. and even define relations to data in other parts of the system (for instance link employees to pages).

26 Page 26 of 90 Furthermore, the fields you create may serve as global merge fields in the website, for example in page layouts or site layouts. Properties of Module Pages By clicking Settings at module pages such as news pages and database list pages you get access to a number of tabs with settings for the module content, for example the set-up of the overview and details view of the page. You can read more about this in the module-specific manuals and in the "Design and Layout" manual.

27 Page 27 of 90 Find Page It is easier to find one or more pages by using the integrated search function rather than manually browsing through the Pages overview: Example 1: Search for pages with "organic" in the title gives one result: Example 2: Search for pages where the word "organic" is included in text on the pages gives more results: Note: The Search function is only available in Tangora Portal CMS not in Tangora Mini. You can also combine one or more search criteria to get the optimum search result. Copy Page It may be useful to copy existing pages: It is an easy way of re-using the layout of a page. It is an easy way of creating a 'backup copy' if you need to make many changes to a page. You can copy all pages of a site once by copying the actual site (requires a license for the new site). This may be useful if you want to make a copy of your website and then translate it into another language. You can copy any page on your website in the following way: Right click the wanted page and choose Copy. Then a copy is placed right below the original. You may then move the copy to another position in the Pages overview. When copying a main page, subpages, if any, will not be copied.

28 Page 28 of 90 Note: Links, if any, are not automatically updated in connection with copying. This means that a link to an old page must be updated manually in order to point to the copy instead of the old page. Rename Page Right click the page title and choose Properties. Now you can change the title of the page: TIP: Use the publication date fields on the Access tab to control when the page shall be published/hidden in the navigation menu of the website. See tip above. URL shortcuts make it easy to distribute specific addresses. You can assign more URL shortcuts to a page by separating them with a semicolon. Click OK to change the title of the page on the website. TIP: It is also possible to change page type if you for instance want a page to present news (requires the News module) or if the page shall allow for subscribing to newsletters (requires the Newsletters module). Move Page You can move a page to another position in the Pages overview simply by using the mouse (click the page title and hold down the mouse button while moving the page): Når you click med the mouse på den wanted placering, vises en dialogboks, som beder dig om at bekræfte den valgte placering. Når you click OK hertil, træder ændringen i kraft på the website. You can frit flytte rundt på siderne: Hvis you flytter en hovedside, vil eventuelle undersider også flytte med. Hvis the websiteindeholder Extra sites, you can flytte en page fra ét site til et andet. When moving a page, the new position of the page is indicated with a blue arrow and the title shown to the right.

29 Page 29 of 90 Hide Page If you want to quickly hide a page in the navigation, right click it in the overview and choose Hide page in navigation. Important: Even if a page is not published in the navigation menu, it will in some cases still be possible to have it shown, for instance via search pages or internal links. If a page has been published previously, it may have been indexed by search engines and visitors may also have bookmarked it. Although a page is hidden in the navigation menu, there is a risk that it may still be possible to find it via search engines and/or the private bookmarks of visitors. TIP: If you use a publication date to hide a page, you can set up the system to automatically block the visitors' access to the page when it has been hidden; right click the name of the page, choose Properties, and check Unavailable outside the publish period. Delete Page (= move to Trashcan) Right click the name of the page and choose Delete this page. The page is then moved to the trashcan. Now the page will no longer be available on the website. If you want to undo the deletion of a page, you can re-establish it from the trashcan refer to section "Re-establish Deleted Page" below. Note: You cannot delete the front page of the website or main pages with one or more subpages attached. If you think you may want to use a page again you have various alternatives to deleting it: Note: The trashcan is only available in Tangora Portal CMS not in Tangora Mini. In Tangora Mini the pages will be removed right away when selecting Delete this page that is, they cannot be reestablished. Hide the page so it no longer appears on the website. Create a special site for deleted pages and move the page to there so you have a backup (requires the purchase of Extra sites). Make sure to set up access control of the site, either by using Host header lock (see "Control the Search Robots with URL Lockdown" on page 67) or the External Login module. TIP: If you hide a page (or move a site) you may protect it with an access code to avoid the visitors being presented with an outdated page, as links to the page will still work (both internally on the website and from search engines), and it may be included in searches and sitemaps. Note: If other pages on the website contain sections with links to the page you are trying to delete, it will not be deleted. Instead a list with the pages in question will be displayed. You will not be able to delete the page until you have removed all links to it. Alternatively you can change pages of the 'Normal' type into link pages so the visitors end up on a relevant page. Refer to section "Link Pages" on page 30.

30 Page 30 of 90 Re-establish Deleted Page Click Administration > Trashcan, mark the wanted page in the overview to the right, and move it back to the website by clicking Reestablish: Note: The trashcan is only available in Tangora Portal CMS not in Tangora Mini. In Tangora Mini the pages are deleted immediately when you choose Delete this page this means that they cannot be re-established once you have deleted them. Note: Only users with administrator rights are allowed to re-establish pages from the trashcan and permanently delete pages placed there. Link Pages A link page is a link, which can be shown as a menu item in the website navigation. Contrary to normal pages, link pages have no actual content; link pages can only direct the visitors to another page or show content from another page. Thus they work as shortcuts to or live copies of specific pages on the website. When the visitors click the name of the link page in the menu, the page chosen as destination is displayed. Create link page Click Pages in the navigation pane. Create a new main page or subpage. Choose 'Link' as page type. TIP: Use link pages switching to other pages with care. It may easily confuse the website visitors if a menu item (i.e. the link page) goes to another area of the website or if it opens up another website. Note: If you change the page type of an existing page to 'link', the previous content of the page and module page set-up, if any, will disappear. Re-use Content via Link Pages as live copies Link pages can be set up to show the content of the destination page without switching to that page that is, without changing the navigation (check "Remain in context"):

31 Page 31 of 90 By having the link page work as a "live copy" you can re-use content from one page in several places of the website. Note: Do not use "Remain in context" for module pages. Link Pages for Monitoring Online Marketing If you sometimes use online adverts, you can use a (hidden) link page as the destination of the advert in this way you can easily and quickly read the effect of the advert in the visitor statistics and separate advert referred visitors from the visitors who find the page on the website themselves. Shortcuts You can apply a shortcut to a page allowing you to refer to the page in e- mails and printed material in an easy and quick way (for example Further, if you provide the shortcut of the page as address for adverts, it is easy to "replace" the destination page of the advert just by using the shortcut on another page. It is also an advantage to use shortcuts in site layouts and page layout instead of absolute link addresses. Then, when you for instance want to change the front page, you only need to move the shortcut to the wanted page without having to update any layouts. See "New Front Page" on page 32. Refer also to the section on "Shortcuts" on page 22.

32 Page 32 of 90 Changing (front) Page and Re-launching Site Before you may redesign your website or create a new front page you should take the following aspects into consideration prior to implementing any major changes. New Front Page If you have a new page that you want to be the front page, remember to Make sure that site layouts, page layouts and other pages do not contain a link to the old front page. Use relative links consisting of shortcuts instead (refer to "Shortcut" on page 31), so you only need to edit one place. Mark the new page as front page in Administration > Setup > Frontpage and hostheaders (see "Front Page and Host Headers" on page 78). Note: If you have entered a URL in the site properties, the top page in the page structure of the site will automatically serve as the front page of the site. This means that any hidden working copies and similar pages must be placed further down in the page structure. Move subpages, if any, from the old front page to the new one. Open the page properties of the old front page and change the page type into Link with the new front page as destination. Then any visitors using a bookmark or search engine link to the old front page will automatically be presented with the new front page. Note: If you change into the 'Link' page type of an existing page, the previous content and any module page set-up will disappear. Re-launching Site When re-launching an entire site, you may prefer to work on a copy of the original site and then make the switch when the new 'version' of the website is ready for publication. Here are some things to pay attention to: Make sure that any links between the pages on the new site are all valid. Links are not automatically updated when copying that is, a link to an old page will have to be updated manually in order to point to the copy of the old page. Make sure that site layouts, page layouts and other pages do not contain absolute links to one or more pages on the site. Use relative links consisting of shortcuts instead (see "Shortcut" on page 31), so you only need to edit one place. Use Hostheader lockdown to ensure that only the new site can be shown with the relevant host headers. See also "Control the Search Robots with URL Lockdown" on page 67. If the site shall be assigned to a specific host header, point out a front page in Administration > Setup > Frontpage and hostheaders (see "Front Page and Host Headers" on page 78).

33 Page 33 of 90 Section A page may contain one or more sections. A section is a "block" consisting of one or more fields; section header, short text, body text, image, and link. The selected section layout determines which fields are available to you and how they are placed in relation to each other. Moreover, the section layout controls the text formatting (for instance headings in boldface). See also New power to section layouts at Tangora Developerblog. More sections on a page will typically be used in order to achieve a special set up/functionality; for example tabs or a page layout with sections placed in various areas of the page. Create or Copy Section When creating a page a section with default content (for example greeked text or a guide to using the section) will in many cases be inserted automatically. If there is no section on the page, you can create one by clicking the Create new section link. When the section is active (see illustration below), you can create one or more sections or copy the active section by using the buttons on the mini toolbar to the right of the section layout title: Copy section TIP: Click "Show text borders" button to see all section borders on the page. Create new section TIP: On pages with module content you can create sections above and below the module content refer to "Section on Pages with Module Content" on page 36. Move Section If a page contains more sections, you can move them up/down by using the up/down arrows on the mini toolbar of the section.

34 Page 34 of 90 Delete or Hide Section The deletion of a section cannot be cancelled. If you think you may want to use the section again, you can hide the section by clicking the name of the section layout and changing its section layout into "Hide" instead. Note: The Search module also includes hidden sections in searches. Show Placeholders of Section Layout When working with a specific section on a page (i.e. when the section is active), you can use the Show placeholders button on the mini toolbar of the section to see the various placeholders/fields in the current section layout: TIP: Newly created sections will automatically show the placeholders. Click one of the placeholder icons to activate the current field. In the example shown here the body text field has been chosen and text inserted. Image Link TIP: You can change an image placed in the image field of the section layout by clicking it then the image icon is displayed allowing you to set up the properties of image or you can replace the image with another. Links and images can also be inserted directly in the body text by using the icons on the toolbar at the top. See also "Link Pages" on page 40 and "Insert Image" on page 42. Create Overview with Special Section Layouts On pages with a lot of text you may make it easier for the visitor to get a good overview by applying the Tabs or Table of content section layout.

35 Page 35 of 90 Sections as Tabs The Tabs section layout presents the section heading as a tab title and the body text in the "content area" of the tab: 1. Click Create new section and click the name of the section layout to change into the Tabs section layout: A page with tabs may for example contain the following section layouts: Normal Tab 2. Enter text in the body text field and click the heading icon above the body text field. Type a heading (= title of the tab). 3. Create 2-3 tab sections (TIP: Use the copy button next to the title of the section layout). Tab Tab 4. Save, check the page with View page in browser (right click in Pages overview to the left), and make the page visible in the navigation when you are satisfied with the result. TIP: If a page contains more sections, you can move them up/down by using the arrows on the mini toolbar of the section.

36 Page 36 of 90 Automatically Generated Table of Content The Table of content section layout will show the headings of the subsequent sections as links that is, the sections included in the table of content must have the Normal (or similar) section layout and contain a heading in the section header field: 1. Click Create new section and click the name of the section layout to change the section layout into Table of content. 2. Click Create new section and create a section with the Normal layout (or whatever your favourite section layout is called). Insert heading and body text in the section. 3. Copy the Normal section and provide it with another heading. Repeat this step for each item in the table of content. 4. Save, check the page with View page in browser (right click in Pages overview to the left), and make the page visible in the navigation when you are satisfied with the result. A page with an automatically generated table of content may contain the following section layouts: Normal Table of content Normal Normal Section on Pages with Module Content The module content on a page will automatically have the same layout as the preceding section. You may for instance use the Narrow normal layout section layout before a list of news items to get a narrower overview. TIP: If you have problems with displaying module content, insert an empty section with the Normal section layout. The module content will, for instance, not be shown if the preceding section applies the Hide section layout. Administration of Section Layouts Users with administrator rights can create new section layouts, edit or even delete existing section layouts. A certain amount of experience with HTML is required when working with section layouts; please refer to the "Design and Layout" manual. Note: Any changes to a section layout will be reflected immediately on all pages using the section layout in question. Hence, it is a good idea to make a copy of the section layout before making any changes then it is easy to revert to the original section layout. Select Default Section Layout for each Site In Design & layout > Section layouts > Advanced you can select a default section layout for each site. When a user creates a new page in a site with a default section layout, the specified section layout will automatically be preselected for the page unless a page layout set up to apply another section layout is selected.

37 Page 37 of 90 Create and Edit Section Layouts Users with administrator rights and HTML experience can create and edit section layouts; please refer to the "Design and Layout" manual. Please contact your Tangora Partner if you have further questions as to how to use section layouts or if you need new section layouts.

38 Page 38 of 90 Text, Links, Images, and Tables The formatting of the text on the website is first and foremost controlled by the typographies that have been defined for the current site layout. This ensures a consistent layout of your websites. Yet some text fields in Tangora Manager allow you to format the text, for example use boldface, change the font colour and insert links, tables, and images. When editing sections, the relevant fields are short text and body text. Text formatting can be handled in two ways: WYSIWYG editing (What You See Is What You Get): Corresponds in many ways to editing text in a word processing program. You do not need to know anything about HTML code, and you can see right away what the text will look like at your website. HTML editing: Allows you to write your own HTML code. TIP: See a list of the browsers supporting WYSIWYG editing etc. at WYSIWYG Editing When editing text in WYSIWYG mode (What You See Is What You Get), the text is presented to you as it will appear on your website. Above the text field a row of buttons enables you to format the text and insert links, images, and tables. Insert image/edit properties Save and publish Save draft Delete draft Typography (CSS class) Create/edit link Create table Show text borders Remove HTML codes Switch between HTML and WYSIWYG editing Når you formaterer text, skal you være opmærksom på: Browser dependant differences The screen dump to the left shows WYSIWYG text editing in the Internet Explorer. If you use another browser, the tool bar will look different and be placed right above the active section. See also "Appendix A: WYSIWYG in Other Browsers" on page 86.

39 Page 39 of 90 When working with text you should be aware of the following: Marking text: You must mark the text you want to format before clicking one of the buttons for formatting. The easiest way is to mark from right to left. When inserting copied text in the text field, all formatting is automatically removed, since Word, for instance, applies quite a lot of extra HTML codes that may create problems on your web pages. TIP: You can insert text, including formatting, by right clicking and choosing "Insert special". Text color and background color: The colours of the palette are defined in Design & layout > Color palettes which is only available to users with administrator rights and your Tangora Partner. Taking future changes to colour palette into consideration, it is a good idea to create coloured text as a typography then the text colour will automatically be updated everywhere where the typography in question has been applied. Read more about colour palettes and typographies in the "Design and Layout" manual. Use typographies You can with advantage use typographies (CSS classes) for formatting text, for example: "section" (body text) "section header" This will help ensuring a consistent layout of your website. Please refer also to the "Tangora Typography Picker" mini guide. Format Text You can format text by marking it or choosing a typography from the typography selector on the toolbar above the page: Modifying typographies Users with administrator rights can create and modify typographies in Design & layout > Typographies: The advantage of using typographies when formatting text rather than selecting for instance text colour and/or applying boldfaced, italicised and underlined text (CTRL+B/I/U) is, that you later on can change colour etc. in just one place instead of having to change all instances on every page.

40 Page 40 of 90 Note: If you assign a link to a marked text, the text will automatically get link typography. The link typography will often have been defined in the applied site layout. Character or Block Formatting The sign to the left of the typography class names indicates whether it is a character or block typography. Character formatting (a) affects the marked text only, while block formatting ( ) affects the whole block which the cursor is currently placed in. If you find the line height too big, your Tangora Partner can assist you in modifying the typographies. Drawback of using Shift+Enter If you insert line breaks by pressing Shift+Enter, socalled BR tags (instead of P tags), are inserted, the drawback being that the new block will be a continuation of the previous one that is, block formatting will affect both blocks. Character Formatting may cause Problems Contrary to block formatting you cannot switch directly from one character formatting to another; if you try to choose another character formatting for a piece of text that has already been character formatted, the new formatting will just be added to/surround the previous formatting. In some cases this may cause problems. TIP: You may use the "Remove codes" button in the tool bar on the wanted text (mark also the spaces before/after the text to include all codes) or switch to HTML editing via and perform manual "clean-up". Links In Tangora Manager you can create different types of links: Internal link: A reference/shortcut to another page on the website. Internal links between the pages may provide better results on search engines and make it easier for the visitors to find related information. External link: A reference to (a specific page on) another website. Please note that external links by default open in a new window to ensure that the visitors do not leave your website. Note: Remember always to enter " in front of external links or they will not work. link: A link that will open the program used by the visitor and create a new message to the specified address. File link: A reference/shortcut to a file from the file archive of the website enabling the visitors to download the file (requires the Archives module). When clicking the Create link button, you are presented with various link options: External links and addresses entered directly in the text field will automatically be changed into links (the text becomes underlined).

41 Page 41 of 90 Use Meaningful Link Titles not "click here" Expressive link titles (for instance the title of the page which the link refers to) will help your visitors getting overview and make navigation on your website easier. Expressive link titles are also an important advantage in terms of registration on search engines. See also "Advice on Search Engine Optimisation" on page 66. A page with several "Click here" links are, on the contrary, difficult to skim and we advice against them because of the inconvenience visitors using a talking browser may experience. Create a Link Mark the text (or image) that you want to assign a link to and click then an overview of the website pages are displayed allowing you to choose a destination page, hence creating a so-called internal link: When you have chosen destination page, the link automatically gets link typography.

42 Page 42 of 90 Create Link to certain Section or Record Moreover, you can create a link to a certain section on a page, provided that the section in question has a section header. Check if the link destination shall open in a new window when you click the link on the website. Click down-arrow to specify the window size. Click the page title to create a link to the page, or click a section header to create a link to a certain section. Click the table icon to link to a certain record (e.g. news item). Click next to the page title to see the sections that can be linked to. Insert Image Right click at the beginning of a section where the image should be placed, and choose Insert image (use Upload image if the image is not already stored in the image archives): Then an overview of the content of the image archive is displayed. You may find the wanted image by applying the Medium images display mode and filter on a certain category: The image archives contain the following file types: GIF (logos etc.) JPG (photos) PNG (photos) If you upload images of for example the BMP or TIFF format, they will automatically be converted into JPGs. Uploading other file types requires the File Archive module.

43 Page 43 of 90 In the image archive you can categorise the images by choice either when uploading or later. Categories can be used to perform automatic image handling for example automatic creation of thumbnails (see page 60). Double click the wanted image to insert it in its original size or mark it and click Use thumbnail on the SmartView button panel above. When the image has been inserted on the page, it is marked with "handles" allowing you to right click and specify further properties: When you insert a thumbnail version of the image, it automatically becomes clickable so it can be viewed in its original size. The ALT-text of the image is the label shown when you point at the image on the website. You can enter a default ALT-text for every image in the image archive then this text will automatically be used unless you change it locally on a page. When an image has been chosen, you can provide it with a link by means of the link button. If you insert the thumbnail version, the system will automatically insert the link. Refer also to the section "Enter useful ALT Texts in Image Properties" on page 59.

44 Page 44 of 90 This is what the page will look like on the website note that right margin has been applied to left aligned image (yellow flowers): The position of the images is determined by the settings for each individual image with right and left alignment respectively (cf. guide above). You can find tips on displaying many images at one page in "Image Galleries and Rotators" on page 50. Do not Scale Images with the Mouse! Do not use the image handles for scaling as this may destroy the proportions of the image. Use a separate image editing program or the integrated image editing functionality, Tangora Image Editor, in Tangora Manager. Note: An image will often lose quality when it is edited. You should therefore be careful when editing images of *.jpg, *.png, and *.gif format, as these formats have been compressed already. Image Editing with Tangora Image Editor Both Tangora Portal CMS and Tangora Mini contain advanced image editing functions in the Tangora Image Editor, which can be selected either from a specific page or from the image archive; mark the wanted image and click the Edit button: You can edit the image directly from the page where the image is being used by right clicking the image and choosing Edit image:

45 Page 45 of 90 Note: An image will often lose quality when it is being edited. You should therefore be careful when editing images of jpg, png and gif format, as these formats have been compressed already. Scale, Crop, Rotate, Flip and Adjust Brightness, Contrast or Colour Saturation When you click the Edit button, a new window with the Tangora Image Editor opens. The many different functions are available on the various tabs. To scale the image, for instance, click the Scale button on the Image tab. Basic actions such as marking and cropping are simply performed with the mouse choose for example Selection > Free selection and drag the white handle to change the size of the marking: TIP: The built-in Tangora Image Generator can auto-generate different sizes of an image in this way you do not have to scale the image yourself. The selected marking frame can be moved around on the image by clicking the mouse within the frame and dragging it to the wanted position. TIP: The status line in the bottom left corner will continually reflect relevant information about the image and/or the action you are currently carrying out in this example coordinates and size of the selected section.

46 Page 46 of 90 On the Adjustments tab you can adjust brightness, contrast, and colour saturation: TIP: Many functions in Tangora Image Editor contain a preview option allowing you to see what the final result will look like before you click OK. Choose Effects with a Click If you for instance want to change the shade of the image, add a border or something else, you just pick the wanted effect from the gallery of effects on the Effects tab: Note: Some effects, such as borders and shadows, will make the image higher and wider. Note: Please be aware to add the effects in the right order: If you for example want to apply both shadow and border, it will normally be most natural to add the border first and the shadow afterwards, since borders always surround the outer part of the images (i.e. outside any shadow).

47 Page 47 of 90 The information in the bottom left corner is continually updated the image size will, for example, be smaller if you choose the Black/white effect: Undo Everything but Before Saving By means of the Back and Forward buttons in the top left corner you can undo or repeat a given action. Note: Once you have saved your changes, it is no longer possible to undo or repeat an action.

48 Page 48 of 90 Edit More Images in the same way by Using Macros With macros you can 'record' a sequence of actions, what may be practical if you for instance want to use the same kind of border and shadow for several images. You just need to click the Record button and perform the actions that should be included in the macro (in the example used here the macro will comprise the following three effects: Filters > Black/white, Border > Solid, and Shadows > Drop shadow): When you have finished editing the image, you simply click the Stop button on the Macros tab then you will be asked to enter the name of the macro:

49 Page 49 of 90 A macro can either be run manually in the Tangora Image Editor or you can attach it to a certain category in the image archive, so it will be run automatically affecting all images being uploaded to that particular category (corresponding to automatic creation of thumbnails refer also to the section on "Automatic Creation of Thumbnails" on page 60: When you select Run macro as image editing, you can choose one of the macros that you have recorded in the Tangora Image Editor. Note: A macro can only be attached to an 'empty' category in the image archive, as it cannot be applied to images that may already have been added to the category only to the images that are subsequently uploaded and/or attached to the category.

50 Page 50 of 90 Image Galleries and Rotators If you want to present many images on one page it can be done using: An Image Rotator snippet A database list (requires the Database lists module and an available list) Both can handle images automatically so that the functionality only have to be configured once and for all. Snippets are available in Tangora Portal CMS but needs purchase of the modul Image Rotator in Tangora Mini. Create Slideshows using an Image Rotator Snippet The Image Rotator automatically changes between a set of images and you can control how long time the images are to be displayed and configure the transition from one image to another. For instance, you can let the images fade in and out: You can either select the images manually or set up the slideshow to display all images from a certain category in the image archive. The transitions can either be defined globally for the slideshow or locally at each image (if the images are manually selected). Also, you can apply a navigation to the slideshow, letting the visitors browse through the images using either next/previous buttons or thumbnails of the images: You can read more about setting up an Image Rotator snippet in the "Design and Layout" manual. See also postings on Image Rotator at the Tangora Developer Blog.

51 Page 51 of 90 Show Images from Image Archive Automatically A database list (requires the Database Lists module) can display many images, even distributed between more subpages, depending on how many images you want to have per page. Moreover, the database list has the advantage of providing an automated display that is, you only need to set up the database list page once, then the rest will work automatically; new images are displayed automatically and if there are more images per page than what has been set up as maximum number, a built-in navigation will appear automatically: TIP: The image borders can be added either by means of CSS or the border functions in the built-in editing section in the image archive (see "Image Editing with Tangora Image Editor" on page 44). If a so-called System list is applied, you only need to multi-upload the images then database handling will be automatic. Please refer to the "Database Lists" manual. TIP: Database lists of the System list type are only available in Tangora Portal CMS; in a Tangora Mini database list each image will have to be created individually. If a Tangora Portal CMS license includes the Application Constructor module, you can use a so-called extension list allowing you to add more fields to the image archive yourself (for instance for 'tagging' the images). Tables You can apply tables in WYSIWYG text fields to control how text and images are placed in relation to each other. In this way you can arrange information in a more clear way. You can also use a table for setting up text in columns or place an image to the right of the body text. If, however, tables are often used for that purpose it may be a good idea to create one or more section or page layouts handling these types of content. This will ensure a consistent layout of your web pages and the layout of the website can be maintained centrally. Note: Only Internet Explorer supports the table functionality in Tangora Portal CMS and Tangora Mini. Insert Table Place the cursor where you want the table to be, click on the button panel at the top of the page and enter the number of columns and rows. In the ex-

52 Page 52 of 90 ample below an extra column has been inserted to the left and to the right in order to get more space to the table border (a total of 10 columns). In Tangora Manager the table looks like this: TIP: Inserting content in the table is easiest if the cells are left-aligned. Therefore you should insert content first and then choose alignment afterwards. On the website the table looks like this: Table Properties If you need to adjust for example column widths or other things, you can do this by right clicking the table and selecting Table properties:

53 Page 53 of 90 Furthermore, you can add for instance border, grid, and background colours to the table, but taking consistent design into consideration, we recommend using default table styles. Use Default Table Styles If you check Use default table styles in Table properties (right click in the table), the table will automatically apply the table styles that have been defined in the current site layout.

54 Page 54 of 90 The first row will be formatted with the style for table headings and the remaining rows with the style for even and odd rows respectively. Alternatively, you can choose border and background colours, etc. in Table properties. Merge Cells You can merge cells both horizontally (from left to right) and vertically (from above and down). To merge two cells in a row, place the cursor in the cell to the left, right click, and select Merge with next cell (horizontally) from the pop-up menu of the cell: If you want to undo the merge, right click the merged cell and select Cancel horizontal merge (if the cells have been merged across) or Cancel vertical merge (if the cells have been merged downwards). Insert one Table in another Table It is possible to embed one table in another table so one cell in the 'outer' table may contain a table with more cells. Place the cursor in a cell and click the Insert table button. Note: If you want to copy a table, be sure to copy all the HTML codes or errors may occur. It may be an advantage to switch to HTML editing before copying the table. If you copy a table with the section in WYSISYG mode, you can insert the table in another section by pressing CTRL+ALT+V.

55 Page 55 of 90 Image Archives and other Archives The images and files you want to use must be uploaded to an archive in Tangora Manager. This can either be done when editing a page or via the archive in question. Image, File, HTML, and System file Archives Dependent on the current type of a file and how you want to use it on the website, you can upload it to different types of archives: By default a central image archive and the system file archive are always included. File archives require the purchase of the File Archive module while the HTML archive comes with buying the Application Constructor. Tangora MultiUpload makes it easy to upload many files with just one click, and you will automatically get a message if file names coincide allowing you to handle duplicates, if any, right away. Dependent on the configuration of your web solution it may contain several different image and file archives: Image archives can hold illustrations, graphics, and photos that are going to be shown on the website (typically of the *.jpg, *.png and *.gif file types). The File archive module allows you to upload all kinds of files (for example *.pdf, *.docx, and *.xls), which may be downloaded by the website visitors. More modules such as News, Database Lists, and Event calendar include a separate, local image archive. When setting the individual module, you must choose whether you want to use the local archive or a central archive. The image archives contain the following file types: GIF (logos etc.) JPG (photos) PNG (photos) If you upload images of for example the BMP or TIFF format, they will automatically be converted into JPGs. Uploading other file types requires the File Archive module. Note: It is important to upload the files to the right archive, as you cannot move them to another archive later on. See also "Upload to the Right Archive" on page 58. You can define various properties for an archive, dependent on the type of archive. Basic options are the same for all types of archives:

56 Page 56 of 90 Here you may enter a specific path to the archive in order to have the files placed in a separate folder. This is a prerequisite if you want to protect the archive refer to the section "External Access Control to File Archive" below. You can read about virtual folders and auto-upload in the section "Let the Files Upload themselves and Have Time for other Things" on page 63. Internal Access Control to Archives The internal access (i.e. manager access) to the image archive can be controlled at site level by giving access to all or selected sites where the files shall be available in the archive. If your website configuration includes the User administration module, you can also control the access rights to the archives at user level. External Access Control to File Archives If your website configuration includes the External Login module, you can protect an archive, so sensitive files cannot be fetched without sufficient access rights. The access rights can be set on individual or group basis: Note: External access control of files requires files to be uploaded to an extra archive with these settings: Placement in a sub folder Type = File Archive Selection of one or more External Login groups or individual control of reights via a database list.

57 Page 57 of 90 Note: It is not possible to configure the first file archive for external access control in your web solution; it will be necessary to buy an separate archive for that purpose. If the web solution shall comprise both a website and an intranet we recommend bying a separate archive for the intranet to allow for external access control of these files. Index Files for Searchability In the properties for file and media archives you can check Index files in order to enable the visitors on your website to search the contents of a file archive, for instance PDF, Word, and HTML files. Note: In order that the website can display the files with content matching the search of the visitor, it is necessary to publish the file archive in question via a so-called System list or Extension list. Read more about this in the "Database Lists" manual. TIP: The database list types called System list and Extension list are not included in Tangora Mini. If one or more files cannot be indexed, you can deactivate indexing on the files in question: Media Archives can Hold both Images and Other Files Provided that your website configuration includes the File Archive module and the option of extra archives, you can create a so-called media archive. The advantage of a media archive is that it may contain both images and files. Media archives can be reached both via Archives > File archives and Archives > Image archives. Note: Images in an archive only appear in the archive they have been uploaded to. Therefore you must remember to choose the right entry to the archive. If you select File archives in the navigation pane, the overview will only display the images/files that have been uploaded as files and the image will be treated as a file in Tangora Manager (see "Show image as an image or as a file link for download" on page 58).

58 Page 58 of 90 Upload to the Right Archive You cannot move a file from one archive to another, so it is important to upload images and files to the right archive from the beginning: Images in sections, text fields and for instance page layouts are uploaded to the central image archive (Archives > Image archives > Image archive) or the image archive section of a media archive. It is possible to purchase more central image and file archives. Images in News and other modules can either be uploaded to the built-in image archive of the module in question (i.e. the so-called 'local' image archive) or to a central image archive. Images that are inserted in for example text fields in the module (e.g. the "Short news text" field) though must be uploaded to a central image archive. Files in News and other modules must be uploaded to "Other files" in the module in question (requires the File archive module). Files that website visitors shall be able to download must be uploaded to "File archives" (requires the File archive module). Graphics to be used for buttons in connection with module content, for example "Next page" and "Previous page" in overviews, must be uploaded to Archives > System file archive > System image archive. The graphic must be categorised as "Graphic buttons". Refer to the section on "Graphics for Buttons" on page 64. Elements to be used on HTML pages, must be uploaded to the HTML archive (requires the Application Constructor module). Graphics to be included in a site layout, can either be placed in the System file archive, in a central image archive, or in a local image archive for the individual site layout this will depend on the design tool used for creating the layout. Refer to the section on "System File" on page 64. Page graphics for pages with graphical navigation must be uploaded in System file archive under images for graphical navigation. As for more information on uploading, please refer to the sections "Upload" on page 61 and "Replace Image or File" on page 62. Show image as an image or as a file link for download In order to show images at the website you'll need to upload the images to an image archive or to the image archive section of a media archive. If you want to provide a file link for download instead (for instance in case of high resolution images), you must upload the image to a file archive. Images uploaded to a file archive or to the file archive section of a media archive cannot be inserted in image fields only in link fields.

59 Page 59 of 90 Enter useful ALT Texts in Image Properties Mark the image or file in the overview and press Enter, or select Properties in the menu to see the image properties: Label name is used as ALT text. Description is only used internally in Tangora Manager. The description is shown when the mouse is hovered over the name of an image or a file in the overview. TIP: This field is 'set on' the image archive by means of a so-called extension list, which can be used for extending the functionality in Tangora Manager. Read more about this in the "Database Lists" manual. The content of the "Label name" field can be used as ALT text on the website. The ALT text is shown when hovering the mouse over the image, and is, furthermore, used by screen reader programs for identifying images to blind and visually handicapped people. Especially with regard to the latter groups, but also in terms of search engines it is important to enter a useful ALT text otherwise the image file name will be displayed as ALT text. A meaningful ALT text could for instance be "Image of Anne, Peter, and David". Use Categories and get an Overview All image and file archives allow you to use categories. Typically, this will make it easier to get an overview of the archive, making it easier to find the wanted images. TIP: You can easily select the same category for many images in one go. You just choose the category when uploading the images. You can create archives categories and subcategories yourself to fit your needs.

60 Page 60 of 90 Categories in image archives can be set up to automatic image handling for example "Automatic Creation of Thumbnails". Note: If you rename or delete a category, it may affect internal filters on for example news pages, so the page will no longer work correctly. Automatic Creation of Thumbnails You can have the image archive automatically create thumbnail versions of the images by means of categories: The thumbnail is created when the image is linked to the category in question. In the same way you can use categories for automatic image scaling. TIP: In the section "Insert Image" on page 42 you can read about inserting the thumbnail. If you need more than one thumbnail, you may find the entries Image Generator and Image sizes and thumbnails on the Tangora Developer Blog useful. See also the illustration and accompanying tip in "Enter useful ALT Texts in Image Properties" on page 59.

61 Page 61 of 90 Basic Handling of Images and Files via SmartView When you for example upload, find, or delete images or files, it all takes place via the Tangora component called SmartView. Tangora SmartView works more or less like file views in current Microsoft applications: TIP: You can rearrange the order of the columns by just dragging them with the mouse. If you right click in the column headline, you can activate/deactivate the display of the individual columns. The Status column indicates if the image is in use on the website. A closed padlock means that the image is in use one or several places (double click the image to see where). The SmartView works in the same way everywhere in Tangora Manager. Note: The padlock system does not register if an image has been inserted by means of HTML codes or section layouts, so you should be very careful about deleting "unlocked" images. Upload Provided that your license contains enough disk space (see current usage in Administration > Setup > License), you can either upload several files once or if you for example is editing a page just upload a single image Click the Upload button. 2. Choose a category (optional). 3. Click Select to point out the wanted files. 4. Click Upload when you have selected the wanted files.

62 Page 62 of 90 Note: If a file name contains more than 50 characters, it will automatically be shortened during upload. Spaces are substituted with "_" and special characters may be altered too. Replace Image or File You can replace images and files in the various archives to make a new version available. The advantage of using Replace instead of Upload is that all existing references/links will continue to work. Important: The new image must have the same file type as the existing one (typically *.jpg, *.png or *.gif). The same applies when replacing files. The image/file will keep its current name, but you may enter another label name and/or select a new category. If you want to provide the image/file with a new name, choose Upload rather than Replace. Find Image (or File) When searching for a certain image (for instance when using the "Insert image" button on a page), you have various options of adjusting, sorting and filtering in the SmartView: Choose archive. Enter search criterion (optional). The same overview in one of the three display modes

63 Page 63 of 90 Adjust, Sort, and Filter the Archive Overview You can adjust the archive overview the so-called SmartView simply by rearranging the columns with the mouse. Moreover, you can right click the row with column headers and choose which columns you want to include in the overview. Sorting is done by clicking the wanted column header click again to change sorting direction or click the down-arrow next to the column header and select Sort ascending or Sort descending. If you need to see the files belonging to a certain category, you just right click the Category column and select the wanted category. In the same way you can set up criteria for the other columns and in this way combine various filters. Click Cancel filters at the bottom of the overview to see all files again. See also "Insert Image" on page 42. Examples of efficient File Handling Automatically Publish Archive Overview You can easily and quickly set up the system to publish all or chosen files from the file archive to a total overview on the website by means of a so-called system list (requires the Database Lists module). When the archive page has been set up, all files meeting the specified requirements (for example a specific category) will automatically be published on the page also if you upload new files. See also "Create Slideshows using an Image Rotator Snippet at page 50 and "Show Images from Image Archive Automatically" at page 51. Let the Visitors Upload Files via Form If your website comprises the Forms module, you can enable visitors of the website to upload files to one of the archives of the web solution via a form (also called front-end file upload). Read more in the "Forms" manual. Let the Files Upload themselves and Have Time for other Things If your website includes the Integrator module, you have various options of streamlining the work of file handling: A file archive may be set up to auto-upload files by means of a web service for example for automatic replacement of pricelists, etc. Auto-upload may also be used for publishing content from a webcam. In the case of many files or to limit the disk space usage in Tangora Manager, you can link to files on external servers by means of a socalled virtual folder without manually uploading the files to the website.

64 Page 64 of 90 The above features are described in more detail in the "Web Services and File Archive" manual. System Files The System file archive menu item is only available to users with administrator rights and is primarily used by Tangora Partners when setting up the site layout(s) of the website. If the System image archive holds images for one or more site layouts (e.g. logos and background images), you must click the name of the site layout to upload or replace images belonging to it. In this way you can change graphics files without having to edit the actual site layout. If you upload or change images for site layouts in the System files, they must have the same pixel sizes (width and height) as defined in the site layout. You may refer to the "Design and Layout" manual for more information about site layouts and various ways of storing images included in site layouts. Important: Changes relating to system files may affect all pages on the website. Clientscript.js is for JavaScripts The Clientscript.js file may contain JavaScript functionality used on the website. Editing the client script requires programmer's experience. TIP: Copy the contents of the client script to for instance a Notepad file before making any changes in this way you will always have a backup. Graphics for Buttons Graphics meant for buttons that are used in connection with module content, for example "Previous page" and "Next page" in overview displays on news

65 Page 65 of 90 pages, list pages etc., must be uploaded to Archives > System file archive > System image archive. Note: The graphics must be categorised as "Graphical buttons" in order to be selectable on module pages such as forms and list pages.

66 Page 66 of 90 Technical Tips Search Engines One of the most essential preconditions for a search engine friendly website is that search engines can index the pages of the website so the website will appear in for instance Google search results when one or more keywords are searched for. The technical structure of Tangora Portal CMS and Tangora Mini makes it easy for search robots to index the website, so when the search engines first know the address of your website, their search robot will automatically index the contents. The wanted search engines must, however, know about the existence of the website either from having visited the website earlier or from a submitted registration. With Tangora Portal CMS and Tangora Mini a good ranking on search engines such as Google requires neither technical gifts nor cheating just structured editorial work. Advice on Search Engine Optimisation A modern CMS tool makes producing search engine friendly pages a lot easier (search engines appreciate structured contents), but if the website is going to appear at the top of the search results, you need to optimise it for search engines. Search engine optimisation / search optimisation is often described by the abbreviation SEO (= Search Engine Optimisation). Use central keywords in page titles and headings. Create links between the pages. Use meaningful link titles (a link title similar to the title of the destination page provides better results than "click here"). Make a sitemap page enabling the search robots to easily find all pages on the website (the Sitemap module handles it automatically). The navigation of the website should not apply JavaScript i.e. a dropdown menu, if any, must be built by means of CSS instead of JavaScript. A dropdown menu created by using the Visual Designer layout tool is automatically CSS based. It is important to continually observe how the website is ranked on various search engines and regularly make editorial improvements aiming at getting even better rankings.

67 Page 67 of 90 Control the Search Robots with URL Lockdown If you have several different host headers in your web solution it is a good idea to apply URL Lockdown to avoid that search robots index the pages from one site under the host header of another site. Hostheader locking is only available in Tangora Portal CMS not in Tangora Mini. By default a site can be reached from all host headers registered in Administration > Setup > Frontpage and hostheaders. If you want to ensure that a site can be reached from one particular host header only, you must select Pages in the navigation pane, right click the site in the pages overview, choose Properties, click Selected, and check the wanted host headers. If you are working on a completely new and unpublished site, you can remove the access permission for all host headers by not checking any host headers when Selected is chosen. This also applies to an old site that is no longer in use, but should be kept in the web solution. 404 Pages shown if Page can No Longer be reached from a certain Host header In case one or more pages have already been indexed with a wrong host header, any visitors trying to open these pages will be presented with a '404 Page' ('Page Not Found'). Therefore it is a good idea to create a 404 page fitting the site in question see "Provide good Service with 404 Pages" on page 83. Caching = Better Performance Caching is a technique storing frequently shown data in the memory of the server, so this data can be retrieved without lookups in the database. This means that requests for the pages are served faster. With Tangora Portal CMS you can, as a user, define the usage of caching yourself. Control Cache Duration on Module Pages Tangora Portal CMS will by default cache module pages and automatically reset them when changes are made to the underlying content. It is, however, possible to define the cache duration of a module page. With this cache duration function the page will be served a lot faster from the server and the visitor will experience a high performance. Note: Never apply caching to module pages presenting/handling personalized (i.e. individually adapted) content otherwise the visitors may see the content

68 Page 68 of 90 of each other. Neither should caching be applied to pages presenting content via a real time web service. Deactivate Cache on Module Pages Used in a Page Layout In case a module page is going to serve as source of a page block in a page layout (you may refer to the "Design and Layout" manual), you should deactivate the cache function by choosing (select) at the settings of the module page: The cache function should be activated on the page block instead, cf. following sections. Caching and Page Layouts (Never Drive with the Hand Brake on) To ensure optimum execution page layout has been provided with an integrated option for applying caching to the individual page blocks, the result of this being that the page layout itself will store the data to be shown on a module page without affecting the functions of the page in this way maximum performance is achieved. Note: Do not apply cache to both module page and the page block used for showing content from the module page in question this will reduce the main performance of the system. Use only caching on the page block. Accessibility Accessibility is an important parameter for municipalities and other public institutions in particular. The quality of a website can be divided into the following three areas: Graphical design (contrast, colour, navigation/structure, page layout) Readability (font, style, size, sentence structure) Technique (compliance with standards, screen reader compatibility) Tangora Complies with the Standards In terms of the technical aspects of accessibility Tangora Portal CMS and Tangora Mini enables you to build websites complying 100 % with the W3C HTML 4.01 standard. Tangora Portal CMS also supports the XHTML 1.0 Transitional standard. Furthermore, it is possible to build websites meeting the prior-

69 Page 69 of 90 ity 1 and priority 2 levels of the WCAG 1.0 standard (W3C's Web Content Accessibility Guideline). This ensures that public organisations can comply with the latest legislation within this area.

70 Page 70 of 90 Statistics The integrated website statistics provide users with administrator rights with the opportunity of seeing how the visitors use the website. The website statistics in Tangora Mini is limited compared to the possibilities in Tangora Portal CMS. Statistics as Basis of Ongoing Improvements The information gathered from the website statistics can for example be useful when evaluating the effect of campaigns, newsletters, and other marketing activities. The statistics may also form the basis of the general, ongoing updates of the website making it easier for the visitors to find the wanted content. Select Administration > Statistics to open statistics: Here you can specify what statistics information you want to look at; a particular site, a certain period, etc. If you do not select a particular site, the total statistics covering all areas are shown. Note: The more statistics you ask for, the longer it will take to fetch the wanted information. Therefore, use the filtering options and specify as precise criteria as possible. The statistics tabs contain the various types of statistics. Each statistic shows detailed information on various aspects of the traffic on your website. Note: Do not use the Back button of the browser to navigate up/down on the statistics pages you may lose filters. Use instead the integrated navigation options below the Show button (see also "Learn more from Drill-down Statistics" on page 71.

71 Page 71 of 90 Learn more from Drill-down Statistics Tangora Manager gives you access to advanced drill-down statistics, where, from the individual statistics, you can click on and see detailed information: Note: Drill-down statistics are only available in Tangora Portal CMS not in Tangora Mini. By means of drill-down statistics you can for instance see what visitors (IP addresses) have visited the page in question (here Internal news). You can click on and see which days the page was visited by the visitor. Then you can click on and see which other pages the visitor looked at on that particular day. TIP: You can make the website statistics more clear by sorting out IP addresses (e.g. of the employees maintaining the website) and/or naming IP addresses (e.g. the local net of the company). See also "Name IP number" on page 76 and "IP-filtering" on page 76. You can for instance do it directly from a statistic detail by means of the displayed buttons. Include Visits by Search Robots Normally visits by search robots are filtered out from the statistics. Check "Include visits by search robots", if you want to include their visits in the statistics. If the website is visited by search robots, it is an indication of your pages being indexed by one or more search engines. Search robots are not really website visitors, but a kind of "technical" visits. The search robots are programs used by the various search engines constantly scouring the Internet. The programs categorise the visited pages and create search words on the basis of the content of the pages.

72 Page 72 of 90 Note: Visits by search robots is not tantamount to people being able to find your website by means of the search engines. The "References" statistics, on the contrary, shows the search engines that have referred visitors to your website (see page 72). Most frequently viewed pages This statistics shows the pages of your website that are viewed most frequently. In this way you can assess the traffic on the individual pages. Please note that the statistics indicates the pages visited by the visitors, but the figures do not show whether people found what they were looking for. If a visitor has visited many pages, it may be because he/she was interested in many of the company's products. It may, however, also be because he/she did not find anything relevant and therefore clicked around at random hoping to find information about the wanted topic. Note: The front page of the website will typically be the most viewed page. It is automatically presented to all visitors visiting the website, and its rank in the list does not necessarily reflect its popularity among the visitors. Activity level This statistics shows: How the visiting activity is divided between the hours of day and night. For every hour the number of viewed pages is shown. How many pages on average the visitors view per visit, and how long they spend on the website. Click a time to see who (i.e. what IP addresses) visited the website during that period. References This statistics allows you to see what other websites which, via links, have "forwarded" visitors to your website. The information will typically tell you about: The websites linking to your website, and what they write in connection with links, for example an article in a magazine or a link from a supplier or customer. Registrations on various search engines resulting in visits.

73 Page 73 of 90 Displays a list with all references received from that website. Opens a new window showing the page that holds the link. Click a reference to see the visitors having visited your website by following the reference. Search Engines This statistics shows you which search engines the visitors used when searching the website as well as what words they searched for. This type of statistics may be useful in connection with the ongoing development and search engine optimisation of the web solution. Browsers This statistics shows you which browsers and operating systems the visitors have used when visiting the website. Typically, the statistics are used by web designers and Tangora Partners when re-designing the website, as the browser (type + version) is of importance as to how the web pages display on the computer of the visitor. Please note that you can have the information presented in different ways: Which operating systems did the visitors use? Which browsers did the visitors use? Which combinations of operating systems and browsers did the visitors use? Visitors This statistics presents you with an overview of visitors to the website. It may give you an idea of how many times each visitor has visited the website. For each visitor the number of sessions is displayed, that is, how many times he/she visited the website. Click an IP address to see details about the various sessions. TIP: You can make the visiting statistics more clear by sorting out IP addresses (for example of the employees maintaining the website) and/or naming IP addresses (for instance the local net of the company). See "Name IP number" on page 76 and "IP-filtering" on page 76.

74 Page 74 of 90 Please note that in this context the number of "visitors" corresponds to the number of unique IP addresses, not to the actual number of visitors having visited the website. In practice this means that: The actual number of visitors may be higher than the number of visitors. For instance visits by different visitors will appear as one visitor if they visit the website via a proxy server or firewall. The actual number of visitors may also be lower than the number of visitors. This will be the case if the same visitor has visited the website from different computers, each with their own IP address. TIP: The "External users" statistics (in Module statistics) provides you with detailed information about visits by registered visitors who have logged on to the website no matter whether they visited the website via a proxy server or from different computers (requires External Login). Module Statistics Module specific website statistics is only available in Tangora Portal CMS not in Tangora Mini. External users (requires External Login) This statistics shows the number of visits (sessions) by each external user who has been logged on during the selected period of time. Click a name to see details about the various sessions. Click to see the master data of the user. Search The search statistics shows the search words entered by the visitors, and how many times the various words have been searched for. You can choose to see the searches with result or searches without results. Searches without results gives you an indication of whether the website contains the information expected by the visitors, and may therefore help you improve the site.

75 Page 75 of 90 TIP: You can provide the visitors with better search results by "indexing" the individual pages (i.e. insert relevant search words) in a hidden section. You can click a search word to see details about the searches (you can then click a date to see the other pages which the visitor may have visited, or you can click an IP address to see the search results clicked on by the visitor). TIP: It is possible to publish the search statistics on for instance an intranet by applying a database list. In this way it becomes easy to watch what is searched on and whether the visitors get some search results: Create a database list of the "System list" type and the "Statistics > Search" subtype. Then create a new list page on the intranet showing the content of the system list. See also the "Database Lists" manual. Newsletters The click statistics for newsletters provides you with an overview of how much the various links in your newsletters have been used. This may serve as an indication of what your subscribers find interesting. In this way you can continually measure the effect of your newsletters and thus improve their quality.

76 Page 76 of 90 Note: Click statistics require that you apply "short" links in your newsletters (see the "Newsletters" manual). Then the subscribers' clicks will automatically be registered in the statistics. Read more in the "Newsletters" manual. File Archive File Archive contains file archive statistics, allowing you to see what files are being downloaded, when, and by whom. Links that are created manually in HTML mode will not be included in the statistics. Interrupted downloads are included in the File Archive statistics together with complete downloads, so you can, in fact, only see how many times a certain download has been started and what registered visitors may have clicked a particular file link and thus started the download process. TIP: It is possible to publish the search statistics on for instance an intranet by applying a database list: Create a database list of the "System list" type and the "Statistics > File archive" subtype. Then create a list page showing the content of the system list. Name IP number In many cases the website statistics only shows an "anonymous" IP number (also called IP address) of the visitor (e.g ). You can assign names to these IP numbers, enabling you to better watch their whereabouts on the website. Select Administration > Statistics > Name IP number. Naming IP numbers may also be used for identifying employees connected to a local net, and whose IP address is therefore not registered. Further, it can be used for identifying companies, where employees are sitting behind a firewall, and not displayed with correct name. Note: Naming IP numbers can only be used if the visitors have a fixed IP address (typically applying to companies, but not individuals). IP-filtering You can use IP-filtering to specify the IP addresses that should not be included in the statistics. This is typically used for removing IP addresses belonging to the employees who maintain the website and your Tangora Partner. Then the website statistics will provide you with a more real image of your visitors' behaviour, since the people mentioned above during some periods will visit the website a lot in connection with their work. Select Administration > Statistics > IP-filtering to set up the IP-filtering.

77 Page 77 of 90 Setup With administrator rights you can control and adjust a number of settings affecting the way in which the website and Tangora Manager work. These settings will have been configured by your Tangora Partner beforehand, but if you are an experienced user you may find it useful to know about them. You will find most settings in Administration > Setup in the navigation pane: Note: Some menu items (for example Global user archive, Proofreading and Imported modules) will only be displayed if your web solution includes the modules that these settings apply to (for example User administration/external Login, Workflow, and Application Constructor). Tangora Mini contains the following Administration options:

78 Page 78 of 90 Front Page and Host Headers By default the system will use the top placed page as front page of a given site. In Administration > Setup > Frontpage and hostheaders you can both point out an individual front page for every host header (see "Add Extra Host Header" below) and specify a general default front page as well as other front page specific settings: Click Select to point out a new default front page. Choose Use HTML-frontpage if you want to enter the HTML code of the front page yourself. This will typically be relevant if you want to present an alternative kind of splash-page. Note: In case you apply an HTMLfrontpage, the other page settings will not be available. Use Splash Page as Front Page A splash page is a kind of "intro" typically the logo of the company displayed for a certain number of seconds, whereupon the visitor automatically enters the default front page of the website. Alternatively, the visitor can click the image to enter the site directly without "waiting time". Do as follows: 1. Mark Use splash-page. 2. Select how many seconds the splash page is going to be displayed. 3. Select an image from the image archive of the website 4. Choose a background colour matching the splash image. Make sure the splash page will be displayed for so many seconds that the image will load in the visitor's browser.

79 Page 79 of 90 Note: The splash page will only be displayed when the visitor enters the website via the primary web address. Change Old Front Page into Link Page if you Change Front Page If you choose another front page you can with advantage use the previous front page as a link page, so that any visitors applying an old bookmark or an old search engine registration will automatically be forwarded to the new front page. See also "Link Pages" on page 30 and "Changing (front) Page and Relaunching Site" on page 32. Add Extra Host Header In case you want to apply more host headers to your web solution they can be added via the Create button in Administration > Setup > Frontpage and hostheaders: If a default front page has been selected, it will be used in connection with the new host header unless you pick another page as front page for the host header. Link Format and Search Engines In Administration > Setup > Default link format you can enter the following link related settings:

80 Page 80 of 90 You can control what the URL will look like by choosing for instance one of these default link formats: title].[ PageID].aspx (=default syntax) title] title]/[page title] The title].[pageid].aspx default syntax combines the speed advantages of "page[pageid]" and the search engine advantages of the "[Page title]" syntaxes. Ticking Use implicit links allows for the use of the page title or site/title as address. This means more options in relation to search engine optimisations, but should be used with caution since changing the name of a page and/or site, for example, may result in search engine links and external links no longer working. Moreover, problems may occur if more pages have been given the same name. If you tick Tell search engines your preferred link syntax (Canonical link), you ensure that search engines register all the pages of the web solution with the same URL syntax that is, you avoid that the same page will have different URLs. This option will mostly have a very positive effect on the ranking of the web solution in search engine results. Note: If you want to apply canonical links, you must ensure that the same URL syntax has been chosen everywhere (both in Setup and in the various site layouts). Security You have various options for controlling the internal and external access to your web solution. Internal Security (Manager Access) The internal security concerning the access to Tangora Manager may be managed in the following ways: IP access: Allow only/disallow specific IP numbers User control: Editing rights on individual/group basis To achieve maximum security you can combine the above methods. See also "Internal Access Control to Archives" on page 56. IP Access (Manager) In Administration > Setup > IP Access (Manager) you can control the access to Tangora Manager at IP level. If only certain IP numbers shall be allowed to

81 Page 81 of 90 log on to the Tangora Manager (for example within the firewall of the company), enter them, while the Allow only button is active. If you, on the contrary, only want to exclude a few IP numbers, select the Disallow button before creating the IP numbers. User Control With the User Administration module you can manage the editing rights of the internal users of the website either individually or via groups. Furthermore, you can choose from the various levels of rights and control access per database/archive. In this way you may, for instance, create a user who only has access to handling submitted forms and orders. External Security The external security regarding access to the web solution can be controlled in the following ways: Password on page/site IP Access (Allow only/disallow specific IP numbers) External Login To achieve maximum security you can combine the above methods. See also "External Access Control to File Archive" on page 56. Password on Page/Site You can protect a specific page or all pages of a site by means of a password. When a visitor tries to view the page in question he/she must enter the password to see the content of the page. Select Administration > Setup > Access restrictions for pages to enter a password for all pages of a site. It is also pos-

82 Page 82 of 90 sible to change existing passwords. See also "Access and Publication Period" on page 23. Note: If you do not enter a password in the Old Password field, all pages without password in the chosen site will be assigned the new password. If you do not specify a new password, all pages in question will have their passwords removed. IP Access (website) By choosing Administration > Setup > IP Access (public) you can control the visitors' access to the web solution at IP level. If only certain IP addresses (e.g. within the company firewall) shall be able to view the web pages, you can specify these while the Allow only button is active. If you, on the contrary, only want to exclude a few IP addresses, click the Disallow button before specifying the IP addresses. Note: Allowance/Disallowance of IP addresses will apply to all pages in the web solution no matter how many sites may be comprised by the solution. If you only want to control the access to one or more sites, you can enter allowed/disallowed IP addresses in connection with the creation of a group in External Login; see below. External Login The External Login module is used for controlling the access to closed areas of the website (intranet and extranet) and for providing registered visitors with personalised content. Built-in integration to other modules allows for letting the visitors view and edit their "own" content on intranet/extranet. When defining the settings of a group you can specify accepted/excluded IP addresses and in this way improve the security:

83 Page 83 of 90 The Integrator module makes it possible to apply Single SignOn in the form of web service based validation of registered visitors via an external IT system (for example a CRM or Active Directory), so they do not also need to be created in Tangora Portal CMS. Auto recognition of new profiles via an external IT system is obtainable with web services, too. See also "Single SignOn" at page 8. Block Search Robots via Control of IP Access If you experience massive, unwanted visits by robots increasing site traffic significantly, you can use the IP access function for blocking them. Find the IP address of the robot in the visitors statistics and then create it using 'Disallow' in Administration > Setup > IP Access (public). Server Settings The Server Settings allow you, among other things, to point out one or more so-called 404-pages and add special file types which your visitors shall be able to download from the website. Common file types such as *doc, *docx, *.pdf, etc. are registered automatically. Provide good Service with 404 Pages In Administration > Setup > 404-pages you can point out custom '404 Pages' to be displayed instead of the browser's built-in 404 Page in case a visitor tries to open a page that no longer exists (or for example a detailed view of a product which is no longer active in the assortment). A 404 Page will also be displayed if a visitor tries to download a file that has not been registered in the MIME types of the server.

84 Page 84 of 90 You may point out both a default 404 Page and specific 404 pages for selected host headers (domain) making the error pages fit design and language: TIP: If the configuration of your website includes the Search or Sitemap modules you may with advantage insert a link to a search or sitemap page on the page that you want to use as 404 Page and in this way provide the visitors with "self-help", helping them to find what they are looking for. Consider including an explanation on the 404 Page with the merge field {system.page.notfound} e.g. "The page {system.page.notfound} could not be found. You may search for similar pages by following the link for the search page". User Archive The Global user archive, which is found in Setup, holds all external users registered in either Newsletters or External Login. The global user archive allows you to create new users and edit the basic information set of the current users. Besides, you can transfer users created in External Login to Newsletters (i.e. add them as subscribers) and vice versa.

85 Page 85 of 90 Here you can import and export users. Free text search field. You can search for all kinds of basic information (name, e- mail, company, etc.). Hold down CTRL and click to select more than one user. Click a user to edit his/her basic information set. Delete all users who are neither attached to External Login, nor Newsletter subscribers. Click to transfer the selected users (i.e. add them as subscribers) to Newsletters or External Login respectively. Please note: If you delete users in the central user archive, they will be removed from both Newsletters and External Login. If you instead delete the users from the user archive of each module, you may choose whether you also want to remove the selected users from the central user archive. When users are transferred to External Login, they will automatically be registered as subscribers to any newsletters that may be attached to the selected group.

86 Page 86 of 90 Appendix A: WYSIWYG in Other Browsers WYSIWYG is short for "What You See Is What You Get", that is, when you edit a page in Tangora Manager it looks just the same as it does on the website, and you can for instance make the text boldfaced, centre it, change colour, use bullets, and insert tables by means of buttons as you do in Word. Dependent on the browser in use there may be differences in terms of display and button selections. When clicking a section in browsers such as Chrome, Safari, or Firefox, the system will change into so-called Classic mode, where all fields of the section will be displayed, and the toolbar with formatting buttons shown right above the text field: