Download - Frontpage Tutorial

Transcript
  • 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.


Top Related