4.

Paparan di bawah merupakan komponen-komponen yang

Latihan Makmal 1 penting yang perlu anda tahu.
Membina laman web menggunakan Frontpage 2003( Asas)

Objektif :
Di dalam bahagian ini kita akan mengenali beberapa
antaramuka (interface) perisian Microsoft Office Frontpage
dalam menghasilkan sebuah laman web atau bentuk
pendokumentasian .

Masa: 15 minit

1. Anda telah pun mempelajari beberapa kod asas HTML di dalam

tajuk-tajuk sebelum ini. Kini anda diperkenalkan pula dengan cara
membina laman web secara ringkas menggunakan perisian
Microsoft Frontpage 2003. Sila ikuti

2. Klik Start>All Programs>Microsoft Office>Microsoft Frontpage

2003 5. Paparan di bawah ini pula merupakan komponen menu. Jika
anda perhatikan antara mukanya seperti Microsoft Word.
3. Anda akan dipaparkan dengan halaman berikut:
6. Paparan di bawah ini merupakan fungsi elemen antara muka 11. Paparan seperti di bawah akan terpapar :
Microsoft Frontpage 2003:

12. Klik Yes.

13. Anda akan melihat paparan seperi di bawah:

7. Sekarang kita akan memulakan langkah untuk membina laman
web asas.

8. Klik File > Open Site

9. Klik Ikon `create new folder`

10. Namakan Folder `Latihan1`

14. Kemudian, klik file>New>Blank Page 17. Kemudian `Save As` file anda kepada “index.html” .

18. Index bermaksud Paparan yang pertama akan dilawati apabila

pengunjung melawati laman sesawang anda.

Ubah Suai Warna Latar Belakang

1. Klik kanan pada ruangan `viewing area` , dan pilih `page

properties`.

15. Akan dipaparkan new_page_1.htm

16. Didalam ruangan viewing Area, Taip

`Ini Muka Depan`.
`Muka depan digelar sebagai index`

2. Paparan `page properties` membolehkan anda mengubahsuai

pada page index.html anda :-

i. Memasang lagu latar.

ii. Menukar warna latar belakang
iii. Menukar title bar.
 4. Anda akan dapati warna latar belakang file index anda berubah
warna.

3. Pilih tab formatting> Colors > Background>Pilih Warna

5. Di bahagian Penjuru Bawah terdapat bar

i. Design ii. Split iii. Code iv. Preview

Cuba Klik untuk mendapatkan gambaran yang lebih jelas.

6. Klik `code` untuk memaparkan code html yang telah anda

janakan. Kod inilah yang telah kita pelajari dalam siri 1 yang lalu.

7. Kod HTML ataupun `Hyper Text Markup Language` ini dapat

dijanakan melalui Frontpage .
Membuat hyperlink 3. Klik ` Save As` dan namakan `laman1`

1. Tulis : *Peringatan nama file helaian tidak boleh ada jarak supaya link
Perkataan `laman 1` dan `laman 2` di ruangan `Viewing Area` yang akan dibuat dapat dipautkan.
seperti gambar di bawah.

2. Klik File>New> Blank Page. Helaian baru (new_page_1.htm)

dipaparkan. Tulis di ruangan `viewing area` sebagai laman 1. 4. Proses ini diulangi dengan membuat helaian laman 2 pula.

5. Klik kembali kepada index.html, highlightkan perkataan laman1.

Kemudian , klik kanan untuk memaparkan menu seperti di
bawah.
6. Klik hyperlink.

7. Paparan seperti di bawah akan dihasilkan. Kemudian untuk 10. Save file index anda. Kemudian, Klik File> Preview in
browser>Microsoft Internet Explorer.
perkataan laman 1 yang di`highlight`kan hendaklan di pautkan
kepada laman1 yang telah anda hasilkan.
Atau anda boleh tekan F12 untuk shortcut.
Contoh seperti di bawah.

8. Langkah yang sama diulangi untuk laman2.

9. Apabila selesai, anda akan dapati paparan sedemikian: