|
Dear
Friend, Hello
& welcome back to Firewire, your friendly
guide to the exciting world of web-design & web-solutions!
In
this newsletter we are going to create a Feedback Form using
Flash MX and PHP. The feedback form will be created in Flash
MX along with all the validation using action scripting. (e.
g. Email address Validation where, email address is must &
in the correct format). On click of a submit button data entered
by the user will be passed to the PHP script; this script
in turn will deliver the data collected to the given email
address.
Click
here to download the source (.fla and .php) file.
1.
Create a new movie with dimensions of 410
px X 240 px and
fps = 31
with
white as
background color. 2.
Save this file as 'form.fla'. 1.
Rename 'Layer 1' as 'Background'
2.
On the layer named as 'Background', draw a rectangle
with the 'Rectangle Tool'  ,
Width = 410 px, Height = 240px, color
value of the outline = #738299.
3.
Use the 'Paint Bucket Tool' 
to apply Linear Fill in the background rectangle outline with
color values as #FFFFFF and #EEF0F2
4.
Select the background rectangle object along with its outline, convert it into
a Movie Clip (Choose Insert > Convert to Symbol)
with the Center Registration point selected and name it as 'background'
1.
Insert a new layer (Choose Insert > Layer)
above the layer named as 'Background' 2.
Rename the layer as 'Name Title'
3.
On the layer named as 'Name Title', type the following
text 'Name' with the Text Tool 
and in the Properties panel
apply the following text settings : Text
Type = Static Text, Font = Arial, Font Size = 12, Style =
Bold, Text (fill) Color = #697A94, Text Align = Align Left
and Character Spacing = 0. 4.
Select the 'Name' text on the layer named as 'Name Title', Choose
Window > Info 5.
In the Info panel, set X position = 23 px and Y position = 29
px, keeping Top-Left Registration point selected. 6.
Insert a new layer (Choose Insert > Layer)
above the layer named as 'Background' 7.
Rename the layer as 'E-Mail Title'
8.
On the layer named as 'E-Mail Title', type the following
text 'E-Mail' with the Text Tool
and in the Properties panel apply the following text
settings : Text Type = Static Text, Font = Arial,
Font Size = 12, Style = Bold, Text (fill) Color
= #697A94, Text Align = Align Left and Character
Spacing = 0.
9.
Select the 'E-Mail' text on the layer named as 'E-Mail Title', Choose
Window > Info 10.
In the Info panel, set X position = 23 px and Y position = 59
px, keeping top-left Registration point selected. 11.
Insert a new layer (Choose Insert > Layer)
above the layer named as 'Background' 12.
Rename the layer as 'Suggestion Title'
13.
On the layer named as 'Suggestion Title', type the
following text 'Suggestion' with the Text Tool
and
in the Properties panel apply the following text settings
: Text Type = Static Text, Font = Arial, Font
Size = 12, Style = Bold, Text (fill) Color =
#697A94, Text Align = Align Left and Character
Spacing = 0.
14.
Select the 'Suggestion' text on the layer named as 'Suggestion Title',
Choose Window > Info 15.
In the Info panel, set X position = 23 px and Y position = 89
px, keeping top-left Registration point selected. 16.
Insert a new layer (Choose Insert > Layer)
above the layer named as 'Background' 17.
Rename the layer as 'Colon'
18.
On the layer named as 'Colon', type ' : ' three time
one below the other with the Text Tool
and
in the Properties panel apply
the following text settings : Text Type = Static Text,
Font = Arial, Font Size = 12, Style = Bold,
Text (fill) Color = #697A94, Text Align = Align
Left and Character Spacing = 0.
Place
the colons ':' as shown in the image given below,
1.
Insert a new layer (Choose Insert > Layer)
above the layer named as 'Background' 2.
Rename the layer as 'Name Bg'
3.
On the layer named as 'Name Bg', draw a rectangle with
the 'Rectangle Tool' ,
Width = 275 px, Height = 20 px, color value
of the outline = #A5AFBE, color value of the fill =
#F7F9FB
4.
On the layer named as 'Name Bg', select the rectangle object along with
its outline, convert it into a Movie Clip (Choose
Insert > Convert to Symbol) with the Center Registration point
selected and name it as 'textfield bg' 5.
Select frame 1 on the layer named as 'Name Bg' 6.
Choose Window > Info, In the Info panel,
set X position = 109 px and Y position = 28 px, keeping Top-Left
Registration point selected. 7.
Insert a new layer (Choose Insert > Layer)
above the layer named as 'Background' 8.
Rename the layer as 'E-Mail Bg' 9.
Select frame 1 on the layer named as 'Name Bg', Choose
Edit > Copy 10.
Select frame 1 on the layer named as 'E-Mail Bg',
Choose Edit > Paste 11.
Choose Window > Info, In the Info panel,
set X position = 109 px and Y position = 58 px, keeping Top-Left
Registration point selected.
12.
Insert a new layer (Choose Insert > Layer)
above the layer named as 'Background' 13.
Rename the layer as 'Suggestion Bg' 14.
Select frame 1 on the layer named as 'E-Mail Bg', Choose
Edit > Copy 15.
Select frame 1 on the layer named as 'Suggestion Bg', Choose Edit
> Paste 16.
Choose Window > Info, In the Info panel,
set Width = 275 px, Height = 96 px, X position = 109 px and
Y position = 88 px, keeping Top-Left Registration point selected.
| 
