CELLPAK WEB SOLUTION GENERAL INFORMATION

SUMMARY :

1. CELLPAK application online demo

2. Main features of the CELLPAK Application

3. General description of the user interface and the administration module

4. How to use the Page Editor to edit the pages content?



1. CELLPAK application online demo

User Interface : http://64.246.36.39/~admin9/cellpak

Administration module : http://64.246.36.39/~admin9/cellpak/admin
user : demis
password : demis


2. Main features of the CELLPAK Application

• Fully customizable web user interface, template based main interface



• Possibility to add/edit/delete the pages of the web site



• Possibility to create pages using predefined web templates (making the adding of a lot of similar pages very fast)



• A unique WYSIWYG editor with windows "look and feel" interface allowing the editing of the pages as simple as with a powerful standalone HTML editor



• Mailing list , allowing the visitors to subscribe to the mailing list in order to receive regularly information for the new products, promotions etc



• Advanced contact information processing functionality



• Automatic generation of the web site navigation menus

In order to add a new page to your web site, you should open the administration module of the application and go to the "Add page" tab.
The "Add page" form contains the following fields:

Page Name : The name of the page, this name will appear in the title of the html page in the user interface.

Page Description : Description of the page; this information does not appear in the user interface, however it would be useful for a better orientation of the web site administrator.

Link Text : The link for the pages in the navigation menu are automatically created when adding a new page, please specify in this field the text of the link for the page you want to add

Page Type : There are two types of pages in the application - Main pages and pages which are sub pages of other main Pages. Example : Imagin that you have one "Products" page and several product information pages that you want to add to your web site and which are hierarchically Childs of the "Products" page; in this case you should create one main page "Products" and several sub pages of this main page by specifying the suitable type using this form

Page Content : You have two possibilities when creating a new page - to create a blank page or to create a page using some of the predefined HTML templates, which will automatically insert the HTML code of the template into the content of your new pages.


Fig.3 "Add page" tab in the administration module

By adding a new web page to the web site a link to this page will be automatically created in the navigation menu. When adding a page you can choose the page layout from the template collection currently contained in your database or create a blank page and fill the content of the page using the Page Editor.

In order to add a new page to your web site, you should open the administration module of the application and go to the "Edit" tab.


Fig.4 "Edit" tab in the administration module

For every page you can click on the following icons:

Preview : Opens page in normal view, as the visitors of the web site will see it.

Edit : Opens the page editors with a WYSIWYG interface

Fig.5 Page editor, allowing the administrator to edit the page content



Delete : Delete the selected page

Fig.6 Before you delete the page you have to confirm it, by clicking "Yes" in this popup window.




How to add new templates to my web site?


Fig.7 "Templates" tab in the administration module.

The purpose of the use of templates is to allow the administrator to create easily a lot of pages which have a similar look (content). When you create a new page from template, the template HTML source will be inserted automatically in the new page source which will give the administrator to possibility to modify it after, in order to adjust the content of the new page.
Actually a new template can be created only by providing a valid HTML source code - for example a table with two columns, the first one containing product picture and the second one product description.

Example of a simple template:

		<table summary="" border="0"> 
  			<tr> 
  				<td> <img src="ProductImage.jpg"> </td> 
  				<td> Product Description </td> 
  			</tr> 
  		</table>