Welcome to A4DeskPro User Guide
What's New in A4DeskPro
Getting Started
System Requirements
Downloading and Installing A4DeskPro
Starting A4DeskPro
Take a Tour
Registering A4DeskPro Flash Website Builder
Purchasing a Valid License
Registration
Downloading and Installing Additional Bonus Programs
End User License Agreement for License Key
Using A4DeskPro Flash Website Builder
Creating a New Project
Opening and Editing Existing Projects
Creating and Editing Main Information
Creating or Editing Other Elements of the Web Page
Using the Font Settings Button
Working with HTML
Publishing a Site
Publishing a Site to FTP
More Information...
 

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

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

  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.

 

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.

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

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

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

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

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

  1. Set the size of the image by setting values for width and height in the appropriate fields for User Image Size in pixels.

  2. Click Apply to instantly apply the changes.

  3. Check the auto scale check box to auto scale the image.

  4. Select a resolution from the resolution drop-down list.

  5. Click Best fit to fit the image within the confinements of the limitations on the page.

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

  7. Proceed similarly to associate and import and image for Image 2 for the web page.

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

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

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

  1. You can set the volume of the music being played by sliding the Volume control slider to the desired volume level.

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

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

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

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

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

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

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