Microsoft Office FrontPage

1.0 PENGENALAN
Microsoft Frontpage adalah suatu perisian khusus untuk membina dan mereka bentuk
laman web. Perisian ini menyediakan antaramuka yang mesra pengguna dan segala alatan
yang diperlukan untuk membina laman web perniagaan mahupun peribadi. Ianya amat
mudah dipelajari dan digunakan. Bagi mereka yang sudah mempunyai pengalaman dalam
menggunakan pakej perisian Microsoft seperti Word, !cel dan PowerPoint, Frontpage
bukanlah merupakan suatu masalah yang besar, kerana ianya masih lagi mengekalkan
kebanyakkan fungsi"fungsi asas perisian tersebut di dalam peisian ini.
#ntara topik"topik yang akan didedahkan adalah seperti $"
% Pengenalan kepada Microsoft FrontPage
% Memulakan Microsoft FrontPage
% Membina Fail dan &alaman Baru
% Memasukkan maklumat dan data
% Menukar Warna Background 'aman Web
% Memasukkan (rafik
% Melihat Paparan )od &*M'
% Melihat &asil )erja
% )aedah Penyimpanan 'aman Web
% Menghubungkan satu laman web ke laman web yang lain (link)
Maklumat berkaitan 'aman Web yang perlu diketahui+
Web Page *erdiri dari File &*M' atau jenis format yang boleh dicapai melalui
browser.
,th $ profile.htm, profile.asp, profile.php
Web Server -er.er dan applikasi yang disambungkan ke internet dan
membenarkan maklumat /web pages0 yang ada didalamnya untuk dicapai
oleh pengguna lain dengan menggunakan browser.
Browser Perisian yang digunakan untuk melihat laman web dengan
memberikan alamat url.
,th $ Internet !plorer, 1etscape, 2pera, Mo3illa
URL 45' /4niform 5esource 'ocator0 merupakan alamat yang digunakan untuk
mencapai sesuatu website.
,th$ http$66www.go..my, http$66www.yahoo.com
Web Site Merupakan kumpulan /web pages0 yang terdiri dari dokumen berbentuk
html, asp, php atau lain"lain. 7iletakkan dalam web ser.er dan boleh
dicapai oleh orang ramai dengan menaipkan alamat url.
TD_Teman_IT_Anda/Rev1.0 1
Microsoft Office FrontPage
1.1 Memulaka Mi!roso"t #""i!e $rotPage
)lik Start 8 All Programs 8 Mi!roso"t #""i!e 8 Mi!roso"t #""i!e $rotPage
1.% Ataramuka Mi!roso"t #""i!e $rotPage
#pabila FrontPage dibuka, la3imnya paparan tetingkap kelihatan seperti 5ajah dibawah+
Rajah 1 : Antaramuka FrontPage
TD_Teman_IT_Anda/Rev1.0 2
&ask
Pae
Workspace
Formatting *oolbar
Standard Toolbar
*itle Bar
Menu Bar
Panel View
Microsoft Office FrontPage
1.' Membia Mi!roso"t #""i!e $rotPage
4ntuk membina sebuah halaman baru di M- FrontPage, gunakan perintah $ile ( New pada menu
atau )trl * N, maka akan muncul kotak dialog seperti pada 5ajah 9 dibawah. Page Templates
akan mengandungi modul"modul web yang sudah siap dan hanya perlu melakukan
pengubahsuaian data, manakala bagi pemilihan Normal Page adalah merupakan halaman
kosong.
Rajah 2 : Halaman FrontPage
Rajah 3 : Kotak dialog Page Templates
TD_Teman_IT_Anda/Rev1.0 3
Microsoft Office FrontPage
1.+ Memasukka maklumat ,a ,ata
#pabila paparan baru dibuka, anda boleh mula memasukkan maklumat"maklumat yang ingin
anda masukkan di dalam laman web anda. *eks dan data ini boleh ditaip seperti anda
menggunakan Microsoft Word. Penggunaan :Bar Menu:, :-tandart *oolbar: dan :Formatting Bar:
adalah sama. -eterusnya anda boleh mengubah teks, sai3, warna dan sebagainya mengikut
kreati.iti dan kesesuaian yang diigini. ,uba hasilkan teks yang ringkas dan jelas semasa
kemaskini laman web anda. -ebagai contoh, hasilkan halaman pertama dengan
mempersembahkan informasi syarikat atau perkhidmatan yang dijalankan.
Rajah 4 : Contoh Muka depan Laman e! " Design
TD_Teman_IT_Anda/Rev1.0 4
Microsoft Office FrontPage
%.0 Mem"ormat ,okume
%.1 Memberi latar belakag -Ba!kgrou,.
)lik menu $ormat ( Ba!kgrou, sehingga kotak dialog Page Pro/erties muncul
seperti pada 5ajah ;.
Pada bahagian Ba!kgrou, buat pilihan samada mahukan latar belakang laman web
anda adalah paparan gambar ataupun warna sahaja. )emudian lakukan pemilihan
dan pengaturan seperti$
Ba!kgrou,, pilih dan klik warna yang diinginkan
&e0t, pilih dan klik warna teks 12/erlik
3isite, 42/erlik5 pilih dan klik warna teks hyperlink yang sudah dikunjungi.
A!tive 12/erlik5 pilih dan klik warna hyperlink aktif yang diinginkan.
Rajah # : Kotak dialog Page Properties
TD_Teman_IT_Anda/Rev1.0 5
Microsoft Office FrontPage
%.% Memasukka Gra"ik
)lik menu 6sert ( Pi!ture ( )li/ Art. )otak )li/ Art muncul pada paparan *ask Pane.
Pilih imej yang hendak dimasukkan ke dalam muka surat laman web anda samada
dari clip art atau dari direktori fail yang lain.
#pabila imej telah dimasukkan, boleh menggunakan fungsi #uto *humbnail untuk
mengecilkan sai3 imej tersebut pada penggunaan klik kanan pada imej tersebut.
TD_Teman_IT_Anda/Rev1.0 6
Microsoft Office FrontPage
%.' Membetuk 7a,ual 8 &able
a0 Menghasilkan <adual
)lik &able ( 6sert ( &able
-eret /&eret0 tetikus ke bawah dan ke kanan untuk memilih sai3
jadual yang dikehendaki. 'epaskan butang tetikus.
b0 Mengubahsuai <adual
Pilih sebarang sel pada jadual yang hendak dikemaskini.
Pilih *able daripada menu bar alatan.
Pilih *able Properties daripada Menu *able.
Anda boleh mengubah alignment, border, cell padding dan spacing, width dan
height, latar belakang dan warna.
Klik kekunci OK selepas selesai mengubahsuai jadual.
!. Memasukka /a/ara La2out
Pilih paparan layout pada bahagian
*ask Pane ruangan sebelah kiri
#nda boleh pilih paparan yang telah
disediakan untuk menjadikan laman
web anda lebih teratur dan mudah
dikemaskini
TD_Teman_IT_Anda/Rev1.0 7
Microsoft Office FrontPage
%.+ Meukar "ormat /a/ara
9esig 5uang kemaskini maklumat dan data 8 Workspace
S/lit Bahagian kerja dipisahkan bersama dengan paparan sebenar laman web
)o,e Bahagian paparan kod &*M' yang dihasilkan di sebalik laman web
Preview 5uangan untuk melihat hasil kerja sebenar laman web
Rajah $ : Pilihan paparan " Split
TD_Teman_IT_Anda/Rev1.0 8
Microsoft Office FrontPage
%.: Ba4asa 1&ML
1&ML ialah singkatan dari 1yper &e!t Markup Language. &*M' merupakan bahasa
/kod"kod0 yang digunakan untuk membuat laman web. &*M' bukanlah bahasa
pengaturcaraan seperti ,, ,== atau Pascal, ia lebih kepada bahasa yang menetapkan corak
paparan dokumen. -ebelum proses menulis kod, anda seharusnya tahu tentang konsep yang
hendak anda paparkan di laman web anda. 5ajah > merupakan contoh bahasa kod &*M'.
Rajah % : Pilihan paparan & Code
TD_Teman_IT_Anda/Rev1.0 9
Microsoft Office FrontPage
%.; <ae,a4 Pe2im/aa Lama Web
#pabila fail laman web tersebut telah disiapkan, ia hendaklah disimpan dengan
menggunakan arahan $
File 6 -a.e #s. 8 Masukkan nama fail contohnya inde!. Ia akan disimpan sebagai fail
i,e0.4tml. Fail pertama6main page dalam laman web anda hendaklah dinama
sebagai inde!.html. Fail"fail berikutnya boleh dinamakan mengikut kandungan fail
tersebut.
Page &itle $ -ila buat kemaskini pada *ajuk &alaman Web anda
Rajah ' : Paparan Save As
TD_Teman_IT_Anda/Rev1.0 10
Microsoft Office FrontPage
%.= Membuat /auta /a,a Lama Web 8 12/erlik
Pilih teks atau imej yang dikehendaki untuk pautan muka surat lain.
)lik pada Menu Insert6 &yperlink.
7apatkan muka surat atau fail yang hendak dipautkan bersama
)lik kekunci 2).
Rajah ( : Kotak dialog Edit Hyperlink
TD_Teman_IT_Anda/Rev1.0 11