-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
1
1.0 Pengenalan
Keperluan Kursus Peserta kursus dianggapkan telah berpengetahuan
dengan istilah Web Browser, Internet, Html, Ftp. Dijelaskan dengan
ringkas perkara asas yang perlu diketahui sebelum kursus ini
dijalankan.
Apa itu InterNet Browser
Merupakan program yang membenarkan maklumat yang ada dipamirkan
pada pengguna lain. Mircosoft Explorers ( IE ) dan Netscapes
Navigator atau Communicator merupakan dua program yang popular pada
masa kini.
Apa itu Internet Server
Ia merupakan komputer yang disambungkan kepada internet dan
membenarkan maklumat yang ada didalamnya dicapai oleh pengguna lain
menggunakan program Internet Browser.
Apa itu URL
URL ( Uniform Resource Locator ) merupakan alamat internet yang
digunakan untuk pencarian laman web. Ia juga digunakan untuk
menghubungkan antara satu laman dengan laman web yang lain.
Apa dia Web site
Web site merupakan kumpulan laman web. Ia merupakan dokumen
mudah yang dibina dengan html dan boleh dicapai melalui web.
Saiznya adalah berbeza-beza.
Apa dia Web site homepage
Ia merupakan laman web utama web site. Kebiasaannya fail
tersebut dinamakan sebagai index.html atau default.html.
Apa itu Internet Search Engine
Ia merupakan program yang membenarkan pengguna memasukkan huruf
atau perkataan untuk dicari didalam web site. Contoh utama seperti
Yahoo, Infosee, Lycos, Cari dan lain-lain lagi.
Apa itu HTML
Html ( Hyper Text Markup Language ) merupakan program untuk
mengasilkan web page.
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
2
Microsoft FrontPage adalah satu pakej perisian yang memberi
kemudahan untuk mencipta dan mengurus laman web. Sebelum anda
melayarkan laman web anda ke internet, anda mungkin perlu
merancang, merekabentuk dan membuat prototaip atau contoh laman web
anda didalam komputer. FrontPage adalah perisian terbaik untuk itu.
Apabila rekaan laman anda telah siap dan dapat berfungsi saperti
yang dikehendaki, barulah anda melayarkannya ke alam siber.
Mengapa Menggunakan FrontPage
Mencipta laman web dengan FrontPage mempunyai banyak kelebihan,
diantaranya ialah: 1. Tidak memerlukan pengetahuan dalam
pengaturcaraan. 2. Terdapat pelbagai alat dan contoh disediakan
untuk membantu pengguna
mencipta laman web secara kreatif. 3. Mudah digunakan kerana ia
mempunyai antaramuka yang mirip perisian
pemproses perkataan Ms Word dan Ms Powerpoint. 4. Fail-fail yang
terlibat dalam sesuatu projek laman web lebih tersusun. 5.
FrontPage dapat bersepadu dengan dokumen perisisan Ms Office.
Komponen-komponen FrontPage
Semasa proses intalasi Ms FrontPage menggunkan CD, anda akan
dipaparkan dengan beberapa pilihan perisian yang boleh dipasang
iaitu 1. Ms Personal Web Server 2. Ms Internet Explorer 3. Ms Image
Composer 4. Ms Web Publishing Wizard Anda digalakan memasang
FrontPage pada komputer yang mempunyai perisian pelayan. Oleh yang
demikian, mulakan instalasi dengan Ms Personal Web Server dan
kemudian Ms FrontPage serta komponen-komponen perisian yang
lain.Penerangan ringkas mengenai setiap komponen perisian di atas
akan diterangkan selepas ini.
FrontPage Explorer. FrontPage Explorer digunakan untuk mencipta
FrontPage Web ialah direktori yang akan menyimpan semua
subdirektori dan fail laman web yang anda bina menggunakan
FrontPage. Selain daripada itu, FrontPage Explorer boleh membantu
anda dalam membuat perancangan serta mengurus projek laman web anda
secara keseluruhan.
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
3
FrontPage Editor FrontPage Editor digunakan untuk mencipta,
mengubah dan menyunting laman-laman web anda. Jika anda mempunyai
pengetahuan dalam bahasa HyperText Markup Language (HTML),
FrontPage Editor memberi peluang kepada anda menaip terus kod-kod
HTML anda sendiri. Jika tidak, anda boleh membangunkan kandungan
laman web anda hanya dengan menaip teks dengan papan kekunci dan
memasukkan elemen-eleman lain dengan tetikus.
Ms Personal Web Server
Ms Personal Web Server adalah satu perisian pelayan Web (Web
server software). Jika anda memasang perisian ini pada komputer
yang mempunyai penyambungan internet, komputer tersebut boleh
menjadi host. Ini bermakna, dengan membiarkan komputer host
beroperasi 24 jam sehari, laman web anda boleh dicapai oleh
pengguna WWW seluruh dunia. Namun begitu, dalam kursus ini,
Personal Web Server hanya akan digunakan untuk menguji kefungsian
laman web sepanjang proses pembangunan projek laman web anda. Semua
fail laman web anda kemudiannya akan dipindahkan ke salah satu
pelayan WWW dalam internet yang memberi servis percuma.
Microsoft Image Composer Microsoft Image Composer merupakan
perisian grafik yang dikhaskan untuk mencipta grafik-grafik web
saperti logo, butang, bena dan lain-lain lagi. Selain daripada itu,
Image Composer juga boleh digunakan untuk membuat pengubahsuaian ke
atas grafik-grafik yang terdapat pada laman-laman web anda.
Web Publishing Wizard
Web Publishing Wizard adalah perisian yang boleh digunakan untuk
memindahkan fail-fail laman web dari komputer anda ke dalam pelayan
WWW melalui internet. Walau bagaimanapun anda terlebih dahulu
perlulah menjadi ahli kepada pelayan WWW tersebut. Melalui
penggunaan perisian ini, kompleksiti struktur fail laman web anda
di dalam komputer pelayan WWW adalah terlindung. Apa yang anda tahu
ialah laman anda telah selamat dipindahkan ke dalam komputer
pelayan tersebut.
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
4
2.0 Asas Membina Laman Web
Cara untuk memulakan Front Page 2000.
1. Klik Start, kemudian Program, dan pilih Microsoft Front
Page.
2. Perisian Microsoft FrontPage 2000 akan dipamerkan di skrin
anda seperti dibawah
Menu Bar Toolbar
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
5
3.0 Membina Laman Web:
1. Klik Menu Bar, File, kemudian kotak drop down menu akan
dipamerkan.
2. Letakkan tetikus pada New, dan klik Web...
Selain dari kaedah di atas , anda boleh klik pada anak panah di
bawah , kemudian klik
ikon New Page dan pilih Web...
3. Window baru akan dipamerkan di skrin anda. Pilih jenis Laman
Web yang anda kehendaki dan lokasinya. Untuk menyimpan di computer
anda alamatnya( address) seperti contoh dibawah
http://pcname/foldername (http://roslai/myweb)
4. Klik OK. Laman Web akan dibina di computer anda,
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
6
Menambah Laman Baru
Untuk membina dan menyimpan laman.
1) Buka FrontPage 2000. Laman kosong akan dipamerkan di Page
View.
2) klik pada Normal tab di bawah laman (page).
3) Letakkan cursor (tetikus) di dalam ruangan kosong dan taip
sebaris perkataan.
4) Klik File di Menu bar, kemudian pilih Save. Kotak dialog akan
dipamerkan.
5) Semasa di kotak dialog save, klik butang Change untuk tukar
tajuk laman anda. Kotak Set Page Tlitle akan dipamerkan.
6) Taip nama baru laman anda di kotak Set Page Title dan klik
OK.
7) Untuk kotak dialog Save As , pilih file name dan taip nama di
File Name text box.
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
7
8) Klik butang Save.
Menambah Warna
Untuk menukar warna latarbelakang (background color) di
laman:
1) Klik Format di Menu bar dan pilih Background. Kotak Page
Properties dialog akan dipamerkan.
2) Klik Background tab.
3) Klik Colors Background di kotak drop-down dan pilih warna
kesukaan anda.
4) Klik OK di kotak Page Properties.
4.0 TEKS
Memasukkan Teks.
Anda boleh terus menaip teks seperti menaip dokumen biasa. Teks
boleh ditaip untuk bermula dari kanan, kiri dan tengah laman
menggunakan butang arahan align left, centre dan ringht. Teks juga
boleh diinden menggunakan butang arahan Increase Indent dan
Descrease Indent. Petua : Tekan shift+enter untuk menulis teks
baris berikutnya.
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
8
Format Teks. Saiz teks boleh diubahsuai menggunakan butang
arahan Increase Text Size dan Decrease Text Size.
Ikon Increase Text Size dan Decrease Text Size pada Formatting
Toolbar. Mewarnakan teks, butang arahan Text Color boleh
digunakan.
Ikon text Color pada Formatting Toolbar. Sapertimana dalam
dokumen biasa, teks juga boleh digariskan (Underline), dihitamkan
(Bold) dan dicondongkan (Italic)
Ikon Bold, italic dan Underline pada Formatting Toolbar.
Paint Teks
1) Pilih teks mengikut format yang dikehendaki.
2) Klik butang Format Painter di standard toolbar. Cursor telah
bertukar menjadi paintbrush.
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
9
3) Gunakan paintbrush untuk memilih teks yang kedua. Teks kedua
telah bertukar menjadi format teks yang pertama.
5.0 IMEJ
Masukkan Images Clip Art
1) Letakkan cursor pada laman.
2) Klik Insert di Menu bar dan pilih Picture, kemudian Clip Art.
Kotak Clip Art Gallery akan dipamerkan.
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
10
3) Klik Pictures tab. Pelbagai jenis kategori akan
dipamerkan.
4) Klik kategori yang dikehendaki dan beberapa jenis gambar akan
dipamer.
5) Klik gambar yang dikehendaki. Butang drop-down list akan
dipamerkan.
6) Klik Insert Clip button.
Masukan alternative text di imej:
1) Letakkan pointer di imej dan klik kanan tetikus. Pop-up menu
akan kelihatan.
2) Klik di Picture Properties. Kotak Picture Properties dialog
akan dipamerkan.
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
11
3) Klik General tab.
4) Taip alternative teks di Alternative Representations text
box.
5) Klik OK di Picture Properties dialog box.
Rajah 4.5
Memasukkan sebarang Imej
Ada beberapa jenis digital imej yang boleh dimasukkan ke laman
web. . gambar dari Internet dan disimpan di hard drive scan gambar
atau drawing gambar dari digital kamera gambar dari CD-ROM.
1) Letakkan cursor di page( laman ).
2) Klik Insert Picture dari butang File button di Standard
toolbar. Kotak Picture dialog akan dipamerkan.
3) Klik Select a file di komputer.
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
12
4) Cari imej file di computer, kemudian letakkan nama file di
text box.
5) Klik OK di kotak Select File.
6) Klik OK di kotak Picture .
Perpindahan Imej
Perpindahan imej dari satu lokasi ke lokasi yang lain.
1) klik imej yang dipilih.
2) Klik Cut button di Standard toolbar.
3) Letakkan cursor dimana kawasan yang dikehendaki. Anda boleh
letakkan
imej di laman yang sama atau sebaliknya.
4) Klik butang Paste di Standard toolbar. Imej akan dipindahkan
ke tempat baru.
Position Imej
Position teks dan imej.
1) Pilih imej atau kandungan teks yang hendak di position.
2) Klik Format di Menu Bar dan pilih Position.
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
13
3) Pilih position untuk objek dibawah Positioning style.
4) Pilih bagaimana bentuk teks akan mengelilingi imej.
5) Klik OK.
Imej Telus ( Transparent Images )
Hanya boleh digunakan sebarang imej.GIF.
1) Pilih gambar .GIF.
2) Klik butang Set Transparent Color di Image toolbar. Cursor
akan berubah menjadi icon pencil.
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
14
3) Letakkan ikon pencil di warna yang hendak di telus
(transparent). Klik di warna pilihan dan warna tadi telah menjadi
hilang.
Interlaces Imej
Hanya untuk sebarang imej .GIF. Bila tetamu melayar laman web
anda imej yang dipamerkan akan kelam(blur) dan seterusnya menjadi
terang bila habis memuat turun (download)..
Cara untuk interlace imej:
1) Letakkan pointer diimej dan klik kanan tetikus.
2) Klik di Picture Properties. Rajah dibawah akan dipamerkan
3) Klik General tab.
4) Klik Interlaced check box.
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
15
5) Klik OK di Picture Properties dialog box.
DHTML Animations
Animation effects akan membuat laman web seperti hidup. Anda
boleh membuat animasi imej menggunakan Dynamic HTML (DHTML) ia akan
membina kesan yang istimewa seperti teks imej bergerak. Tetamu akan
melihat kesan animasi bila menggunakan Internet Explorer 4.0 ke
atas , atau Netscape 4.0 ke atas.
1) Pilih imej yang hendak di animasikan.
2) Klik Format di Menu bar, kemudian klik Dynamic HTML
Effects
3) Pilih Page Load in the On box. Ini bermaksud bila tetamu
mengunjungi web site anda animasi akan berlaku.
4) Pilih Elastic in the Apply box. Imej akan menjadi
elastic.
5) Klik butang X dan tutup DHTML Effects toolbar.
TIP: Cara animasi yang terbaik adalah hanya satu imej sahaja
yang di animasikan di dalam satu page.
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
16
Cropped (potong) Images
1) Masukkan imej dalam page. Klik sekali pada imej tersebut.
2) Klik pada butang Crop di Image toolbar. Kotak segiempat akan
dipamerkan , ubah saiz yang anda kehendaki.
3) Bila anda perolehi imej yang sesuai klik butang crop sekali
lagi.
Jika imej terlalu besar , anda boleh mensaizkan semula tanpa
memotong sebahagian gambar.
1) Pilih imej dan klik sekali. Ada terdapat beberapa dot kecil
di imej.
2) Letakkan cursor di penjuru kemudian tarik atau tolak tetikus.
Imej anda akan mengecil atau sebaliknya.
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
17
6.0 HYPERLINKS
Di page yang sama (scrolling pages) Di antara satu page kepada
page yang berlainan. Di antara page ke laman web yang lain.
Teks Links
Membuat hyperlink dari teks:
1) Pilih teks.
2) Klik Hyperlink button di Standard toolbar. Create Hyperlink
dialog box akan dipamerkan.
3) Cari dan klik nama fail page yang anda hendak hubung( link) .
Nama fail akan dipamerkan URL text box. Jika anda berhubung di
antara web site , sila taip e URL (Web address) di URL text
box.
4) Klik OK di Create Hyperlink dialog box.
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
18
Imej Links
1) Pilih gambar dan klik sekali.
2) Klik butang Hyperlink di Standard toolbar. Create Hyperlink
dialog box dipamerkan.
3) Cari dan klik nama fail di page yang dikehendaki. Nama fail
akan dipamerkan di kotak URL.
4) Klik OK di kotak Create Hyperlink dialog.
Imej Pemetaan (Hot Spots)
Hot Spot di imej:
1) Pilih imej dengan sekali klik.
2) Klik bentuk Polygon di Image toolbar.
3) Gerakkan cursor di imej. Cursor akan berubah menjadi
pensil.
4) Bentukkan potongan diimej dengan menggunakan tetikus. Kotak
Create Hyperlink akan dipamerkan selepas siap potongan yang
dibina.
5) Cari dan klik nama halaman(page) yang dikehendaki. Nama fail
akan dipamerkan di kotak URL.
6) Klik OK di kotak Create Hyperlink.
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
19
E-Mail Links
E-mail hyperlink:
1) Pilih imej atau teks.
2) Klik butang Hyperlink di Standard toolbar. Kotak Create
Hyperlink dialog skan dipamerkan.
3) Klik butang E-mail untuk menghantar mail.
4) Taip e-mail address di Type an E-mail Address text box, dan
klick OK.
5) Klik OK di kotak Create Hyperlink.
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
20
Hover Button
1. Klik Insert di menu bar, kemudian Component dan klik Hover
Button.
2. Kotak Hover Button Properties akan dipamerkan. Di Button text
anda boleh menukar nama Button teks kepada nama yang anda pilih
contohnya, Hantar.
3. Di bahagian Link to klik pada butang Browse dan cari nama
fail yang anda mahu link (hubung). Kemudian klik OK.
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
21
7.0 JADUAL ( TABLES )
Membina Jadual 1. Klik menu Table > Insert Table. Ini membuka
kotak dialog Insert Table. 2. Masukkan nilai bagi medan Rows
(baris) dan Columns (lajur). Nilai-nilai ini akan
menentukan saiz jadual. 3. Setkan nilai bagi medan Alignment.
Ini akan menentukan kedudukan jadual sama
ada di tepi, tengah, kanan dan sebagainya. 4. Klik OK untuk
menerima nilai yang sedia ada. Nota:Terdapat beberapa medan lain
saperti Border Size, Cellpadding dan Cellspacing
yang boleh diubah nilainya. Anda digalakkan untuk mencubanya
sendiri.
Memasukkan Teks 1. Klik di dalam sel jadual dan taip teks yang
dikehendaki. 2. Klik kekunci Tab untuk beralih ke sel jadual
lain.
Menambah Lajur (column) dan Baris (rows) 1. Klik satu sel
jadual. 2. Klik menu Table > Insert Rows or Columns. 3. Ini
membuka kotak dialog Insert Rows or Columns. 4. Jika hendak
menambah lajur, klik butang Columns dan masukkan nilai bilangan
lajur yang hendak ditambah dalam medan Number of Columns. 5.
Jika hendak menambah baris, klik butang Rows dan masukkan nilai
bilangan baris
yang hendak ditambah dalam medan Number of Rows.
Membina Jadual dalam Jadual
1. Klik sel jadual dimana subjadual ingin dibina. 2. Klik menu
Table > Insert Table. 3. Setkan medan Size, Layout dan Width
jadual tersebut. 4. Klik OK. Membuat Pemisahan (split) Sel 1. Klik
satu atau satu lajur sel jadual. 2. Klik menu Table > Split
Cells. 3. Pilih samaada Split into Columns atau Split into Rows. 4.
Jika memilih Split into Columns, nyatakan bilangan pemisahan dalam
medan
Number of Rows. 5. Klik OK.
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
22
Menggabungkan (merge) Sel Sebuah jadual yang terdiri daripada
lajur dan baris akan menjadi satu sel sekiranya operasi
penggabungan sel dilakukan ke atas seluruh jadual. 1. Klik menu
Table > Select Rows untuk memilih baris atau Table > Select
Columns
untuk memilih lajur. 2. Klik menu Table > Merge Cells.
Membuat Jadual Berlatabelakangkan Imej 1. Klik satu sel dalam
jadual. 2. Klik menu Table > Table Properties. Ini membuka kotak
dialog Table Properties. 3. Pada bahagian Custom Background, klik
pada kotak Use Background Image. 4. Klik Browse untuk memuka kotak
dialog Select Background Image. 5. Klik ikon Select a File. Ini
membuka kotak dialog Select File. 6. Dalam kotak dialog Select
File, pilih fail imej latabelakang yang hendak digunakan. 7. Klik
OK. Anda akan kembali ke kotak dialog Table Properties. 8. Klik
OK.
Nota: Anda juga boleh memberikan warna dan imej latabelakang
kepada sel-sel sahaja.
1. Klik menu Table > Cell Properties. 2. Jika anda ingin
menggunakan Custom Background, klik Use Background Image.
Ikuti langkah 4 hingga 7 di atas dan klik OK untuk kembali ke
kotak dialog Cell Properties.
3. Jika anda ingin menggunakan warna sebagai latabelakang, pilih
warna yang sesuai pada menu warna medan Background Color.
4. Klik OK jika anda telah berpuashati dengan pilihan anda.
Meletakkan Keterangan (caption) Pada Jadual
1. Klik mana-mana bahagian jadual. 2. Klik menu Table >
Insert Caption.
Membuang Jadual
1. Klik keseluruhan jadual. 2. Klik kekunci Delete.
Nota: Anda juga boleh membuang lajur dan baris-baris jadual
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
23
8.0 STYLE Kemasukkan Theme Theme mengandungi perkara-perkara
seperti dibawah:
o Skema warna o Bullets o Tulisan o Gambar o Navigation bars
Cara untuk menggunakan theme di laman 1. Klik format di menu bar,
dan pilih Themes.
2. klik All pages di radio button. 3. Pilih theme yang
disenaraikan.
4. Klik OK di kotak dialog themes.
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
24
CUSTOMIZE THEME Tukar Background color di laman theme: 1. Klik
format di menu bar, dan pilih theme. 2. Klik butang Modify .
Perkataan what would you like to modify ? akan dipamerkan.
3. Klik butang colors. Kotak dialog colors akan dipaparkan. 4.
Pilih custom tab. 5. Pilih Background di senarai drop-down . Pilih
warna yang dikehendaki. 6. Klik OK di kotak dialog color. 7. Klik
OK di kotak dialog Themes.
PERKONGSIAN BORDERS Cara untuk tambah kongsi border:
1. Klik Shared Borders di format menu.
2. Klik All pages di radio button.
3. Klik Bottom di check box. 4. Klik OK di kotak dialog Shared
Borders. 5. Letakkan cursor di dalam kotak border, kemudian taip
teks. Teks akan dipamerkan di semua
laman anda.
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
25
Penggunaan Frames Terdapat pelbagai cara yang boleh anda lakukan
bagi memudahkan pengguna internet mencapai bermacam-macam maklumat
di laman web anda. Frames Page ialah salah satu cara yang baik bagi
tujuan tersebut. Teknik Frames Page membahagikan tetingkap pelayar
anda kepada bahagian-bahagian yang dipanggil Frame. Setiap frame
boleh memaparkan maklumatnya sendiri. Frames Pages yang paling
mudah terdiri daripada 2 frame; iaitu satu frame memaparkan satu
senarai hyperlinks dan frame yang satu lagi memaparkan laman yang
ditunjukkan oleh hyperlinks tersebut. Setiap kali pengguna mengklik
mana-mana satu hyperlink dalam frame pertama, laman hyperlink
tersebut akan di paparkan di frame yang kedua. Frames Page itu
sendiri bukannnya satu laman yang mempunyai kandungan tetapi ia
hanya mengandungi hyperlinks kepada laman-laman yang ada dipaparkan
dalam frame-frame tersebut. Mencipta Frames Page
1. Dalam FrontPage Editor, klik menu File > New. 2. Dalam
kotak dialog New, klik tab Frames dan pilih frame page yang
sesuai. 3. Medan Preview menunjukkan gambaran sesuatu pilihan
frame dan
keterangannya dipaparkan dalam medan Description. 4. Klik OK
jika anda telah berpuashati.
Mensaizkan Frame
1. Bukan frame page dalam FrontPage Editor. 2. Klik dan drag
frame border sehingga saiz yang sesuai.
Menetapkan Laman Permulaan Frame
1. Pada salah satu frame, klik butang Set Initial Page. Ini akan
membuka kotak dialog Create Hyperlink.
2. Klik nama fail laman (htm) yang dipilih untuk dijadikan
sebagai laman permulaan untuk frame tersebut.
3. Jika laman permulaan belum lagi disediakan, klik pada butang
New Page dalam frame untuk mencipta satu laman baru yang kosong dan
menetapkannya sebagai laman permulaan sesuatu frame.
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
26
Frames Properties Untuk mendapatkan kotak dialog frames
properties, klik salah satu frame pada frontpage editor kemudian
klik menu frame > frame propreties. Dalam kotak dialog ini
terdapat beberapa option saperti berikut
1 medan option > resizeable in browser Jika medan ini dipilih
bermakna border frame boleh diubah saiznya ketika pengguna pembaca
membaca maklumat didalamnya. Jika medan ini tidak dipilih, saiz
frame akan kekal.
2 klik butang frame page
kotak dialog page properties akan dibuka. Dalam kotak dialog ini
terdapat banyak tab. Anda boleh mencuba sendiri untuk mengubahsuai
medan-medan tertentu dan lihat kesan keatas frame.
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
27
9.0 FORM
Pembinaan "Form" Langkah 1- Klik pada toolbar - New_page. 2-
Pilih pada toolbar - Table - Insert table saperti di bawah kemudian
klik OK 3- Taipkan text Maklumat Diri dan ENTER 4- Taipkan text
"Sila isikan maklumat lengkap diri anda" 5- Drag menggunakan cursor
text tersebut dan pilih center
Form field - One-line text box 1- Wujudkan table baru dan
taipkan seperti di bawah
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
28
2 Letakkan cursor di bawah table dan pada toolbar pilih - Insert
- Form Field - One line text box
3 Klik pada kotak kiri dan copy. Kemudian pastekan pada column
sebelah nama. 4 Pada item yang paste tadi, right mouse dan pilih -
Form field properties.Tukarkan
name dan width setiap item yang ada.
5. Pada ruangan text box, right mouse pilih - Form field
validation.Pada setiap text
box validation dialog box tukarkan data type, format dan display
name.saperti di bawah.
Field Data type Text format Display name
Syarikat No Constrains Syraikat
Alamat No Constrains Alamat
Bandar Text Letters,Whitespace Bandar
Negeri Text Letters,Whitespace Negeri
Poskod Text Letters,Whitespace Poskod
E-mel No Constrains emel
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
29
Form field - Drop down Menu 1- Pilih pada toolbar - Insert- form
field- Drop down menu, lakukan saperti di
bawah.Copy dan pastekan di column pekerjaan.
2- Setelah paste, right mouse- pilih form field properties .Pada
Add choice
masukan maklumat saperti di bawah.
Choice Selected Value
Pengurus No Pengurus
Pegawai No Pegawai
Kerani No Kerani
3- Klik pada Move Up untuk letakan item tersebut berada pada top
of list.
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
30
Form field - Radio button 1- Pada baris terakhir, Copy dan
pastekan radio button di sebelah kanan pada text
box.
2- Klik dwikali pada butang radio button tersebut.Masukan
maklumat group name dan
value.
-
Kursus ICT : Microsoft FrontPage2000
Unit Khas Latihan & Perundingan, CICT, UTM
31
Form field - Scrolling Text Box
1- Copy dan pastekan Scrolling text box , di sebelah kanan di
ruangan terakhir.Langkah terakhir, sediakan butang submit dan
paste.
2- Dwi-klik pada butang hantar.Setkan properties.
7 Pada browser pilih file-open-page. Masukkan fail tadi kemudian
Open.
8- Cuba langkah tadi dan lihat perubahan pada browser.