To create a new editor page click on this Icon 
  • Select EDITOR
  • Write PAGE TITLE
  • Click on PROCEED



ADMINISTER PAGE CONTENTS

The page you create is in at the bottom of menu. Use the sequence drag & drop and decide the position, even as a submenu of a page. 

To admin a page you have to click on the new page title (in the example below the title is "new page") so you will enter to contents page administration.



CONTROL PANEL 

'Editor allows you to create texts, images, flash, youtube video, attach a file, creating tabs.

EDITOR FUNTIONS



 Sourse - source code
The code sourse allows to know the content HTML code. Most experts could perform detailed operations.To create a copy of a page (or a part of it)to another page of the site it is necessary:
1. Create a new page (a new submenu)
2. Go to the page you want to copy
3. Click on “source code”, select and copy the content in the source code
4. Go to the new page and click on "source code", now paste and save. 

 save
save the page with the last changes

 new page
Attention: clicking on this icon the content of the present page will be delated.

 maximize
clicking on this icon you maximize the window so it covers the full screen

  Cut - Copy - Paste

Cut, copy and paste are useful to editor contents

 paste as a plain text
Paste the text in the editor without cleaning it up of any HTML elements. The characters will be imported as they are, without being "confermed" to the standard site. This sequence is rarely used because it is not recognized the standard site formatting. Therefore, it is recommended to use next button: paste from word.


 paste from Word
When you copy a text from word, it is possible that the settings will be incompatible with editor, so the text will not respond to the formatting commands. This sequence allows you to paste a text into editor through a filter. This clean the text up of any "dirty" HTML code. The characters will be 
"confermed" to the standard site.

 print
print the page contents


 undo 
l
It erases the last change done to the document reverting it to an older state

  redo 

redo reverts the effects of the undo action

   Find
Find a word in the text. It allows you to "find and replace".

 Seclect All
Select all page content

 Remove Format
Remove the content formatting  of a page 

 Image (upload image from your PC)

How upload an image
With mouse cooshe the space where you want to insert the image, click on  icon. Now a window called “Image Properties” 
will appear you .


To upload the image you have to click on “Search on server” . Now the file magager shows the tree folder structure. 

Perform the procedure already described in 
GRAPHIC LOGO section. The system shows you the miniature image in "Image Properties" section.


You can choose the width and the height, the border (Set 0 if you want a phot withount border).You also can set the image alighment in the web page or in a table.

PROCEDURE SUMMARY 
To upload an image click on
 “Search on server”. Now the file magager shows the tree folder structure (as Windows).If the image is already in the server double-click on the image you want to upload. If the image is in your pc archieve you need to transfer it into the server in the following way:
Click on upload
Click on browse
Select the image from your pc PC (Click on "open" button to confir)
Click on "Load file" button
Double-click on the uploaded image, so you will see the miniture image in "Image properties" window.

 ATTENTION: You can upload more file simultaneously. Our editor allows the MULTI-UPLOAD. You need to select, from your PC, files you want to upload and proceed as follows.

 ATTENTION: Files name (you want to upload) should not contain space or spacial characters. nomi dei file da caricare non devono contenere spazi o caratteri speciali, other they not load correctly or not be displayed.. 

How to riduce an image to an icon and connect it with a link to the original
If you want to reduce the image and make it interactive, so clicking on it appear a window with the original image, you have to proceed to "upload image"step but before you press ok you need to :
Riduce the width (the height will be set automatically to the editor in proportional way);
Click on "LINK"; Click on "SEARCH ON SERVER"; select the folder which contains the image; double-click on original image; you will be on "image properies" window; select "target"; choose “New windows (Blank)” option; click OK.

If the procedure was successful, click on minimized photo, it will appear the photo with original size. If you want to change destination (e.g. POPUP opening) position the mouse pointer above the image (in editor) and set the "destination".


 Insert a file in flash format into a page

The procedure is the same of "upload image". It is to transfer a flash file from your PC to server and vice versa. In the panel specify the flash dimension (width and height) otherwise it will display incorrectly. ATTENTION: after inserting the flash go to "Properties",   dopo aver inserito il flash vai su “Proprietà”, “Window Mode” and select "Trasparent" option. 

  Insert tables
Choose the space where insert the table, click on , a "Table Properties" window will appear.

If you do not know how many pixels should be the table, set the width  Se non sai quanti pixel in percent ( recommendend setting 100%). Set the rows and columns; Set the 0 size of the board if you want invisible edge, click ok. Once created the table  you can insert text and images into table cells, as the example below:

TABLE WITH 4 ROW AND 3 COLUMNS



Each image was insert into table cell minimizing them. The image were insert into 1° and 3° row, so the 2° and 4° were empy to write the captions.

If you do not desire border set the value as 0.

Each image was reduced to icon, so you clicking on icon you will see the original foto. In this case we have created a custom phototogallery. To each image you can add texts, file, link, make them ipertextual. To add o to delete details and to align the content to individual cell, click with right mouse button. You can controll the table properties, the rows, columns and cells.



  Insert horizontal line
Manage the insertion of an horizontal line. It is useful to separate two or more parts of the same page. 

  Special characters
It allows the insertion of special characters, e.g. $, &, ©, ®, etc.

  Insert Page Break  

It allows the insertion of the page break

 Link 
Interactive link - link to a web page
You can link internal and external texts or images to website. Supposing that you want to link them (already present in the site) to a google map.  Firstly on google map make sure the exact adress; copy the link generated by google map (right mouse button + copy). Selct the text or image your make it interactive (when clicking on it the server takes you to google map), go to  icon, a "link" will appear you.
Link Information: select the URL
Protocol: select  http://
In “URL” text field (side to protocol)  paste the link previously copied to google map.
Destination: select new windows destination (blank) or a popoup window. (the“destination” allows your site remains opened when the browser closes the linked page).

link – link to an e-mail
You can link texts and images to an e-mail adressl. Proceed as the precedent paragraph, except in "type of link" you have to select “e-mail”.

 link – link to server file
You can link texts and images to file (PDF, images) containded in the server. Select the text or image you want to make interactive, go to  icon. Now a "link" window will appear you.
Upload: with the browse button select the file from your pc and confirm with "opern" button.
Go to "send to the Server”.
Click ok (If you want to open the file in popoup, you have to set in "destination" pop up).

 Unlink 
It allows you to delete an existing link. Go over the link word or image and click on  icon.

 link – anchor 
After creating a page with lots of text,may be useful to divide it into sections (paragraph or charper) or create an index on the top of the page. After creating the index, go on the part text you want to link to index and click on  icon  .
Give a name to anchor: for example "title 1" and click ok.
Now go to index; select the title 1 and click on  icon. A "link" window will appear. 
From "link information" select "achor". Now a window will appear. It allows you to choose which Achor link to "title 1". Complete the procedure and save.  From now, when you click on “title 1” on the index, the servertake automatically you in the corresponding text; This operation is called hypertext.

 Bold - italic - underline -
strike through 

Manage the text settings 

  Text color
Manage the text color. To change it you have to select the text and choose the color using this icon. 

  Background Color text 
Manage the background color text. To set it you to select the text and choose the color using this icon. 

 Text alignment
Manage the alignment text: on the left, center, on the right and justify. 

 Number list
Control the number list settings and bulleted list.

Move paragraph
Manage the descrease/increase indent paragraph moving 

  blockquote
It allows to insert a "citation" or a paragraph to point out the text.
FORMATS ACCEPTED BY EDITOR:

The formats accepted by editor are: 7z, 3gp, aiff, asf, avi, csv, doc, docx, fla, gz, gzip, mid, mov, mp3, mp4, mpc, mpeg, mpg, ods, odt, pdf, ppt, pptx, pxd, qt, am, rar, rm, rmi, rmvb, rtf, sdc, sitd, sxc, sxw, tar, tgz, txt, vsd, wav, wma, wmv, xls, xlsx, zip, bmp, gif, jpeg, jpg, png, tif, tiff, swf, flv.


FILE DETAILS: FILE ACCETTED BY EDITOR'EDITOR:
Maximun weight of a file is 10 Mb, the maximun size of an image in pixel is 3000 x 2000;
 


  Attention!!!

  • You can use images if you have copyright diclaimer,in accordance with the law. In your website you can upload you image. Logos Engineering do not give the diclaimer to use images and texts. If these are regurarly purchased or concede by authors, they have a demostration purpose.  

Webee allows to insert an youtube video in widget .  So you can view it in each page, where the widget are active. If you want to insert more different video awe suggest you to create one or more specific editor page and to follow the direction below.

 You Tube in the Editor page   


YOU CAN INSERT VIDEO YOU TUBE IN EDITOR PAGE

To create an editor page following the manual instructions 



COPY THE SOURCE CODE FROM YOUTUBE

Copy (right mouse button) the code destined to be insert in your editor.



PASTE THE CODE SOURCE OF YOUTUBE CODE IN EDITOR PAGE

Go to editor page and select "Source" (step 1), then paste the code copied from (step 2).



You can insert as many video you tube as you want, in vertical sequence. After pasting the code you have to save to confirm the changes.


Clicking on "preview" you will display the editor page with video (the video size will be the original  from you tube).


 

Attention!!!

​You can insert video from your video file, video you have inserted on youtube or free copyright video, in accordance with law. Since the creation of the demo and for the entire duration of the online site you are the only responsible for eventual copyright crimes. 

Optimize the indexing for each page of your site

To enable the indexing for each page you need to select ON.

You can enter keywords to increase the indexing of your site. Keywords are used to "consolidate" the topics covered in the page and should not be used to mislead the algorithms of search engines.

Useful information

Title

Main topic of the page content

Description

Breaf description of the page contents (max 150 characters)

It is necessary to write a concise summary of the page subject, giving emphasis to topics that can attract the user's attention.
A simple description, it should not be characterized by slogans, otherwise it could be counterproductive. 

1. Incorrect example: houses, villas, cottages, apartments, land, hamlet, etc.

2. Another incorrect example: Real Estate Company spa: you can find the most advantageous special promotions! Visit our website and take advantage of the fantastic offers we have for you!

3. A good description example: Our company deals with estate consulting and services for buying and selling real estate in Tuscany.

The first example is not a description but only a list of possible keywordword, the second one emphasizes too much the communication while the third appears to be the one closest to a simple subject description of the page..

Type a description not relevant to the content of the page could be counterproductive.

Keywords

Keywords related to the content of the page (separated by commas).

Write too many keywords, or enter keywords not related to the page text, it may be counterproductive.

 

To each page you can insert an image slider. To manage the page slider you have to click on SLIDER OPTIONS on the top of control panel.




The slider panel is divided into 2 parts: on the left there are the active slide and the "ADD SLIDE" button. It is useful to add an image. On the right there are:

SLIDER OPTION choose the status slider:
status ON/ OFF
height in pixel of the slider


SHADOW OPTIONS choose:
shadow effect status ON/ OFF
shadow colour  (with hex table)

BORDER OPTIONS choose:
border slide status ON/ OFF

BROWSER OPTIONS   (you can write a text into the field below the image) 
choose ON / OFF status

SLIDE OPTIONS allows:
to decide the transition effect

SPEED EFFECT allows:
to choose the transition time

To confirm the changes click on SAVE button.


MANAGEMENT OF A SLIDE

If you click the button on the left of the slide, a panel will appear on the right side. It allows you to upload the image (through the BROWSE SERVER button). You can set a link and an ALT to image. You can also write a text in the browser if this will be active(ON status).



 

Click SAVE to confirm the changes.

If you want to delete the image, click on DELETE button.


 

If you click on "WIDGET OPTIONS" you can set the page style. There are 3 categories::

  1. LEFT STYLE: widget on the left  (contents on the right) 
  2. NO STYLE: nowidget (only contents)
  3. RIGHT STYLE: widget on the right (contents on left) 





These page manual are set in NO STYLE. You can choose to set a different style for each page. 




Â