Quick start

This chapter outlines the different functions of bluetronix software. The software is installed ready-to-use and provides templates for your first homepage. You can start immediately customising your own website.

Edit mode – login to the CMS

D Main menu

Edit-Buttons

Editing a site

Editing a data record

Editing the menu – changing the navigation bar

Changing the layout – using a layout template

Displaced display - screen resolution

Edit mode – login to the CMS

First open your Internet Explorer and type the address of your website, e. g. www.yourdomain.com.

You will find this information in your access details. Enter /edit/ in the address bar of your browser, e. g. www.yourdomain.com/edit.

After entering your user name and password, proceed by clicking the Login button.

Please make sure to type your user name and password exactly as stated in the access details. The input is case sensitive.

After successfully logging into the bluetronix software, you are now in ‘edit’ mode. The top part of the page shows the main menu while the bottom part displays your website ready to be edited.

Main menu

Refresh display

Help

User management, create member-of-staff, registered user or groups

Page management, password protection, file upload and download

* Layout, frame alignment, colours, background and CSS options

* Shopping-cart system, guestbook, forum, photo album, newspage module etc.

* Database, Database management, import and export, MySQL commands

Statistics, access analysis, single visitor analysis, space management

Contract, upgrade subscription, change user details, change payment method, domain management,

E-mail, e-mail management, webmailer, assistance to set up Outlook and Thunderbird mail

Newsletter, send newsletter, newsletter address system

FTP, FTP programme, FTP access

Extras, form archive, home-page import, font size

Logout

Edit buttons

After successfully logging into the bluetronix software, you are now in ‘edit’ mode. The top part of the page shows the main menu while the bottom part displays your website ready to be edited.

Edit site, opens the page in the editor

Opens the menu editor

New record, adds a data set at dynamic sites

Edit record, edits a data set at dynamic sites

Delete record, deletes a data set at dynamic sites

When moving the mouse cursor over a button, additional information will show up. The edit button for example shows the file name of the site you are currently editing.

Editing a page

The following example shows how to edit the ‘index’ page. Navigate to the page and open the editor by clicking on Edit.

The editor provides text and web specific functions. You can write and design text or copy text from external text sources. Write a text as usual or insert an image. To save your changes press the Save page button.

After your modification has been saved, the site is immediately accessible online. Please refer to the chapter called website editor for a detailed description of how to handle the editor.

Editing a data record

The editor allows you to edit data sets from the shopping-cart system, the news page or the guest book. The following example shows the change of a News page entry. To navigate to the news page, just click at Newspage.

The news page with two data sets (data set 1 with red frame and data set 2 with green frame) and the respective edit buttons

You can edit the content of a data set by clicking on the data set edit icon which is located at the top left corner.

After you have modified your data, for example you have changed the topic or an image, save the new content by clicking on the Save button. Confirm that the outcome displays correctly on your homepage.

The icons New record and Delete recordt are used in a similar way.

For further information regarding databases and dynamic sites please refer to the chapters Database, Dynamic sites and Basics about modules.

Editing the menu – Changing the navigation bar

This example shows how to insert another menu item into the navigation bar. Dynamic menus that are in edit mode show the Edit menu icon in the top left corner.

Clicking the Edit menu icon opens a menu editor.

To show the functionality of the editor let’s create a new menu entry called ‘Contact’ right below the ’News page’ entry. To insert a new menu entry, click onto ‘News page’ and then on Insert menu item below icon.

Enter a name for the menu item (‘Contact’) in the blank field. Finally save your changes by clicking on ‘Save´.

Default settings will automatically link the new navigation bar entry with the underlying web site. Therefore creating a new link manually is not required.

After closing the menu editor you can double check the result on your homepage. A detailed description of creating and designing a menu can be found in the chapter Dynamic menus.

Changing the layout – using a layout template

Depending on your subscription, a number of design templates are available. Find the * Layout -> Design Templates icon in the main menu and click on it.

First select a design and confirm your choice by clicking on Load layout. Close the layout window and double-check the result by opening your homepage.

A simple method to change a layout is provided by the Style Assistant * Layout -> Style assistant. You can easily edit colours, images and the background of a layout.

The bluetronix software includes a user friendly interface to create and design an individual layout. It is possible to fit different layouts within different sites, like the shopping-cart system’s sites. Furthermore a CSS editor is part of the application and can be used without knowledge of the programming language. For further information about creating layouts please refer to the chapter Website layout.

Displaced display – screen resolution

At a screen resolution of 120 dpi or different font size settings in the browser might shift the display of fonts within the page. In order to make optimal use of bluetronix software, you can adjust the font size within the main menu Extras -> Editor font size.

Adjust the size of your fonts so that the text does not overlap the grid lines, as shown in the picture above.