Menu Tool Editor Folder List Views
FRONTPAGE 2002
1. MENGENAL FRONTPAGE 2000
Ada beberapa istilah yang sering digunakan apabila Anda bekerja dengan Microsoft Frontpage 2000 dan Internet, diantaranya yaitu:
- Web, adalah fasilitas hiperteks untuk menampilkan data dan informasi berupa teks, gambar, bunyi, animasi, dan data multimedia lainnya, dimana antara data tersebut saling berhubungan satu sama lainnya. Untuk memudahkan Anda membaca data dan informasi pada web, Anda dapat menggunakan web browser seperti Microsoft Internet Explorer atau Netscape Communicator.
- WWW (World Wide Web), merupakan kumpulan web server dari seluruh dunia yang berfungsi untuk menyediakan data dan informasi untuk dapat digunakan bersama. Berbagai informasi dapat Anda temukan pada www, seperti informasi politik, ekonomi, sosial, budaya, satra, sejarah, teknologi, pendididkan dan lain-lain. Apabila kita umpamakan, www ini merupakan perpustakaan besar yang menyediakan berbagai buku dengan informasi yang Anda butuhkan.
- Web Stes (Situs Web), merupakan tempat penyimpanan data dan informasi dengan berdasarkan topik tertentu. Diumpamakan situs web ini adalah sebuah buku yang berisi topik tertentu.
- Web Pages (Halaman Web), sebuah halaman khusus dari situs web tertentu, diumpamakan halaman web ini adalah sebuah halaman buku dari situs web tertentu.
- Homepage, merupakan sampul halaman yang berisi daftar isi atau menu dari sebuah situs web.
- Browser, merupakan program aplikasi yang digunakan untuk memudahkan Anda melakukan navigasi berbagai data dan informasi pada www. Web browser yang populer adalah Microsoft Internet Explorer dan Netscape Communicator. Microsoft Frontpage yang selanjutnya disingkat Frontpage 2000 merupakam sebuah program aplikasi canggih buatan Microsoft yang digunakan untuk membuat dan menyunting web serta sekaligus menempatkannya pada web server dalam sistem jaringan internet atau intranet tanpa harus menghadapai kerumitan bahasa pemrograman HTML.
2. MENGENAL BAGIAN-BAGIAN FRONTPAGE 2000
Memulai Frontpage 2000, klik Start → Program → Microsoft Frontpage 2000.
Akan muncul Main Window dari Frontpage 2000 seperti berikut:
Menu Tool Editor Folder List Views Edto
Biasanya secara default Folder List tidak akan tampak ketika Frontpage 2000 dijalankan. Untuk melihatnya, klik View pada Menu Bar lalu klik Folder List sehingga
Folder List akan ditampilkan.
- Menu Bar : Berisi barisan perintah yang berupa dropdown menu seperti File, Edit, dan Help.
View, Insert, Format, Tools, Table, Frames, Window,
- Tool Bar : Berisi tombol-tombol yang digunakan untuk menjalankan suatu perintah dengan cepat dan mudah terutama untuk perintah-perintah yang sering Anda gunakan.
- Views Bar : Berisi ikon-ikon yang berfungsi untuk memudahkan Anda berpindah tampilan jendela kerja Frontpage. Bar ini terdiri dari:
- Page, menampilkan halaman web untuk dilihat atau disunting. Secara default, window inilah yang ditampilkan ketika Frontpage 2000 dijalankan.
- Folder, menampilkan daftar folder dan file dalam web.
- Reports, menampilkan daftar laporan tentang berbagai aspek dari web yang aktif , seperti banyaknya file terkait, sambungan yang terputus, dan banyaknya halaman lambat yang memerlukan waktu lebih dari 30 menit untuk didownload kesebuah komputer melalui sambungan 28,8 KB
- Navigation, menampilkan diagram pohon dari web yang sedang aktif. Jika kita menggunakan wizard dalam membuat web, maka Frontpage akan membuat daftar pekerjaan (task list). Anda juga dapat menambahkan pekerjaan sendiri.
- Hyperlink, menampilkan diagram hyperlink ke dan dari halaman web yang sedang aktif.
- Folder List : Berisi daftar folder dan file Yang terlibat dalam perancangan Frontpage web.
- Editor : Menampilkan halaman web yang sedang aktif atau sedang Anda sunting.
- Editor View : Berfungsi untuk menukar tampilan dari pekerjaan Anda, ada tiga tampilan umum, yaitu
- Normal, menampilkan layout dari halaman yang Anda kerjakan. Disini Anda dapat dengan mudah mengedit suatu dokumen tanpa harus berurusan secara langsung dengan tag-tag HTML.
- HTML, menampilkan kode-kode HTML dari halaman yang Anda kerjakan. Disini Anda dapat mengedit tag-tag HTML secara manual jika memang itu dirasakan perlu. Perubahan yang dilakukan disini dapat dilihat di Normal View dan begitu sebaliknya.
- Preview, menampilakan halaman yang Anda kerjakan pada web browser. Bagaimana nantinya halaman web Anda akan ditampilkan di web browser dapat Anda lihat disini. Preview tidak 100% akurat, jadi dianjurkan untuk melakukan tes langsung di web browser. Direkomendasikan untuk melakukan tes di dua buah web browser, Netscape Communicator dan Microsoft Internert Explorer.
3. MULAI BEKERJA DENGAN FRONTPAGE 2000 3.1 Membuat dan Mendefinisikan Halaman Frontpage Baru.
Untuk membuat dan mendefinisikan halaman baru yang akan disimpan pada drive atau folder tertentu di komputer Anda, ikuti langkah-langkah berikut:
1. Pada Menu Bar klik File → New → Web dialog box berikut akan muncul 2.
Klik One Web Page untuk membuat dan mendefinisikan Frontpage baru dengan satu halaman web yang masih kosong. Klik OK, tunggu hingga proses pembentukan Frontpage web baru selesai dilakukan.
3.2 Menyiapkan dan Mendefinisikan Halaman Web Baru
Ikuti langkah-langklah berikut ini: 1. Klik File → New → Page dialog box berikut akan ditampilkan: 2.
Pilih Feedback Form sehingga akan dimunculkan sebuah halaman yang siap diedit untuk sebuah halaman feedback pada sebuah web. Sedangkan jika Anda ingin sebuah halaman web yang benar-benar kosong Anda dapat memilih Normal Page.
3.3 Menyimpan Halaman Web
Setiap Anda membuat atau menempatkan sebuah halaman web baru pada Frontpage web, halaman baru itu setelah Anda sunting (edit) harus disimpan dulu. Pilih menu File
→
atau dapat diganti dengan hotkey Ctrl+S atau dengan mengklik tombol save pada
Save
ToolBar. Jika ingin menyimpan sebuah halaman web dengan nama lain, pilihlah Save As,
tentukan Folder tempat Anda menyimpannya dan beri nama yang mudah dimengerti sesuai keinginan Anda .
3.4 Menempatkan Beberapa Halaman Web Baru Pada Frontpage Web
Setelah Anda siapkan sebuah Frontpage Web, kita akan menmbahkan beberapa buah halaman web baru. Untuk itu ikuti langkah-langkah beriukut ini:
1. Ubah tampilan dengan mengklik Navigation pada Views Bar. Dengan menggunakan tampilan Navigation maka pengaturan hubungan antara halaman web akan terasa lebih mudah.
2. Agar Frontpage secara otomatis menambahkan tombol navigasi pada setiap halaman web yang Anda tempatkan, pilih dan klik pada Menu Bar Format
→ Shared Border . Kotak dialog Shared Border akan ditampilkan. Klik cek box seperti berikut ini.
3. Untuk menambahkan halaman baru, pada tampilan Navigation klik halaman Home
Page kemudian Anda tambahkan halaman baru dengan mengklik tombol page pada ToolBar sehingga secara otomatis akan dibuat hubungan antar halaman dalam bentuk hyperlink. Untuk menambahkan hyperlink dari datu halaman dibawah Home Page ke halaman berikutnya klik dulu halaman itu, misalnya halaman 2, kemudian tambahkan halaman dengan mengklik tombol page pada ToolBar sehinnga tampilannya seperti
3.5 Mengganti Nama Judul (Title) dan Nama File Halaman Web
Pada tampilan Navigation, klik pada halaman yang ingin dirubah namanya kemudian tekan tombol F2 pada keyboard lalu ketikkan nama baru yang Anda inginkan.
3.6 Menghapus Halaman Web Yang Sudah Ditempatkan
Pada tampilan Navigation, klik halaman web yang ingin dihapus, kemudian tekan tombol Delete pada keyboard. Akan muncul kontak konfirmasi. Untuk menghapus halaman ini dan semua tombol navigasinya pilih Remove this page from all navigation bars, lalu klik OK.
3.7 Mengatur Tampilan Halaman Dengan Memanfaastkan Format Themes
Untuk menempatkan format theme pada pada seluruh rancangan halaman web, imuti lang-langkah berikut dengan bekerja pada tampilan View:
1. Klik menu Format → Theme sehingga muncul window theme berikut ini
2. Pilih theme yang Anda inginkan, jika Anda bermaksud merubah theme yang akan
Anda pilih, klik tombol Modify. Perlu diperhatikan agar theme ini dipakai pada semua halaman, maka pilihlah All Pages pada Apply Theme to:.
3.8 Memberi Latar Belakang (Background) Suatu Halaman Web 1.
Pada Menu Bar klik Format, Background. Dialog box berikut akan muncul.
2. Pada bagian Colors, aturlah: Background, Teks warna Hyperlink , Visited Hyperlink maupun Active Hyperlink sesuai keinginan Anda.
3. Klik pada Background Picture jika Anda ingin memasukkan gambar untuk ditempatkan sebagai latar belakang. Untuk menentukan letak gambarnya, klik Browse.
Buatlah dua buah halaman web yang masing-masing mempunyai background berupa gambar yang berbeda, nanti kita kan menghubungkan kedua halaman ini dengan hyperlink.
3.9 Menempatkan Hyperlink Pada Halaman Web
Pada sebuah Homepage atau halaman web, tempatkan titik sisip pada posisi yang Anda inginkan. Pada Menu Bar klik Insert, Hyperlink (Ctrl+K) atau klik tombol ToolBar Hyperlink . Dialog box Create Hyperlink akan ditampilkan.
Pada kotak isian URL ketikkan nama halaman web atau file yang ingin Anda hubungkan. Ketika kita bekerja di halaman web 1 kita akan menghubungkannya dengan halaman web 2 sehingga pada kotak isian URL kita isi dengan halaman web 2, begitu pula sebaliknya sehingga kedua halaman akan saling berhubungan. Disebelah kanan URL terdapat
- Use your Web Browser to select a page or a file, untuk memilih halaman web atau file dengan menggunkan web browser.
- Make a hyperlink to a file on your computer, untuk membuat sebuah hubungan denganfile yang berada di harddisk komputer Anda.
- Make a hyperlink that sends E-Mail, membuat sebuah hubungan guna mengirim e- mail kepada alamat tertentu.
- Create a page link to the new page, membuat dan menghubungkan sebuah halaman baru. Jika Anda telah menghubungkan kedua buah halaman yang tadi telah kita buat cobalah preview, dan kliklah link tersebut apakah keduanya saling berhubungan atau tidak.
3.10 Menempatkan Teks Bergerak (Marquee) Pada Halaman Web
Untuk menempatkan teks bergerak (marquee), ikuti langkah-langkah berikut: 1. Pada Homepage yang ingin diisi dengan marquee, tentukan titik sisip kemudian pada
Menu Bar pilih Insert, Component, Marquee. Akan dimunculkan dialog box properties berikut.
2. Pada kotak dialog box ini lakukan pengisian dan pengaturan berikut: a.
Text, diisi dengan teks yang ingin ditampilkan secara bergerak b.
Direction, untuk mengatur arah pergerakannya c. Speed, digunakan untuk mengatur kecepata gerakannya d.
Behavior, untuk mengatur jenis pergeraknnya e. Size, mengatur lebar dan tinggi hurufnya f. Repeat, digunakan untuk mengatur berapa kali pergerakan teks akan dilakukan g.
Background Color, memilih warna latar h. Style, pengaturan lebih lanjut seperti perataan, bingkai, jenis dan warna.
3.
4. MEMBUAT FRONTPAGE WEB BARU DENGAN FASILITAS WIZARD ATAU
TEMPLATE4.1 WIZARD UNTUK WEB SEBUAH PERUSAHAAN
Disini kita akan membuat halaman web dengan menggunakan fasilitas wizard yang sudah disediakan oleh Frontpage 2000. Kita akan membuat frontpage web baru untuk memperkenalkan sebuah perusahaan dengan berbagai macam pelayanan dan produk yang dimiliki oleh perusahaan tersebut, untuk itu ikutilah langkah-langkah berikut ini:
1. Pada Menu Bar klik File, New, Web sehingga window berikut akan muncul.
2. Pilih ikon Corporate Presence Wizard untuk wizard yang digunakan untuk memperkenalkan suatu perusahaan dengan barang atau jasa yang dihasilkannya, misalnya perusahaan Anda.
3. Pada tombol daftar pilihan Specify the location of the new web, pilih atau ketikkan nama drive dan folder yang Anda inginkan untuk menyimpan Frontpage web baru yang akan Anda buat, klik OK, tunggu hingga pembentukan folder Frontpage baru selesai dilakukan. Maka dialog box berikut akan muncul.
4. Klik Next, maka akan muncul dialog box berikut.
5. Beri tanda centang pada pilihan halaman web yang ingin disertakan, klik Next. Dialog box berikut akan dimunculkan.
6. Disini Anda bisa memilih topik-topik yang ingin dikutsertakan dalam homepage Anda, klik Next. Oleh karena pada dialog box ketig kita memilih What’s New, maka dialog box yang ditampilkan berikutnya adalah seperti berikut ini.
7. Pada dialog box ini, beri tanda atau klik topik berita yang Anda ingin tampilkan pada saat orang lain mengunjungi web Anda, misalnya Press Release, lalu klik Next. Akan dimunculkan dialog box berikutnya.
8. Pada dialog box ini, tentukan jumlah halaman web yang ingin dibuat sesuai dengan jumlah barang atau jasa yang ditawarkan oleh perusahaan, lalu klik Next. Akan dimunculkan dialog box berikutnya.
9. Dialog box ini menampilkan pilihan item yang akan diikutsertakan atau ditampilkan pada setiap halaman web barang atau jasa yang ditawarkan, klik Next. Akan dimunculkan dialog box berikutnya.
10. Dialog box ini menampilkan pilihan informasi yang ingin dikumpulkan dari pengunjung. Klik Next, akan dimunculkan dialog box berikutnya.
11. Pada dialog box ini, beri tanda pada tombol pilihan apakah file hasil feedback form ingin kompatibel dengan file database/spreadsheet atau tidak.
12. Pada dialog box ini, pilih bentuk link yang diinginkan antara halaman web Table of
Contents dengan halaman web lain yang terkait. Klik Next.
13. Pada dialog box ini, pilih apa yang mau ditampilkan di bagian atas dan bawah setiap halaman. Klik Next.
14. Dialog box ini memberi pilihan apakah di halaman web nanti akan ditampilkan simbol
Under Construction sebagai tanda bahwa web dalam pengerjaan atau tidak. Next.
15. Pada dialog box ini isi dengan nama dan alamat dari perusahaan yang sedang dibuat webnya ini.
16. Beriktnya adalah Contact Data dari perusahaan tersebut. Klik Next.
17. Akan muncul pilihan untuk tema yang akan Anda gunakan untuk halaman web Anda.
Klik Choose Web Theme, pilihlah tema yang Anda inginkan, klik OK.
18. Lalu klik Finish. Tunggu hingga pembentukan Frontpage Web selesai.
Setelah selesai dibuat maka pada Views Bar klik Page, kemudian pada Folder List, double klik index.htm sehingga ditampilkan layout seperti berikut ini.
Ini adalah halaman homepage Anda. Hal berikutnya adalah penyuntingan atau pengeditan pada setiap halaman web tersebut. Untuk itu ikutilah langkah-langkah berikut ini:
1. Ubahlah tampilan Frontpage ke bentuk tampilan page (Page View), dengan cara memilih dan mengklik pada Menu Bar: View, Page ata tombol Page pada Views Bar.
2. Untuk membuka halaman yang ingin Anda sunting, pada Folder List pilih dan double klik nama file halaman yang ingin Anda edit. Penyuntingan dimulai dengan file
index .htm sebagai homepage Anda. Kemudian diikuti dengan file-file (.htm) lainnya.
Sekarang yang dibutuhkan disini adalah kreativitas diri Anda, semakin banyak ide yang bisa Anda tuangkan semakin banyak pengalaman yang bisa Anda raih. Ingat dalam merancang suatu Web ingat siapa sasaran kita, sehingga kita bisa menentukan bahasa yang cocok yang dapat kita gunakan untuk menampilkan halaman web kita sehingga mengena pada sasaran atau orang lain menjadi tertarik untuk mengunjungi web kita. Selain itu gunakanlah bahasa yang simpel dan jelas tapi tepat dan padat, jangan berbelit-belit, karena pada umumnya para pelanggan menginginkan informasi dalam waktu yang singkat.
Sebagai latihan, cobalah membuat sebuah web yang sederhana tentang diri Anda dengan menggunakan fasilitas wizard. Buatlah semenarik dan sekreatif dan sebisa mungkin web ini yang akan menggambarkan tentang diri Anda dalam rangka memperkenalkan diri. Wizard ini disebut dengan Personal Web.