Membuat Halaman Web Menggunakan Microsoft Front Page

Membuat Halaman Web Menggunakan Microsoft Front Page

Microsoft Front Page dibagi menjadi 3 tampilan :

Normal HTML Preview

Normal 

Membuat dan Menyimpan Halaman Baru 1. 2. 3. 4.

Bukalah Front Page 2000. Halaman kosong terlihat pada Page View. Klik Normal pada bagian bawah halaman tersebut. Tempatkan kursor di dalam halaman kosong dan ketik judul atau beberapa teks. 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. 2.

Pilih tulisan yang akan diubah. 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. 2.

3.

Pilih teks. Klik tombol panah di samping tampilan font size, kemudian akan muncul tampilan dengan berbagai ukuran huruf. 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: <marquee behavior =“alternate”>contoh 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 