|
Learn Step-by-step how to write the
Flash Document - About
doc

|
|
|
1. |
- Run the
Macromedia Flash
Profesxional 8
- From
File menu, click
New, the New document dialog box
appears (see the following figure), from
General page select Flash Document
Icon and click
Ok
New
Flash Document windows
appears
Note From File
menu, click
Save and The
Name the file - About
doc.fla ( Into the folder -
C:\Flach 8 application)
| |
|
|
2. |
- From
File menu, select Import and click Import to Library - to import an image into the current
document.
The Import
to Library dialog box appears (see
the following figure),
From this dialog
box, open the folder Pictures collection (/Slide
Flach_8 application\Slide_ Flach_8, beirut
application\Pictures collection) Select the
following graphic files: "About_file.jpg",
"Btn_Quit.bmp", "pic History.jpg" and
click Open
These images are
imported into the document's
library (see the following
figure)
| |
|
|
3. |
- Add one Graphic file item in the Document
window
- From the
Library panel, drag the following graphic file: ("About_file.jpg")
in the Document window. (see the following
figure)
- Configuring
the Document Properties:
In the Document window,
Right-click and select Document Properties from the context
menu. The Document Properties dialog box appears,
In this dialog box, enter 763 in the width text box
and 481 in the
height text box (or select Contents), Background - #000000
(black) and then click OK. (see the following
figure)
Note From File menu,
click
Save
- Sets Flash Player to full-screen mode1
- In the
Timeline, select Frame 1 of Layer
1.
- From
Window menu, click
Actions
In the
Actions
panel, type the following ActionScript: fscommand("fullscreen",
true);
Note the ActionScript code added
- (see the following
figure)
|
- Add 5 dynamic text
boxes:
From Window menu,
select
Tools, Tools panel
dialog box appears ,
Tools

| |
1.
|
- In the
Tools
panel, click the Text tool.
- Click
the text box you just drew to select it.
- In this
text box, Type ""
- In the
Property inspector panel, enter the following
values:
| |
Note:
Repeat
Previous operation to add other text
boxes
2. |
- In the
Tools
panel, click the Text tool.
- Click
the text box you just drew to select it.
- In this
text box, Type ""
- In the
Property inspector panel, enter the following
values:
- Text
Type: Dynamic Text
- X:
13
- Y:
387
- W:504
- H:20
- Font:
Times New Roman
- Font
Size: 12
- Style:
Bold
- Line
Type: Multline
- Var:
ctr1
|
3. |
- In the
Tools
panel, click the Text tool.
- Click
the text box you just drew to select it.
- In this
text box, Type ""
- In the
Property inspector panel, enter the following
values:
- Text
Type: Dynamic Text
- X:
14
- Y:
412
- W:502
- H:43
- Font:
Times New Roman
- Font
Size: 10
- Style:
Bold
- Line
Type: Multline
- Var:
ctr2
|
4. |
- In the
Tools
panel, click the Text tool.
- Click
the text box you just drew to select it.
- In this
text box, Type ""
- In the
Property inspector panel, enter the following
values:
- Text
Type: Dynamic Text
- X:
14
- Y:
458
- W:503
- H:19
- Font:
Times New Roman
- Font
Size: 10
- Style:
Bold
- Line
Type: Multline
- Var:
ctr3
| |
5. |
- In the
Tools panel,
click the Text tool.
- Click the
text box you just drew to select it.
- In this text
box, Type ""
- In the
Property inspector panel, enter the following
values:
- Text Type:
Dynamic Text
- X:
536
- Y:
446
- W:206
- H:22
- Font:
Times New Roman
- Font Size:
13
- Style:
Bold
- Line Type:
Single line
- Var:
ctr4
|
-
Add one Graphic file item on the stage From the Library
panel, drag the following graphic
file: ("pic
History.jpg")
on the stage
-
- In the
Timeline, select Frame 1 of Layer 1.
- From Window
menu, click
Actions
In the Actions
panel, type the following ActionScript: ctr0 = "Beirut's History"; ctr1 = "Free
of Charge download, Training programming courses and Bible
on line www.puresoftwarecode.com"; ctr2 = "A- 36
Programming training courses (HTML course + development
software - code), Jbuilder Delphi 8, sql, Visual Basic
net, Visual C# net, Visual J# net, Visual C++ net, Visual
B6, Visual C++6, Visual J++6, V isual Foxpro6, Access, Web
design, resize pictures, animation pictures "; ctr3 =
"B- Bible (+ Search) - Arabic, English, English &
Arabic Languages"; ctr4 =
"www.puresoftwarecode.com";
- Convert
element to a symbol,
Add Keyframe,
Add ActionScript
code -
the element on the
Stage to be convert: (
"Btn_Quit.bmp")
1. |
"Btn_Quit.bmp" |
- Select this
element ("Btn_Quit.bmp") on the Stage.
Right-click and select Convert to Symbol from the
context menu. In the Convert to Symbol dialog box (see
Pic A), type the name of the symbol: btnquit and select
Button Click OK.

Pic
A |
- The Property
inspector panel
- btnquit
- W:56
- H:19
- X:
98
- Y:
15
|
- Focus - Add
Keyframe to this button
- Select
the button ("btnquit")
- Right-click and select Edit in
Place from the context menu.
- In the
Timeline -
(see the following
figure)

Add to
Up Keyframe other Keyframe
Select
Up KeyFeame, Right-click and select
Insert Keyframe from the context
menu. New Keyframe name: Over appears
-
(see the following
figure)
- Select
Over KeyFeame. and add
Rectangle
Line to the button ("btnquit") on the
Stage
- In the
Tools
panel, select the Rectangle tool,.
near the button ("btnquit") , draw the
Rectangle line
|
- add the ActionScript code:to this
button (symbol
converted)
Right-click
and select Action from the context
menu. In the Actions panel, type
the following ActionScript: on (release) { fscommand("quit",
true); } |
|
|
| | |
|
|
4. |
- From
the folder Pictures collection (/Slide Flach_8
application\Slide_ Flach_8, beirut application\Pictures
collection), Copy the following file:
"pic History Beirut_text.jpg" to the folder
- C:\Flach 8 application
- From
Window menu, click
Components, New Components dialog box appears.
From this dialog box
select ScrollPanel item and drag it on the
stage
Note: The ScrollPane component displays JPEG
files
- From
Window menu, select
Proprieties and the select
Proprieties.
Proprieties dialog box appears, In
this dialog box:
- Select Propreties Tab, enter
341 in the width text
box and 241 in the height text box
(see the following figure)
- Select Parameter Tab, Type the
following data:
Type in contentPath
box: \pic History
Beirut_text.jpg
(see the following
figure)
|
- Save and
Publish Settings ..
From File
menu, click
Save From File
menu, click
Publish Settings ..
The
Publish
Settings dialog box appears,
In this dialog
box: (see the following
figure)
then click Publish and click
Ok
| |
|
| |
|