Learn how to create Web Page with Microsoft FrontPage - 1
 

 
- Part 1 -

 

  1. Requirements: Microsoft FrontPage of Microsoft Office XP
  2. Onto  the folder C:\ ,  create  the folder Learn Web -  (C:\Learn Web)
  3. Onto  the folder  C:\Learn Web, create the folder Pic - (C:\Learn Web\Pic)
  4. From the folder \\How create Web Page\Learn Web\Pic, copy the List of Picture files to the folder C:\Learn Web\Pic

     
    The following  Picture files:
     
    Vincent_Ozanam.bmp,
    Logo International.bmp,
    lb-flag1.gif,
    Albert Zoghbi.jpg,
     AR_Risala.jpg,
      Fr_ Risala.jpg,
      Paque02.jpg,
      Paque01.jpg,
    dejeuner-biel-left.jpg
    dejeuner-biel-right.jpg
    marbleLjpg

     

  5. Run   Microsoft FrontPage
  6. On the  File menu, click New and then click Web or page
    From the New Page or Web  Frame click Blank Page. New Web Page or Page view  
  7. On the  File menu, click Save -  (in the Save as dialog type index - C:\Learn Web\index.htm)
     

    Begin ...   

  1. Right-click  the Web Page or Page view display , click Page Properties on the shortcut menu, the Page Properties dialog box appears.
     


    Iin this dialog  input the following data:
     
    1. In the Tab Page General, type Web Page  in the Title Box
    2. In the Tab Page Background,  check the Background picture check box, use the Button to call the picture file C:\Learn Web\Pic\marbleLjpg
    3. In the Tab Page Margins,   check the Specify top margin check box and 0 pixels, check the Specify left margin check box and 0 pixels
    4. And then click Ok
       

  2. Insert Table ...
    select  point of this Web Page, on the Table menu, select Insert , and then  click Table , the Insert Table dialog box appears
     


    Modify the..

    Rows
    :Columns
    1
    2

    and then click Ok


    The main web page design

                                                                      Pic 1
     

  3. Right-click  the Cell ( cell 1 of Pic 1),  click Cell Properties ... on the shortcut menu, the Cell Properties dialog box appears,
     

    Modify the Cell properties ..

    Horizontal alignment:
    Vertical alignment:
    Specify width Box
    Background Color
    Center
    Top
    25  in percent
    navy

    and then click Ok


    Note:
     First, 
    check  Specify width check box and then type the corresponding value in Specify width box
    .

  4. Right-click  the Cell ( cell 2 of Pic 1), click Cell Properties on the shortcut menu, the Cell Properties dialog box appears,
     modify the cell properties ..
     
    Horizontal alignment:
    Vertical alignment:
    Specify width Box
    Center
    Top
    75  in percent

     

  5. Insert Table ...
    select the cell of the Web Page - (Cell 1 of Pic 1),
    on the Table menu, select Insert , and then  click Table , the Insert Table dialog box appears. In this dialog   modify the..
     
    Rows
    :Columns
    9
    3

    and then click Ok

    The main web page design
     

                                                                                                         Pic 2
     

  6. Modify the Cell Properties of the following Cells of  the Web Page -  (Pic 2) created ...

    Right-click  the Cell ( cell(1,1) of Pic 2), click Cell Properties on the shortcut menu, the Cell Properties dialog box appears. modify the cell properties ..
     
    Horizontal alignment:
    Vertical alignment:
    Specify width  Box
    Specify height Box
    Default
    Default
    5  in percent
    69 in percent

    Note:
      First,
      check  Specify width check box and then type the corresponding value in Specify width box
      First,
    check  Specify height check box and then type the corresponding value in Specify height box

    Repeat this procedure, To modify the Cell properties of the other cells of Pic 2
     

    Cells of Pic 2
     
    Horizontal alignment
     
    Vertical alignment
     
    Specify width  Box
     
    Specify height Box
     
    Cell(1,2) Default Default 5  in percent 100 in pixels
    Cell(1,3) to Cell(1,9) Default Default 5  in percent 40 in pixels
    Cell(2,1) Center Middle 90  in percent 69 in pixels
    Cell(2,2) Center Top 90  in percent 100 in pixels
    Cell(2,3) to Cell(2,9) Center Middle 90  in percent 40 in pixels
    Cell(3,1) Default Default 5  in percent 69 in pixels
    Cell(3,2) Default Default 5  in percent 100 in pixels
    Cell(3,3) to Cell(3,9) Default Default 5  in percent 40 in pixels

    The main web page design
     

                                                                                                                   Pic 3
     

  7. Add data to the following Cells added ...
     
    1. In the Cell(2,1) of Pic 3, type  SSVP   LIBAN   (Font: times new roman, Bold italic, 12, color silver)
    2. In the Cell(2,1) of Pic 3  create 3 Break lines and then add the following data ...:
       
      1. Create 1st Break line, on the Insert menu, click Break, the Break dialog box appears
         

        Select Normal line break radio button and then click Ok
         

      2. Repeat the operation (a)  twice (to create  2  other Break lines)
         
      3. Add Picture to the 1st Break line of  this cell.
        On the Insert menu, click Picture and then click From File ..., the Picture dialog box appears
         


        From the folder C:\Learn Web\Pic, select the file Vincent_Ozanam.bmp and then click Insert. New picture display  
         

      4. In the 2nd Break line of this cell, type ST. VINCENT       F. OZANAM  (Font: times new roman, Bold italic, 12, color silver)
         
      5. The 3rh Break line is empty
    3. In the Cell(2,3) of Pic 3, type   PAGE D'ACCUEIL         (Font: times new roman, Bold italic, 12, color silver)
    4. In the Cell(2,4) of Pic 3, type  HISTORIQUE                   (Font: times new roman, Bold italic, 12, color silver)
    5. In the Cell(2,5) of Pic 3, type  ACTIVITES                       (Font: times new roman, Bold italic, 12, color silver)
    6. In the Cell(2,6) of Pic 3, type  NOS CONFERENCES     (Font: times new roman, Bold italic, 12, color silver)
    7. In the Cell(2,7) of Pic 3, type  ANNONCES                      (Font: times new roman, Bold italic, 12, color silver)
    8. In the Cell(2,8) of Pic 3, type  LIENS                                 (Font: times new roman, Bold italic, 12, color silver)
    9. In the Cell(2,9) of Pic 3, type  CONTACTS                     (Font: times new roman, Bold italic, 12, color silver)
  8. The main web page design
     

                                                                                                                Pic 4
     


Previous Home
1
Next