5. Text / images: Add content
5.1 Edit using Explorer v5.5
5.1.1 Mode and rulers
5.1.2 Full screen
5.1.3 Preview
5.1.4 Formatting and page setup
5.1.5 Create, edit, or delete
paragraphs
5.1.6 Create, edit and delete
tables
5.1.7 Create, edit and delete
lists
5.1.8 Import text
5.1.9 Create hyperlinks
5.1.10 Spell checker
5.1.1 Mode and rulers
The operations set out here can be
carried out at stage 5 "Text/Images" where you will be asked to
enter your text, pictures, and other content elements. All new
elements are to be typed in directly in the navigation window.
The navigation window can either be
in "Edit" or "Preview" mode. To switch modes you can either, click
on "Edit mode" or "Preview" from the "File" menu, click on the icons
located on the task bar, or you can also use the shortcut keys F8
(Preview) or F9 (Edit).
By default, the selected page appears
in "Edit" mode. Only this mode allows you to modify text or image
elements.
Finally, to help you with the layout
of your page, you can use rulers in order to separate your
paragraphs or tables : in "Options", just select "Paragraph rulers"
or "Table rulers".
5.1.2 Full screen
The "Full Screen" mode lets you have
a larger overview of the different elements used to compose your
page.
You'll find the "Full Screen" option
in the Web Site Creator menu bar, under the "File" main menu.
Enabling this option will hide the menu bars and upper icons,
leaving only the Edit menu.
5.1.3 Preview
Use the "Preview" mode to view the
site just as a Customer would, proof read the contents and verify
the links: thus presenting a flawless site to your visitors.
The Preview mode (F8) can be used in
Step 5 "Text/Images" or in a different navigation window. If you
click on "File" and then "Preview in a new window" this will open a
new window. The sub menu "Preview mode" (F8) lets you view the page
in the current window of web site creator.
In the "Preview" mode (F8), the Menu
bar and the Tool bar do not offer any editing options. To add new
content or change the existing one, go back to the "Edit" mode.
5.1.4 Formatting and page setup
The content editing tool is
easy-to-use: you can create paragraphs, tables, or lists, and add
pictures to any of them. The main rule of thumb with this tool is
simple: consider the paragraphs, tables and lists as blocks.
When creating a paragraph for
instance, you'll need to create it either above or below another
paragraph, table or list : never inside. The same applies to tables
or lists.
The design of the different layouts
is very simple : in stage 3 " Details "/" Font ", you defined the
size and font type of your text and headings. Now from the
"paragraph" menu, "Change layout", you'll be able to choose from 3
different formats for your paragraph: "Heading", "second Heading"
and "standard text"
For tables or lists, the text is the "standard text" by default.
However, you can edit the format of distinct words and put them in
italics or bold.
5.1.5 Create, edit, or delete
paragraphs
In stage 5 "Texts/Images",
"paragraph", using the "Edit " mode, you can:
- Create a paragraph using "new
paragraph above" or "new paragraph below"
- then shift your paragraph up or
down using the " move paragraph up " or " move table down "
functions.
You can also delete a paragraph using
the "delete paragraph" button. You can also retouch the layout of
the paragraph by clicking "change layout".
5.1.6 Create, edit and delete tables
Tables are useful to position or
align text or pictures : for instance, let's say you want to write
some text and lay it out in columns, like in newspapers : the way to
do that is to create a table with several columns and insert your
text or pictures in the table (see 5.3.5 & 5.1.1).
The grids will not appear in the
online page: these tables are only here to help you build your page.
However, if you wish the grid lines to appear in the layout stage,
you can turn them on or off via the "options" menu.
In stage 5 "Texts/Images", "table",
using the "Edit" mode, you can:
- Create a table using "new table
above" or "new table below" : this creates a table with 2 rows
and two columns.
- Shift your paragraph up or down
using the "move table up" or "move table down" functions. You
can also delete a table using the "delete table" button.
- Create, move or delete rows or
columns using the "new row", "new column", "delete row", "delete
columns" buttons.
Make sure you select a position in
the table, and that you specify where you want the new row or column
to be created: "above" or "below".
5.1.7 Create, edit and delete lists
Creating a list means creating an
indented bullet point ("list item") followed by some text.
In stage 5 "Textes/Images", "list",
using the "Edit" mode, you can :
Create a list with "New list" or convert
a list into a paragraph (or conversely) using "List on/off". Shift
the list using the "move list up" or "move list down" button. Delete
the list with the "delete list" button. Within each list, you can
insert, move around or delete bullets using "New list item", "Move
list item up/down" or "delete list item".
5.1.8 Import text
If you already have some text ready
in text format (.txt) and you wish to use it, you can import it :
select it pressing the "Ctrl" + "C" keys simultaneously. Then place
the cursor where you want the text inserted, and click on "Ctrl" +
"V". The text will be copied left of the cursor.
5.1.9 Create hyperlinks
This is what you wish to achieve: a
visitor to your site clicks on an isolated word, a full paragraph or
a picture, and you want this action to take him to a specific part
of your site, any other website , a mailbox or a download dialog
box: you need to create a hyperlink linking from this word, text or
picture.
If you just wish to create an internal link, select the text you
want to use as link, click on "Edit" in the menu bar, and then
"internal link". A dialog box will open, click on "internal". This
will give you the map of your site: click the page title you want
the link to take to: the corresponding path appears in the address
field of the dialog box. Click "OK". Your link is now created.
For your visitor to be taken from
your website to another site, or a file to download, click the
"External" link in the "Link" window. Then type the full address the
hyperlink must take visitors to (for instance
http://www.tiscali.com) . Click OK.
If you wish to redirect the visitor
to an email interface for them to write to a specific email address
(for instance info@company.com), select "External" and enter
"mailto" followed by the email address the visitor will be able to
send a message to:
i.e. mailto:info@company.com.
Just as text, images can also serve
as links. In "Edit" mode, click on the selected picture and click on
"link".
5.1.10 Spell checker
You can have your texts proofread by
the spell checker. First select the desired language by choosing
"Extras" in the menu bar, and then "Select language". Click "Extras"
again, and then "Spell checker". A new window opens, specify whether
the full document should be checked or only the text block right of
the cursor. Click on "check document". When the spell checker comes
across a term not in its dictionary, several options are proposed:
if you still think your spelling is correct, click "Ignore". If you
wish to use one of the proposed spellings, click on the term
proposed, and then "Modify". The spell check will then resume.
TOP
5.2 Edit using Mozilla 1.4
5.2.1 Mode and rulers
5.2.2 Preview
5.2.3 Formatting and page setup
5.2.4 Create, edit, or delete
pargraphs
5.2.5 Create, edit and delete
tables
5.2.6 Create, edit and delete
lists
5.2.7 Import text
5.2.8 Create hyperlinks
5.2.1 Mode and rulers
The operations set out here can be
carried out at stage 5 "Text/Images" where you will be asked to
enter your text, pictures, and other content elements. All new
elements are to be typed in directly in the navigation window.
The navigation window can either be
in "Edit" or "Preview" mode. To switch modes you can either , click
on "Edit mode" or "Preview" from the "File" menu, click on the icons
located on the task bar, or you can also use the shortcut keys F8
(Preview) or F9 (Edit).
By default, the selected page appears
in "Edit" mode. Only this mode allows you to modify text or image
elements.
Finally, to help you with the layout
of your page, you can use rulers in order to separate your
paragraphs or tables: in "Options", just select "Paragraph rulers"
or "Table rulers".
5.2.2 Preview
Use the "Preview" mode to view the
site just as a Customer would, proof read the contents and verify
the links: thus presenting a flawless site to your visitors.
The Preview mode (F8) can be used in
Step 5 "Text/Images" or in a different navigation window. If you
click on "File" and then "Preview in a new window" this will open a
new window. The sub menu "Preview mode" (F8) lets you view the page
in the current window of web site creator.
In the "Preview" mode (F8), the Menu
bar and the Tool bar do not offer any editing options. To add new
content or change the existing one, go back to the "Edit" mode.
5.2.3 Formatting and page setup
The content editing tool is
easy-to-use: you can create paragraphs, tables, or lists, and add
pictures to any of them. The main rule of thumb with this tool is
simple: consider the paragraphs, tables and lists as blocks.
When creating a paragraph for
instance, you'll need to create it either above or below another
paragraph, table or list : never inside. The same applies to tables
or lists.
The design of the different layouts
is very simple : in stage 3 "Details" / "Font", you defined the size
and font type of your text and headings. Now from the "paragraph"
menu, "Modify layout", you'll be able to choose from 3 different
formats for your paragraph: "Heading", "second Heading" and
"standard text"
For tables or lists, the text is the "standard text" by default.
However, you can edit the format of distinct words and put them in
italics or bold.
5.2.4 Create, edit, or delete
paragraphs
In stage 5 "Texts/Images",
"paragraph", using the "Edit" mode, you can:
- Create a paragraph using "new
paragraph above" or "new paragraph below"
- then shift your paragraph up or
down using the "move paragraph up" or "move table down"
functions.
- You can also delete a paragraph
using the "delete paragraph" button.
- You can also retouch the layout
of the paragraph by clicking "modify layout".
5.2.5 Create, edit and delete tables
Tables are useful to position or
align text or pictures : for instance, let's say you want to write
some text and lay it out in columns, like in newspapers : the way to
do that is to create a table with several columns and insert your
text or pictures in the table (see 5.3.5 & 5.1.1).
The grids will not appear in the
online page: these tables are only here to help you build your page.
However, if you wish the grid lines to appear in the layout stage,
you can turn them on or off via the "options" menu.
In stage 5 " Texts/Images ", " table
", using the " Edit " mode, you can:
- Create a table using " new table
above " or " new table below " : this creates a table with 2
rows and two columns.
- Shift your paragraph up or down
using the " move table up " or " move table down " functions.
- You can also delete a table
using the " delete table " button.
- Create, move or delete rows or
columns using the " new row ", " new column ", " delete row ", "
delete columns " buttons.
Make sure you select a position in
the table, and that you specify where you want the new row or column
to be created: "above" or "below".
5.2.6 Create, edit and delete lists
Creating a list means creating an
indented bullet point ("list item") followed by some text.
In stage 5 "Texts/Images", "list",
using the "Edit" mode, you can :
- Create a list with "New list" or
convert a list into a paragraph (or conversely) using "List
on/off ".
- Shift the list using the "move
list up" or "move list down" button. Delete the list with the
"delete list" button.
Within each list, you can insert,
move around or delete bullets using "New list item", "Move list item
up/down" or "delete list item".
5.2.7 Import text
If you already have some text ready
in text format (.txt) and you wish to use it, you can import it :
select it pressing the " Ctrl " + " C " keys simultaneously. Then
place the cursor where you want the text inserted, and click on
"Ctrl" + "V". The text will be copied left of the cursor.
5.2.8 Create hyperlinks
This is what you wish to achieve: a
visitor to your site clicks on an isolated word, a full paragraph or
a picture, and you want this action to take him to a specific part
of your site, any other website , a mailbox or a download dialog
box: you need to create a hyperlink linking from this word, text or
picture.
If you just wish to create an internal link, select the text you
want to use as link, click on "Edit" in the menu bar, and then
"internal link". A dialog box will open, click on "internal". This
will give you the map of your site: click the page title you want
the link to take to: the corresponding path appears in the address
field of the dialog box. Click "OK". Your link is now created..
For your visitors to be taken from
your website to another site, or a file to download, click the
"External" link in the "Link" window. Then type the full address the
hyperlink must take visitors to (for instance
http://www.tiscali.com) . Click "OK".
If you wish to redirect the visitor
to an email interface for them to write to a specific email address
(for instance info@company.com), select "External" and enter
"mailto:" followed by the email address the visitor will be able to
send a message to: i.e. mailto:info@company.com.
Just as text, images can also serve
as links. In "Edit" mode, click on the selected picture and click on
"link"
TOP
5.3 Images
5.3.1 Open the media database
5.3.2 Upload pictures to the
media database
5.3.3 Image tasks in the media
database
5.3.4 Edit pictures
5.3.5 Insert pictures
5.3.6 Replace/ delete images from
your site
5.3.1 Open the media database
To select and edit pictures you wish
to add to your site, click "media database". You can access the
database in stage 5 "Text/Images" by clicking the "File" menu, and
then "media database". It will open everytime you add or replace a
picture.
5.3.2 Upload pictures to the media
database
First save the pictures you wish to
use on your site in the media database. Only .GIF and JPG formats
are supported, thus the name of your file must be name.gif or
name.jpg or name.jpeg). If your pictures are not GIF or JPG, you
must first convert them using some edition software (ex : ACDSee
that can be downloaded from www.acdsystems.com). If your pictures
are too large, a prompt will ask you to reduce them. Pictures should
not be wider than the text column.
You can also use zip pictures: the
ZIP archive will be automatically unzipped when saved in your media
database.
To upload a picture, open the folder
containing the picture or create a new folder. In the "Common tasks"
menu, select "upload new picture". Click on "browse" to view the
content of your local folders. Select the file to upload and click
"OK". The name of the picture will remain the same as the local
file. Note that it is possible to rename a picture when uploading it
to the media database. However it is not possible to rename a file
when uploading if it is part of a larger ZIP file. It is possible to
rename the file once the file has been uploaded: select "rename
image" from the "Image tasks" menu.
5.3.3 Image tasks in the media database
Delete:
Once in the media database, to delete pictures from the database,
click "Image tasks" and "Delete picture". Note that deleting a
picture from your media database does not delete it from your site:
the image remains on the site. To delete an image from your site,
refer to 5.3.6.
Sorting:
To sort and classify your pictures, you can create several folders
and allocate a theme to each of them. You can also create
sub-folders within folders so as to create a tree structure. To
create a new folder, click "Create folder" from the "Common tasks"
menu.
5.3.4 Edit pictures
In the media database, it is also
possible to edit your pictures. Click on the picture to be edited.
This will select it. In the "Image tasks" section, select "start
image editor". You can cancel the last action applied by clicking
"undo" in the "file" menu. Clicking "revert" will cancel all changes
since the last save. The "save" function saves all changes. "Save
image as" allows you to save the file under a different name and
therefore create a new picture file. The image editor presents the
following features:
- Greyscale: transforms a
color
photograph into a black and white photograph ( reduce the
palette to 256 shades of grey maximum)
- Tinting: allows you to reduce
the color range of a picture to a selected color. The " Old "
tint for instance gives your picture the sepia color of an old
picture.
- Invert : All colors are
reverted. Revert twice and you'll go back to the original
picture.
- Brightness and contrast:
sharpens or reduces a picture's contrast and brightness. The
higher the number, the brighter and more contrasted the
photograph.
- Red eyes (beta): The pupils of
people looking at a camera lens are often red. The " red eyes "
function allows you to tint red pupils. Place the pointer on the
pupils, and click.
- Emboss: Creates a 3-D
impression.
- Blur: enables you to soften
sharp contours by reducing the contrast between different points
in the picture.
- Sharpen: increases contrast
between different points in the picture, making edges sharper.
- Find edges: makes a sketch of
the objects / people in the picture by selecting their contours.
- Image size: enables you to
enlarge or scale down a picture. Size is given in pixels. You
can modify the width or height of a picture. The "Keep aspect
ratio" option enables you to reduce or increase height and width
proportionally.
- Crop: Cuts part of the picture
according to your specifications
- Rotate: Rotates picture by 90,
180 or 270 degrees.
- Mirror: reflects the picture
along a vertical or horizontal axis.
- Restore: Restores the picture
after the "Cancel - Undo" function has been used.
5.3.5 Insert pictures
You can insert pictures in any
"standard" paragraph or a table cell. However you cannot insert
pictures in headings and lists.
In "Edit" mode, select the page to be
inserted. Place your cursor where you wish to insert the picture. If
you don't wish to insert the picture in an existing paragraph but in
a new one, create a new paragraph. Then from the "Image" menu,
select "insert image". The media database opens: open the folder
containing your image, select the image to insert by clicking once.
If the image you wish to use is not yet in the media database, you
must upload it first. Then click on "insert image". The media
database is then closed.
Once an image is inserted, you can
shift it left or right. To do so, click on the picture, then choose
the "Image properties" in the "Image" menu. In "Image properties",
select "In 2nd level" or "In 1st level". If you click on "Cancel",
the image is not shifted.
All that is left for you to do is
decide on a caption that will appear as "speech bubble" on the
inserted picture. Visitors with a text-only browser will only see
the caption.
To add a caption to an image, select
the picture, and in the "Image" menu, click on "Image properties".
Then click on "Caption" and enter a short description. Click "OK" to
confirm. If you do not wish the changes to be taken into account,
click "Cancel".
5.3.6 Replace/ delete images from your
site
To replace or delete an image, make
sure you are in " Edit " mode, and in the " Image " menu, click on "
replace image " or " delete image ".
Note : Deleting an image from your
site will not delete it from your media database.
If you have selected "replace image", the media database opens for
you to choose the new picture. For the full image insertion
procedure, please refer to 5.3.5.
TOP
5.4 Editor Extras
5.4.1 Feedback Form
5.4.2 Voting
5.4.3 Forum
5.4.1 Feedback Form
This form enables visitors to your
site to contact you to send queries, requests for quotes etc… It
also enables you to better know your customers and visitors.
To create a feedback form, go to the page where you want the form
inserted, in stage 5 "Text/Images", switch to "Edit" mode. In the
menu bar, click "Options" and then "insert feedback form". In the
new window, make the following changes:
Step 1: specify the email address you
want to receive replies at. Click "Next ".
Step 2: check the desired control boxes that will define the fields
in your form. The name and email address are predefined fields that
appear by default . Click "Next".
Step 3: enter the text of your choice: this is the text that will be
returned to visitors after they've completed the form. Confirm by
clicking "OK".The form can only be viewed and tested once the site is online.
You can edit the reply message as any other page in stage 5
"Text/images": in "File" click "Open", and then select the page
placed immediately after the form page. This page can be edited in
the same way as any other page.
You can of course also modify or delete the feedback form at any
time: Go to the "Options" menu, and select the sub-menu "modify
feedback form" or "remove feedback form". Click "OK" to confirm.
5.4.2 Voting
If you have set up a survey in the
section "6. Extras", you can incorporate this as a module in the
content area of any page you wish. To do this, select the menu
option "Extras" from the menu bar and then click on "Insert voting".
It is possible to insert a maximum of one survey per page. You can
insert the same survey in several pages. If the same survey is used
in several pages as in this case, the submitted votes are combined
into one result. You can remove the survey again by selecting
"Delete voting".
5.4.3 Forum
If you have set up a survey in the
section "6. Extras", you can incorporate this as a module in the
content area of any page you wish. To do this, select the menu
option "Extras" from the menu bar and then click on "Insert voting".
It is possible to insert a maximum of one survey per page. You can
insert the same survey in several pages. If the same survey is used
in several pages as in this case, the submitted votes are combined
into one result. You can remove the survey again by selecting
"Delete voting".
TOP
