- Requirements:
Microsoft FrontPage of Microsoft Office XP
-
Onto the folder C:\ , create the
folder Learn Web - (C:\Learn Web)
- Onto the
folder C:\Learn Web, create the folder Pic
- (C:\Learn Web\Pic)
- 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 |
- Run
Microsoft FrontPage
- 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
-
On the File menu,
click Save
- (in the Save as dialog type
index
- C:\Learn Web\index.htm)
Begin ...
- 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:
- In the Tab Page
General, type Web Page in the Title
Box
-
In the Tab Page Background, check the
Background picture check box, use the Button to call
the picture file C:\Learn Web\Pic\marbleLjpg
-
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
-
And then click Ok
|
-
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..
and then click
Ok
The main web page
design
Pic 1
- 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
. -
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 |
|
-
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..
and then click
Ok
The main web page
design
Pic 2
-
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
-
Add data to the
following Cells added ...
-
In the Cell(2,1) of
Pic 3, type SSVP
LIBAN
(Font: times new roman, Bold italic,
12, color silver)
-
In the Cell(2,1) of
Pic 3 create 3 Break lines and then add
the following data ...:
-
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
-
Repeat the
operation (a) twice (to create 2
other Break lines)
-
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
-
In the 2nd Break line of
this cell, type
ST. VINCENT F.
OZANAM
(Font: times new roman, Bold italic,
12, color silver)
-
The 3rh Break line
is empty
|
-
In the Cell(2,3) of
Pic 3, type
PAGE
D'ACCUEIL
(Font: times
new roman, Bold italic, 12, color silver)
-
In the Cell(2,4) of
Pic 3, type
HISTORIQUE
(Font: times
new roman, Bold italic, 12, color silver)
-
In the Cell(2,5) of
Pic 3, type ACTIVITES
(Font: times
new roman, Bold italic, 12, color silver)
-
In the Cell(2,6) of
Pic 3, type NOS
CONFERENCES
(Font: times
new roman, Bold italic, 12, color silver)
-
In the Cell(2,7) of
Pic 3, type ANNONCES
(Font: times
new roman, Bold italic, 12, color silver)
-
In the Cell(2,8) of
Pic 3, type LIENS
(Font: times
new roman, Bold italic, 12, color silver)
-
In the Cell(2,9) of
Pic 3, type CONTACTS
(Font: times
new roman, Bold italic, 12, color silver)
|
-
The main web page
design
Pic 4
|