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

 



 

   
1.
 Create  Flash Document
 
  1. Run the Macromedia Flash Profesxional  8
  2. 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.
 Importing graphics:
 
 
  1. 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 the following  items  
 
  1. Add one Graphic file item  in the Document window
  2. From the Library panel,  drag the following graphic file:   ("About_file.jpg") in the Document window. (see the following figure)


     

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

  4. Sets Flash Player to full-screen mode1

    add the ActionScript code:

    1. In the Timeline, select Frame 1 of Layer 1.
    2. 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)

     

     

  5. Add  5 dynamic text boxes:
    From Window menu,  select Tools, Tools panel dialog box appears ,
     

    Tools








     
    1.

     

    1. In the Tools panel, click the Text tool.
    1. Click the text box you just drew to select it.
    2. In this text box, Type ""
    3. In the Property inspector panel, enter the following values:
      • Text Type: Dynamic Text 
      • X: 160
      • Y: 7
      • W:331
      • H:29
      • Font: Times New Roman
      • Font Size: 22
      • Style: Bold
      • Line Type: Multline
      • Var: ctr0

        The Property inspector with the correct values entered

     


    Note:

    Repeat Previous  operation to add other text boxes
     

    2.
    1. In the Tools panel, click the Text tool.
    1. Click the text box you just drew to select it.
    2. In this text box, Type ""
    3. 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.
    1. In the Tools panel, click the Text tool.
    1. Click the text box you just drew to select it.
    2. In this text box, Type ""
    3. 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.
    1. In the Tools panel, click the Text tool.
    1. Click the text box you just drew to select it.
    2. In this text box, Type ""
    3. 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.
    1. In the Tools panel, click the Text tool.
    1. Click the text box you just drew to select it.
    2. In this text box, Type ""
    3. 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
         
  6. Add one Graphic file item  on the stage
    From the Library panel,  drag the
    following graphic file:   ("pic History.jpg") on the stage  

  7. Add the following Variables (ActionScript code):

    1. In the Timeline, select Frame 1 of Layer 1.
    2. 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";

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

                  

    2. The Property inspector panel
      • btnquit
      • W:56
      • H:19
      • X: 98
      • Y: 15

    3. Focus - Add  Keyframe to this button
      1. Select the button ("btnquit")
      2. Right-click  and select Edit in Place from the context menu.
      3. 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)


         

      4. Select Over  KeyFeame. and add  Rectangle Line to the button ("btnquit") on the Stage
        1. In the Tools panel, select the Rectangle tool,. near the  button ("btnquit") , draw the Rectangle line

    4. 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.
 Add ScrollPanel component
  1. 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
  2. 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
     
  3. From Window menu,  select Proprieties and the select  ProprietiesProprieties dialog box appears, In this dialog box:
    1. Select Propreties Tab, enter 341 in the width text box and 241 in the height text box (see the following figure)

       

    2. Select Parameter Tab, Type the following data:

      Type in contentPath box:  \pic History Beirut_text.jpg

       (see the following figure)

     



     

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

 
   
 

 


Previous Home
2