Search

Sponser

Sunday, 21 October 2012

Inserting radio buttons




Radio buttons allow user to make only one choice from a set of options. Radio buttons are typically used in groups. All radio buttons in a group must have the same name and must contain different values.
To add radio buttons:
1. Select Insert > Form > Radio Button...

2. Double click to specify Name and Value.
3. Specify whether the item should be initially selected in Initial state.

4. Click OK.
5. If you wish to attach an action, select Insert > Form > Form. Then make the form element is belonged to the form.
Note: If you add the form in the first, then the form elements, the form elements are belonged to the form you have added automatically.
You can create multiple radio button interactions in a form, be sure each set of radio buttons has a unique name, and all radio buttons in a one group must have the same name.

Inserting a check box




Check boxes allow to make one or more selections from a group of options, or to turn a single option on or off. Unlike radio buttons, any number of boxes in a group can be selected at the same time.
To add a check box:
1. Select Insert > Form > Check Box...

2. Double click to specify Name and Value.

3. Specify Initial state. The initial state defines the check box is selected or not when the form loads in a browser.
4. Click OK.
5. If you wish to attach an action, select Insert > Form > Form. Then make the form element is belongedto the form.
Note: If you add the form in the first, then the form elements, the form elements are belonged to the form you have added automatically. 

Inserting a Multi-line text box




The scrolling text box allows a site visitor to enter more than one line of text.
To add a multi-line text box:
1. Select Insert > Form> Multi-line Text Box...

2. Double click to specify Name and Initial value. If initial value has not been specified, the text box is displayed as blank.



3. Click OK.
4. If you wish to attach an action, select Insert > Form > Form. Then make the form element is belonged to the form.
Note: If you add the form in the first, then the form elements, the form elements are belonged to the form you have added automatically.
You can modify the size of the scrolling text box by selecting the scrolling text box and dragging the resize handles. You can also modify the properties of the box in the Scrolling Text Box Properties dialog box, which appears when you double-click the scrolling text box. 

Inserting a one-line text box




The one-line text box allows a site visitor to input text.
To add a one-line text box:
1. Select Insert > Form > One-Line Text Box...

2. Double click to specify Name and Initial value. If initial value has not been specified, the text box is displayed as blank.

3. Select an Input type. The default is standard text.
  • Select Standard text for most purposes.
  • If you select Password, each character typed into the text box will be shown as an asterisk (*) rather than the actual character.
  • If you select File name, a browse button will be inserted next to the text box, allowing site visitors to select a file on their hard drive, of which the filename will be automatically entered into the text box. 

4. Click OK.
5. If you wish to attach an action, select Insert > Form > Form. Then make the form element is belonged to the form.
Note: If you add the form in the first, then the form elements, the form elements are belonged to the form you have added automatically.
You can modify the size of the text box by selecting the text box and dragging its resize handles. You can also modify the properties of the box in the One-Line Text Box Properties, which appears when you double-click the text box. 

Creating a form




To create a form:
1. Select the Insert > Form > Form menu command.

2. Double click to set the Form properties in the Form tab of the Properties window.

Actions determines the path to the URL where the processing script or application that will process the form information. For example:
mailto:support@webpage-maker.com   or, http://www.mysite.com/cgi-bin/myform.cgi
The Method box defines the method in which the form data will be handled:
Select Post to hide the script information in the URL. Select Get to display the script information in the URL.
And then specify the Encoding Type how the information is being sent. For example: text/plain

 
After you've added a Form to your web page you can start adding form elements. The form elements are the areas of the form where your visitors type their response, or select their choices. The form elements are belonged to the form you have added automatically.
We highly recommend you to insert the form in the first, then the form elements. 

Form Elements





Form elements are types of methods used when the site visitors input data to the form. The input data is transmitted to the Web server and processed by a CGI for further actions. Each type of form element provides different functions for others.
Types of form Elements:
1. One-line text box: Used to allow the site visitor to enter a small amount of text in a form.
2. Multi-line text box: Used to let the site visitor enter more text than would fit in a one-line text box.

3. Check box: Used to let site visitors select or deselect an option in a form.

4. Radio button: Used when the site visitor must select only one item among two or more choices.

5. Drop-down list: Used in a form to let the site visitor select an item from a list.
6. Push button: Used to let the site visitor submit a form, clear a form, or submit a value to the web server.
7. Image button: Used to get the coordinate information of a clicked position.
8. Hidden form field: Used for sending a value to the Web server while keeping the form invisible to site visitors (The hidden form field is invisible to the site visitors).

What are forms?





Forms are a means of collecting information, designed to obtain user inputs or dynamically show data to site visitors. Users fill in a form and/or select something, and then they click a button.
For something to be done with the information, it must be sent somewhere. User inputs taken from a form are sent to web server and processed by a Common Gateway Interface (CGI).
What actually processes the data is a server-side program, usually CGI, not the form itself. Forms only obtain or show data. However, form has one required attribute, ACTION, specifying the URL of a CGI script which processes the form and sends back feedback. 

Adding audio/video





Web Page Maker lets you add sound and movies to your website quickly and easily.
You can add sound to a web page in different ways and using different formats. Audio can be streamed so that it plays while it is downloading or it can be downloaded to the user. This section contains the following topics:
  • Setting a sound file as background
  • Embedding a sound file
  • Linking to an audio file
Setting a sound file as background
The simplest way to have an audio file on your page is to set it as background. When a visitor comes to your page, the audio file will load and play automatically. The visitor has no control over the files, such as the ability to turn it off or adjust the volume. You can only have one audio file as part of the page.
To set an audio as background:
1. Double click or right click any blank area of the page (not on an object) to open the Page Properties dialog box.


2. On the background tab, select an audio from your computer's hard drive.


Embedding a sound file By embedding audio files into your page you give the visitor the option to control the playback - on/off, volume, etc. You can also embed more than one file in the page. The files are played back by whatever audio software the visitor has on their system.
To embed a streaming audio file in your page:
1. Select Insert > Media > Audio.



2. Select an audio file from your computer's hard drive .

3. The audio file name appears. Note that audio cannot be executed in the work window.



4. Select File > Preview to preview it in a browser. When publishing, the sound file will be uploaded to your web host automatically.

Linking to an audio file
Linking to an audio file is a simple and effective way to add sound to a web page. If you have an mp3 file for example, you would simply create a link to myaudio.mp3. When a visitor comes to your site, they can click on the link. They then have the option of playing or downloading the file.
To include an audio in your page that the user can download:
1. Select the text or image you want to use as the link to the audio file.

2. Click the Hyperlink button.


3. Select "A File on My Computer" from the Link Type pull-down box of the Hyperlink dialog.



4. Click the Browse... button and select an audio file from your computer's hard drive.

When publishing, the sound file will be uploaded to your web host automatically.
 
There are basically two ways to put video on you page. You can embed the video into your page. Or you can link to the video file.

To embed a video file:

1. Select Insert > Media > Window Media Video (avi file) or Real Media Video (rm or ram file).



2. Select a video file from your computer's hard drive.
3.The video file name appears. Note that video cannot be executed in the work window.

4. Select File > Preview to preview it in a browser. When publishing, the video file will be uploaded to your webhost automatically.

To create a link to a video file:
1. Select the text or image you want to use as the link to the video file.
2. Click the Hyperlink button.
3. Select "A File on My Computer" from the Link Type pull-down box of the Hyperlink dialog.

4. Click the Browse... button and select a video file from your computer's hard drive.

When publishing, the video file will be uploaded to your web host automatically.

Inserting flash slideshow




You can use Web Page Maker to insert flash slideshow in your pages. It makes animated photo slideshows. This slideshow loads images with fade in/out transition.
To insert a flash slideshow:
1. Select Insert > Flash > Flash slideshow.



2. Click the Add button and select some images from your computer's hard drive.

3. Select File > Preview to preview the flash movie in your browser.
When publishing, all the files will be uploaded to your web host automatically.
 If you uploaded your web pages with a third party FTP program, you should upload the "ac_activex.js" file to the root folder on your server, and upload the slideshowxxxxxxxx.xml file to the "images" directory on your server. To do it, select "export to html" from the File menu, the program will generate an ac_activex.js file, html files and an images folder. Upload all these files to the correct directories on your server by the FTP program.

Inserting Flash Video




Web Page Maker lets you easily insert Flash Video in your web pages. When viewed in a browser, this component displays the Flash Video content you select, as well as a set of playback controls. When the video is played, the video file is downloaded to the visitor's computer (hard drive) before playback. The file is served from a normal web server through an HTTP request just like a normal web page or any other downloadable document. Unlike traditional download-and-play methods of video delivery, however, the video file starts playing before the download is complete.
You can use Web Page Maker to insert Flash Video content in your pages. You must have an encoded Flash Video (.FLV) file before you begin.
To insert a flash video:
1. Select Insert > Flash > Flash video.



2. Click Browse and select a flash video (.flv) from your hard drive.



3. Select File > Preview to preview the flash video in your browser. 

Recommeded Links