DASAR DASAR MS FRONTPAGE
5.6. Bekerja dengan Microsoft Frontpage
Di dalam membuat web dengan FrontPage ada tiga cara yang dapat Anda pilih, yaitu wizard, template, dan Normal Page. Metode yang dipilih tergantung dari kebutuhan dan situasi yang Anda hadapi.
5.6.1. Membuat Webs Menggunakan Wizard
Wizard Frontpage paling baik untuk Webs yang rumit. Setiap wizard membuat jenis Web yang berbeda melalui serangkaian kotak dialog sesuai dengan pilihan tertentu. Ketika menentukan semua pilihan tersebut, wizard akan membuat Webs berdasarkan ketentuan yang dipilih. Wizard yang tersedia di FrontPage antara lain:
a) Corporate Presence Wizard
Corporate Presence Wizard digunakan untuk membuat Webs bagi suatu perusahaan. Webs ini berisi oleh sebuah Home page, daftar isi, halaman News Release, direktori produk dan layanan, halaman Web untuk setiap pruduk atau layanan, halaman Customer feedback, dan suatu halaman Web yang memungkinkan pengunjungan melakukan pencarian dalam Webs.
Langkah-langkah membuat :
1) Klik menu File New Web
2) Tampil jendela dialog “New”
3) Pilih Corporate Presence Wizard Pada “specify the location…”. Ketik
“Web Master” (dibelakang My Document [karena sebelumnya telah membuat folder dengan nama “Web Master”] ).
4) Tampil jendela “Create a presence for your company……”. Klik Next
5) Tampil jendela “Select the main pages to include in your web”. Beri
tanda pada main page What’s News, Products/services, Table of content, feedback form, search form. Klik Next
6) Tampil jendela “Select the topics you want to appear on your home page”. Beri tanda pada Introduction, Mission Statement, Company Profile, Contact Information. Klik Next.
7) Tampil jendela “Select the topics you want to appear on your what’s New
Page”. Beri tanda pada Web Changes, Press Release, Articles and Reviews. Klik Next
8) Tampil jendela “Enter values for the number of product and
service…….”. tentukan berapa jumlah produk dan servis yang ditampilkan. Misalkan Isilah Product = 3, Services = 3. Klik Next
9) Tampil Jendela “Select additional item to display for each product”. Beri
tanda pada Product Image, Pricing Information, Information Request Form. sedangkan pada konfirmasi “Select additional item to display for each services”. Beri tanda pada Information Request Form. Klik Next.
10) Tampil jendela “Choose the information you want to collect from readers when…..”. Beri tanda pada Full Name, Mailing Address, Telephone Number, Fax Number, E-mail Address. Klik Next.
11) Tampil jendela “Do you want the feedback file to be compatible with database…..”. Pilih Yes, Use Tab-delimited format”. Klik Next.
12) Tampil jendela “Choose from the following presentation options”. Beri
tanda pada Keep page list up-to-date automatically, use bullets for top- level pages. Klik Next.
13) Tampil jendela “What should appear at the top of each page ?”. Beri tanda
pada Your company’s logo, Page tittle, Links to your main web pages.
tanda pada E-mail address of your web master, copyright notice. Klik Next.
14) Tampil jendela “Many web authors like to identify pages…..”. Pilih “YES”. Klik Next.
15) Tampil jendela “What is the full name of your company ?”. Ketiklah nama lengkap perusahaan. Pada jendela “What is the one-word version of this name ?”. Ketiklah salah satu kata dari nama perusahaan.
Pada jendela “What is is your company’s street address ?” Ketiklah
alamat perusahaan. Klik Next.
16) Tampil jendela “telephone number, Fax Number, E-mail address web master, E-mail address general ?” Ketiklah nomor telepon, faximile, e-mail
webmaster, e-mail perusahaan. Klik Next.
17) Tampil Jendela “Chose web theme ”. Klik Choose web theme Tampil
jendela dialog Chose theme
18) Pilih salah satu model theme. Dan beri tanda pada “Vivid Color,Active
Graphics, Background picture, Apply using CSS ”. Klik OK. Klik Next 19) Klik Finish
20) Tampil dialog “Task”
21) Klik Navigation
22) Tampil dialog berikut ini:
Page “HOME”
23) Double Klik page “Home” 24) Tampil dialog berikut ini:
25) Klik “Preview in browser”
26) Pada Internet Explorer hasilnya adalah sebagai berikut:
Perhatikan !.
Pada Internet Explorer tampilan Webs masih belum mempunyai isi, oleh karena itu perlu dilakukan proses edit/pengisian data.
b) Discussion Web Wizard
Discussion Web Wizard digunakan untuk membuat sebuah Webs dengan sebuah Form Diskusi bercabang, yang memungkinkan pengunjung melihat, mengirimkan, dan membalas pesan-pesan Webs Anda.
c) Import Web Wizard
Import Web Wizard digunakan untuk membuat sebuah Webs baru berdasarkan file-file Web dalam komputer anda sediri atau dari Web server. Selanjutnya anda dapat memodifikasi halaman-halaman Web dan struktur Web sesuai dengan keperluan. Anda akan merasakan kegunaan Wizard ini terutama untuk membuat dan menguji versi terbaru dari Webs Anda.
Catatan:
Untuk membuat Webs model “Discussion Web Wizard” dan “Import Web Wizard” adalah sama seperti membuat Webs model “Corporate Presence Wizard”. Dimana anda hanya cukup mengikuti perintah yang tertera untuk setiap langkahnya.
5.6.2. Membuat Webs Menggunakan Template
Template Frontpage pada dasarnya merupakan langkah cepat untuk
membuat web page, dimana sudah tersedia layout pengisian data berupa teks, gambar, audio, video dan hyperlink. Setiap Template mempunyai model berbeda tergantung dari kebutuhan dan kesukaan para web desaigner.
Langkah-Langkahnya:
1) Klik menu File. Pilih New. Klik Page 2) Tampil jendela dialog “new”
3) Misalkan pilih “One-column Body with Content and Sidebar”. 4) Klik OK
5) Hasilnya adalah sebagai berikut:
6) Editlah teks dan gambar sesuai dengan keinginan. Keterangan:
Untuk edit teks silahkan Hapuslah terlebih dahulu teks default,
kemudian ketiklah isi yang diinginkan.
Untuk edit gambar silahkan Double Klik pada gambar,
kemudian pilihlah gambar pengganti yang telah anda siapkan. 5.6.3. Membuat Webs Menggunakan Normal Page
Page merupakan lembar kerja untuk membuat layout, mengisi dan mengedit data suatu web. Dimana pada page seorang web designer dapat berkreasi lebih maksimal baik menggunakan table, frame ataupun drawing [akan dibahas pada bab tersendiri].
Langkah-langkahnya:
1) Klik “New Page” pada deret Toolbar Standart.
2) Secara Otomatis akan tampil “New_Page_1.Htm”.
Keterangan:
Pada “new page” tempak diatas, merupakan lembar kerja kosong yang siap untuk dikreasikan menggunakan beberapa fasilitas yang tersedia pada Microsoft Frontpage 2000.