WYSIWYG adalah program desain dan pemeliharaan situs
web, untuk membuat halaman web dengan mudah dan cepat. Dengan WYSIWYG,
anda dapat membuat desain halaman web secara visual , seperti pada pengolah
kata, tanpa perlu menuliskan dalam dokumen HTML (Hyper Tex Markup Language).
Pada modul ini, anda
akan mempelajari cara menggunkan FrontPage untuk mendesain sebuah homepage yang
sederhana.
Pembuatan dasar halaman
web
Langkah-langkah untuk
membuat dasar halaman web anda :
Buka Frontpage editor
Untuk menentukan
judul halaman web anda, pilih menu file dan klik page
properties.
Pada dialog box
properties, tulis judul halaman web anda . Selain itu d sini anda juga dapat
menentukan menentukan file suara yang akan dijalankan oleh browsersebagai latar
belakang, warna-warna untuk latar belakang, teks dan hyperlink. Setelah selesei
menuliskan judul dan menentukan warna dan suara, klik OK.
Mulai tuliskan teks yang
anda inginkan untuk halaman web anda.
Penulisan
teks pada FrontPage hampir sama dengan Microsft Word.
Beberapa perbedaannya
antara lain:
1. Pemilihan
ukuran huruf dilakukan dengan meng-klik tombol atau dengan
pemilihan
pada Change style pada toolbar format.
1. Penekanan enter akan membuat kursor berpindah ke paragraf baru.
Dengan dua langkah di
atas, anda akan mendapatkan sebuah halaman web dengan judul, warna, dan suara
yang anda tentukan sendiri, dan teks isi yang akan ditampilkan oleh browser .
Jangan lupa untukmenyimpan hasil kerja anda.
Penyisipan file gambar
Sering kali pada
halaman web diperlukan penyisipan file-file gambar. Untuk itu langkah-langkah
yang harus anda kerjakan adalah :
1. Pilih menu insert kemudian klik image, atau klik tombol.
2. Pilih file gambar yang ingin anda sisipkan pada dialog box select
file.
3. Atur letak file gambar tersebut pada halaman web.
Menyisipkan file dokumen
Selain
menyisipkan file gambar , aAnda juga dapat menyisipkan file dokumen , seperti
file ber-extension doc, xls, txt, dan file HTML lainnya. Langkah –langkah yang
harus dilakukan adalah :
1. Letakan kursor di tempat di mana file akan disisipkan.
2. Pada menu insert, klik file.
3. Pilih file yang akan anda sisipkan pada dialog box select file.
Oleh fronpage, file yang
anda sisipkan akan di konvert ke format HTML. Anda dapat menyunting file
tersebut dalam frontpage.
Membuat Hyperlink
Untuk
menghubungkan halaman web ke halaman web lai, digunakan Hyperlink. Dengan
meng-klik teks atau gambar yang mengandung Hyperlink, browser akan membuka
halaman web yang dimaksud oleh hyperlink tersebut.
Langkah-langkah untuk
membuat Hyperlink :
1. Pilih teks atau gambar yang akan di Hyperlink.
2. Tekan control-k.
3. Pada dialog box Create Hyperlink, pilih file yang ingin anda tuju
dengan hyperlink tersebut. Anda juga dapat membuat hyperlink tersebut ke alamat
e-mail atau ke halaman web baru yang kosong (yang dapat anda bentuk kemudian).
Pada eeditor akan
terlihat bahwa teks yang dijadikan hyperlink akan bergaris bawah dan berubah
warna, sesuai dengan warna yang ditentukan pada page properties.
TIP : Setelah
melakukan perubahan pada halaman web anda, lihat hasil kerja anda pada browser,
dengan mengklik tombol (Preview in browser).
Selain
menghubungkan ke halaman web lain, hyperlink juga dapat menghubungkan ke bagian
lain dari halaman web, yaitu dengan menggunakan bookmark. Langkah-langlkah
membuat bookmark :
1. Pilih bagian halaman web yang ingin dituju dengan hyperlink
tersebut.
2. Pada menu edit, klik bookmark.
3. Pada dialog box bookmark, kata yang anda pilih akan ditampilkan
dalam box bookmark name.
4. Klik OK. Akan muncul garis putus-putus di bawah kata yang anda
pilih sebagai bookmark.
Untuk membuat hyperlink
ke bookmark tersebut, lakukanlah langkah-langkah berikut :
1. Pilih kata yang akan diberi hyprlink
2. Tekan control-k
3. Pada dialog box Create hyperlink, pilih bookmark yang akan anda
tuju
Dengan mng-klik
hyperlink ini, browser akan menampilkan bookmark pada bagian atas jendelanya.
Membuat marque
Marque
adalah garis teks yang bergerak horisontal pada layar, yang biasanya dibuat
agar teks tersebut menarik perhatian. Cara membuat marque :
1. Letakan
kursor pada tempat anda yang ingin menampilakan marque
2. Pada menu
insert, pilih web component, lalu klik marque
3. Pada
dialog box marque properties tuliskan teks marque, dan tentukan formatnya
Membuat tabel
Untuk membuat tabel,
lakukan langkah-langkah berikut :
1. Letakan kursor pada di tempat anda menampilkan tabel
2. Klik tombol insert, Table akan muncul kisi-kisi untuk menentukan
ukuran tabel. Pilih ukuran yang anda inginkan
3. Isikan tabel dengan data yang anda inginkan
Penyuntingan tabel pada
frontpage hampir sama dengan penyuntingan tabel pada Insert table Microsoft Word
contoh tampilan index.html yang sudah jadi
0 komentar:
Posting Komentar