Create Websites Easily

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, footer, images, set background music (by default, it plays at start) and set colors to fonts, site and scroll bar. Also, you can choose to skip the introduction.

To create or edit  the main information about your website

  1. 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:   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.

  1. 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.

  2. 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.

Click this button to break a new line.

Click this button to make a list.

Click this button to insert a link to file or URL.

Click this button to make an alignment to left, center or right.

 

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 add background music into your website

  1. To add background music, you can select a music file (*.mp3) from the drop-down list under Background Music.  The page refreshes and the selected music file begins playing.

  2. There are some options you can choose for Background Music :

    • No Music (selected by default) : Not to associate a music file to the web page.

    • Import music : Open the windows Open dialog using which you can browse for music files on your computer and have them added to your Flash site.

    • Browse music folder : Display the contents of the music folder.

  3. 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 your website

  1. To set colors for the various segments of the website select the appropriate element from the drop-down list under Site Colors.

  2. 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.

  3. 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.

  4. To set colors for the scroll bars of the website select the appropriate scroll bar from the drop-down list under ScrollBar Colors.

  5. 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.

  6. You can also set colors for the Scroll bars and Site using the Design tab of the Menus/Design/HTML and Edit Item panel as it also features the same Site Colors and ScrollBar Colors options.

To change the display size of your website

You can display the contents of your web page in a variety of ways using the radio buttons and choices adjacent to Display Size located at the bottom. The following buttons and checkbox are used to change the display size of your website :

  • Best Fit (Auto Scale) : Display your web page in the web browser in a best fit manner.

  • Fixed : Display your web page in a fixed width and height scale. You can enter your desired display size in the Width and Height boxes.

  • Center Vertically in Page : Display the contents of your web page vertically with center alignment.

To auto-refresh preview of your website

You can also set the web page to auto refresh by making sure you enable the Enable/Disable Auto-refresh button on the Toolbar.

To refresh, preview or publish your website

The following buttons are used to refresh, preview or publish your website :

  • Refresh : Refresh the contents of the Preview and Workspace panel. You can also do it by clicking the Refresh Preview button on the toolbar or select Refresh Preview from the View menu (Hotkey: F5).

  • Preview : Preview how the website will look while creating or editing the Main Information or performing similar activities. You can also do it by clicking the Preview in Browser button on the toolbar, or select Preview in Browser from the View menu (Hotkey: F11), in which case the web page will be opened in a new instance of your default web browser.

  • Publish : Publish your web page. For more details on using the Publish button, please refer to the Publishing a site topic.

  • FTP : Publish your web page to a site on the internet via FTP. For more details on using the FTP button, please refer to the Publishing a Site to FTP topic.

To save the information about your website

To save the information that you have created or edited click the Save Project button on the toolbar or select Save from the File menu. (Hotkey: 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.