KEMENTERIAN PELAJARAN MALAYSIA

Self Access Learning Module

ICT Literacy for Secondary School

Programm e Creating Website

PUSAT PERKEMBANGAN KURIKULUM

KEMENTERIAN PELAJARAN MALAYSIA

ICTL For Secondary School - Website Module

MODULE 4

DEVELOPE SCHOOL WEBSITE USING PAGE BREEZE HTML EDITOR

Curriculum Development Centre Ministry of Education Malaysia

ICTL For Secondary School - Website Module

1. Editor 2.

Name of Module

: Develop School Website Using Page Breeze HTML

Learning Outcomes : The students should be able to a. Creating Website

3.

Knowledge and Skills a. Create Main Page b. Create Web Pages c. Insert text d. Insert Images e. Insert Hyperlink f. Save Web Page

4.

Module Summary At the end of the module students should be able to produce web pages.

ICTL For Secondary School - Website Module

ICTL For Secondary School - Website Module

Activity 1: Creating Main Page 1. Launch Page Breeze HTML Editor from the START menu.

2. The Page Breeze HTML Editor window will appear as below.

ICTL For Secondary School - Website Module

3. To create a new project, double click directory C (Step 1) and then click Folder button
(Step 2)

Step 1 Step 2

4. This dialogue box will appear, type MY SCHOOL_YOUR NAME in folder name box
then click ok.

5. MY SCHOOL_YOUR NAME folder will appear in directory C.

6. Click new page button on the toolbar 5

and a dialogue box will appear as below.

ICTL For Secondary School - Website Module

6.1. Type MY SCHOOL_YOUR NAMEin the Page Title area. 6.2. Click on CheckBox

6.3. Click OK button

ICTL For Secondary School - Website Module

7. Highlight Heading 2 and retype your own greeting text example WELCOME TO MY
WEBPAGE. You can add more information about your school as you wish.

8. Next, insert your school picture. 8.1. Click insert on menu bar and choose graphic

ICTL For Secondary School - Website Module

8.2.

Browse and get your picture folder. Choose a picture is that suitable for your webpage and click OK.

(You may add a few more pictures that related to your school using the same process)

9. Create your own hyperlink menu at the bottom of webpage. 9.1.

Click table menu at menu bar choose insert table. Modify the insert table dialogue box as the diagram shown below then click OK.

9.2.

Type Teacher , Student and About in each column as the diagram below.

ICTL For Secondary School - Website Module

9.3.

Modify your table by arranging all texts to be in the middle of each column.

9.4.

Save your project and exit.

ICTL For Secondary School - Website Module

Activity 2 : Creating New Webpage Launch Page Breeze HTML Editor using the START menu. 2. Make sure you open your previous folder. Click File on menu bar and choose New. The dialogue box for creating a new page will appear. In the dialogue box, type MY TEACHER as the title for new page (Step 1) and then rename the html file to teacher.htm (step 2). Click OK

1.

3. 4.

Step 1

Step 2 5.
6.

Repeat the same process to create another 2 pages and name it as student.htm and about.htm.

10

ICTL For Secondary School - Website Module

7.

Complete all content with more information about your school as you wish in teacher.htm, student.htm and about.htm file. In order to create a home button, type Home at the bottom left of teacher.htm, student.htm and about.htm file.

8.

9.

Save and exit the project

11

ICTL For Secondary School - Website Module

Activity 3 : Creating Hyperlink

1. Highlight the word Teacher in index.htm file.

2. Click Insert from the Menu Bar then choose Hyperlink. The Hyperlink dialog box
will appear. In the hyperlink dialog box, choose teacher.htm file and click OK.

12

ICTL For Secondary School - Website Module

3. Repeat step 2 to complete another hyperlink for student and about.

* The above diagram shows the completed hyperlink process.

4. Double click teacher.htm and highlight Home.

13

ICTL For Secondary School - Website Module

5. Click Insert from the Menu Bar then choose Hyperlink. In the hyperlink dialog
box choose index.htm file and click OK.

6. Double click student.htm and highlight Home.

14

ICTL For Secondary School - Website Module

7. Click Insert from the Menu Bar then choose Hyperlink. In the hyperlink dialog
box choose index.htm file and click OK.

8. Double click about.htm and highlight Home.

15

ICTL For Secondary School - Website Module

9. Click Insert from the Menu Bar then choose Hyperlink. In the hyperlink dialog
box choose index.htm file and click OK.

10. Save and exit your project

16