Membuat Halaman Web

Menggunakan Microsoft
Front Page
Microsoft Front Page dibagi
menjadi 3 tampilan :

Normal

HTML

Preview
Normal

 Membuat dan Menyimpan Halaman Baru

1. Bukalah Front Page 2000. Halaman kosong
terlihat pada Page View.
2. Klik Normal pada bagian bawah halaman
tersebut.
3. Tempatkan kursor di dalam halaman kosong
dan ketik judul atau beberapa teks.
4. Klik File pada Menu, kemudian klik Save.
Kemudian muncul kotak dialog Save As.
5. Di kotak dialog Save As, klik Change untuk mengubah
judul halaman. Terlihat kotak dialog Set Page Title.
6. Masukkan nama baru ke dalam kotak dialog Set Page
Title lalu klik Ok.
7. Dalam kotak dialog Save As,pilih satu nama file
dan masukkan kedalam kotak dialog File Name.

8. Klik tombol Save

 Mengubah Warna Background pada
Halaman Web
– Klik Format pada Menu dan pilih Background.
Akan muncul kotak dialog Page Properties.
– Klik Background.
– Klik Colors Background dan pilih salah satu
warna.
– Klik OK pada kotak dialog Page Properties.
 Memasukkan teks pada Web Page
– Jika tampilan tidak dalam Page View, klik
tombol Page pada Views.
– Klik Normal pada bagian bawah halaman.
– Letakkan kursor ke halaman kosong.
– Ketik teks.

Tips : Kita dapat membuat teks tebal, miring,

garis bawah, rata kanan atau rata kiri. Jika kita
sudah mengetikkan teks, kita dapat mengubah
jenis, warna, ukuran, dan sebagainya.
 Mengubah Jenis Tulisan
1. Pilih tulisan yang akan diubah.
2. Arhkan kursor panah ke contoh huruf. Dengan
drop-down list menunjukkan jenis-jenis huruf.

3. Klik jenis huruf pilihanmu.

 Untuk mengubah warna teks :
1. Pilih teks yang akan diubah warnanya.
2. Klik tombol panah di samping tombol font
color.
3. Klik warna yang diinginkan, atau pilih
dengan pilihan warna yang lebih banyak
dengan memilih more colors.
 Mengubah ukuran huruf :
1. Pilih teks.
2. Klik tombol panah di samping tampilan font
size, kemudian akan muncul tampilan dengan
berbagai ukuran huruf.
3. Klik ukuran yang diinginkan.
 Menganimasikan teks atau gambar menggunakan
DHTML
– Pilih teks atau gambar yang ingin dianimasikan
– Klik Format pada Menu, kemudian klik Dynamic HTML
Effects. DHTML Effects terlihat.

– Pilih Page Load pada kotak On. Artinya objek akan

dianimasikan saat pengunjung web site kitamembuka
halaman tersebut pada komputer masing – masing.
– Pilih Elastic pada kotak Apply. Artinya objek
akan mendapat efek elastic spesial.

– Klik tombol X untuk menutup toolbar DHTML

Effects.
HTML
 Penggunaan HTML pada dasarnya sama dengan
normal,hanya saja HTML menggunakan
kode,contohnya:

<font color=“#
FF0000”><u><i><b><marquee behavior
=“alternate”>contoh</marquee></b></i></u></font>

dari contoh diatas akan muncul tulisan contoh

dengan warna hijau, gerak ke kanan-kiri, bold, italic.
Preview

 Preview hanya digunakan untuk melihat

tampilan web yang telah kita buat, baik dibuat
menggunakan Normal page ataupun HTML
page.
 Created by
 Fung Lukito Waluyo
 Nina Kurnia Haryono

 Viola Darmawan