Creating and Editing Main Information
When you select a template for creating your website by default Main Info is selected in the folder
tree under the Menus tab. The
associated Main Information panel
is also opened at the bottom of the program main screen. Using this panel
you can edit or modify your website's main page title, description, contact
e-mail displayed, images, set background muisic and set colors to fonts,
site and scroll bar.
To create or edit the
main information for your website

In the Main Information
panel (image displayed above) enter a title for your website in the Site Title field. You can also access
this field by selecting the Site Title
option of the Edit menu.
Note:
Note that
when you move to another field the title is instantly reflected on your
template in the Preview and Workspace
panel after a refresh. This process takes place for all fields that you
create or edit. Most of the fields you edit is already pre-filled with
the contents that are already displayed on your template in the Preview
and Workspace panel.
Enter a brief description or caption about your
site in the Description 1 field.
You can also access this field by selecting the Description
1 option of the Edit menu.
Enter your e-mail of your company or yourself
by modifying the contents of the Description
2 field. You can also access this field by selecting the Description 2 option of the Edit
menu.
Note:
As you
enter information into the two fields mentioned above you can also alter
their color, font size and other attributes. For this the text editing
buttons appear below when you are filling or editing these fields. These
are described in the table below.
|
Button |
Description |
|

|
Makes the text bold. Highlight and click the button. Text in the field
is enclosed in <b> and</b> tags. |
|

|
Makes selected text in Italics. Text in the field is enclosed within
<i> and </i> tags.
|
|

|
Underlines selected text. Text in the field is enclosed within <u>
and </u> tags. |
|

|
Click on it to invoke the Color
dialog from where you can choose or create custom colors for your text. |
|

|
Click this button to invoke the Size
dialog and set the size for your text. |
|

|
Click this button to invoke the Font dialog and set the font for your
text. |
|

|
Positioning your cursor between a pair of tags and clicking this button
removes the tags. |
Note:
For more control on the web pages styles and fonts of the various elements
of the web page click the Font Settings
button. For more details on the Font
Settings button click here.
To insert an image into the web page, under Site Images, select either Image
1 or Image 2 from the drop
down list.
Note:
Usually, Image 1 refers to the logo image on the web page and Image 2
refers to the banner image on the page. To display the image grids of
the images on the web page, check the Show
Image Grids checkbox. You can also activate or deactivate grid
lines using the Show Image Gridlines
option from the View menu.
To associate an image for
Image 1 or Image 2 click
the folder button . The Image
Resizer dialog opens. Note that the folders and files are listed
in separate boxes. Once an image is selected it is displayed in the bigger
box on the right. By default all image file types are displayed for the
folders but you can filter for the types you want by selecting the appropriate
image type from the File Type
drop-down list.

-
Browse through the folders to select an image
of your choice and click Import Image to import the image into the field.
The image of the template in the Preview
and Workspace panel is refreshed to display the imported image.
-
If you wish to resize the selected image (to fit the size of the image displayed on the web page), you can click the Resize Image button.
-
The Resize Image dialog is displayed.

Note:
You can also invoke the Images Resizer
dialog after you have imported a image by clicking the Images
Reziser button next to the image's name in the field.
However this time the Save button
is displayed instead of Save & Import
in the dialog.
Set the size of the image by setting values for
width and height in the appropriate fields for User
Image Size in pixels.
Click Apply
to instantly apply the changes.
Check the auto scale check box to auto scale the
image.
Select a resolution from the resolution drop-down
list.
Click Best fit
to fit the image within the confinements of the limitations on the page.
Click Apply
to instantly apply the changes and click Save
& Import
to import the image. The image of the template in the Preview
and Workspace panel is refreshed to display the imported image.
Proceed similarly to associate and import and
image for Image 2 for the web
page.
To delete an imported image you can disassociate
the imported image file to the Image 1 or Image 2 by first selecting either
of them in the drop-down list and then clicking the Remove
File button.
To set the opacity for the image slide the slider
in the Opacity field right or
left according to your requirement. Sliding to the right increases the
opacity and sliding the slider to the left decreases the opacity.
To add background music when the page opens select
a music file (*.mp3) from the drop-down list under Background
Music. The
page refreshes and the select music file begins playing.
Note:
Select No Music (selected by default)
to not associate a music file to the web page. Selecting the Import
music option from the drop-down list opens the windows Open
dialog using which you can browse for music files on your computer and
have them added to your Flash site. Selecting Browse
music folder displays the contents of the music folder.
You can set the volume of the music being played
by sliding the Volume control
slider to the desired volume level.
To set colors for the various segments of the
website select the appropriate element from the drop-down list under Site Colors.
Enter a hexadecimal color code in the Color
field or click the color button adjacent to the Color
field. The Color palette dialog
opens from where you can choose or create custom colors.
To set the opacity for the color slide the slider
in the Opacity field right or
left according to your requirement. Sliding to the right increases the
opacity and sliding the slider to the left decreases the opacity.
To set colors for the scroll bars of the website
select the appropriate scroll bar from the drop-down list under ScrollBar Colors.
Enter a hexadecimal color code in the Color
field or click the color button adjacent to the Color
field. The Color palette dialog
opens from where you can choose or create custom colors.
-
You can display the elements of the page in a
variety of ways using the radio buttons and choices adjacent to Display Size located at the bottom.
To auto scale the elements of the web page or to fit the elements in a
best fit manner, select the Best Fit (Auto
Scale) radio button or to arrange the elements of the page in a
fixed width and height, select the Fixed radio button and enter the appropriate
pixel values in the Width and
Height boxes.
To
center the elements of a web page vertically check the Center
Vertically in Page checkbox.
To save this information that you have created
or edited click the Save Project
button on the toolbar or select Save
from the File menu. (Speedkey:
Ctrl + S)
Note:
Saving for the first time using File
-> Save opens the Save As
dialog where you can browse and select the folder and file to save. You
can save the project at any time during Creating and Editing the Main
Information or while doing the same for other parts of the project. You
can also set colors for the Scroll bars and Site using the Detail
tab of the Menus/Design/HTML and Edit
Item panel as it also features the same Site
Colors and ScrollBar Colors
options.
Note:
At any point while creating or editing the Main Information or performing
similar activities, you can preview how the website will look by clicking
the Preview button
or click the Preview in Browser
button on the toolbar, or select Preview
in Browser from the View
menu (Speedkey: F11), in which
case the web page will be opened in a new instance of your default web
browser. To refresh the contents of the Preview and Workspace panel click
the Refresh button
or click the Refresh Preview button on the toolbar or select Refresh
Preview from the View menu
(Speedkey: F5). You can also set
the page to auto refresh by making sure you enable the Enable/Disable
Auto-refresh button on the Toolbar. To publish
the web page click the Publish
button
and to publish the web page to a site on the internet via FTP use the
FTP button. For
more details on using the Publish and FTP buttons refer the Publishing
a site topic.
|