Dokumen ini memberikan panduan singkat tentang cara membuat website statis menggunakan Microsoft FrontPage 2003. FrontPage adalah program desain website yang mudah digunakan dan memberikan kemudahan bagi pengguna untuk membuat website tanpa harus mempelajari kode HTML. Dokumen ini menjelaskan fitur-fitur dasar FrontPage untuk membuat teks, tabel, gambar, dan desain halaman website.

1. Panduan Singkat Membuat
Website Statis Dengan
Microsoft FrontPage 2003
MATERI MULOK KELAS XII
SMAN 1 BANGKINANG

2. MENGENAL FRONTPAGE
• FrontPage adalah sebuah program web Authoring
berbasis WYSIWYG (What You See Is What You
Get), artinya apa yang kita buat desainnya maka
hasilnya di browser persisseperti desain kita.
• FrontPage merupakan salah satu program yang
dikeluarkan olehperusahaan Software Raksasa
bernama Microsoft, Jadi jangan heran kalau
program ini biasa disebut Microsoft FrontPage.
• Keunggulan FrontPage adalah mudah
penggunaannya, memiliki tampilan yang mirip
Microsoft Word, jadi tidak terlalu mengalami
kesulitan dalam menggunakan program ini.

3. • FrontPage sangat hemat untuk urusan
pembuatan website statis, yaitu website yang
bersifat satu arah, tidak memiliki sarana
komunikasi antara pengunjung dengan pemilik
situs.
• FrontPage sangat memberi kemudahan dalam
pemakaiannya, serta Anda tidak perlu
dipusingkan dengan urusan pembuatan kode-kode
HTML dalam mendesain sebuahwebsite
sebab FrontPage secara otomatis akan
membuatnya.

4. Struktur layar FrontPage, bisa Anda
lihat pada gambar di bawah ini :

5. BEKERJA DENGAN FRONTPAGE
• Buka Aplikasi Frontpage yang telah di instal di
dalam PC atau Laptop
• Tunggu sampai muncul tampilan dari
Frontpage, setelah itu baru bisa kita bekerja
dalam perancangan websitenya
• Kemudian Tulis “saya belajar membuat
website dengan frontpage”

7. MENGGANTI MODEL HURUF
• Untuk mengganti model dan ukuran huruf
sama dengan saat Anda mengganti huruf
padaprogram Microsoft Word.
• Cukup Anda blok huruf yang bersangkutan
kemudian pilih jenis huruf dan ukurannya
pada toolbar.

9. EFEK HURUF
• Untuk merubah teks berefek tebal (Bold) atau
miring (Italic) atau bergaris bawah
(Underline), cukup gunakan toolbar dibawah
ini.

10. MENGGANTI STYLE
• Bloklah judul naskah.
Kemudian klik tombal
style, pada toolbar style
pilih Heading 1

11. PEWARNAAN TEKS DAN EFEK STABILO
• Dibawah ini adalah toolbar yang digunakan
untuk memberikan efek stabilo dan
pewarnaan teks.
• Bloklah teks yang akan diberi warna Biru Tua,
Selanjutnya klik toolbar pilih warna
kuning. Toolbar ini digunakan untuk
memberikan efek stabilo

12. MEMBUAT NOMOR URUT
(NUMBERING)
• Dibawah ini adalah toolbar yang digunakan
untuk memberikan penomoran urut dan
bullet

13. CONTOH
MATA PELAJARAN
1. MULOK
2. TIK
3. AGAMA
NAMA BUAH-BUAHAN
• MANGGA
• APEL

14. SUB NUMBERING
• DIGUNAKAN UNTUK MEMBUAT SUB DARI
SUATU NUMBERING ATAU BULLET
• TOOLBAR YANG DIGUNAKAN ADALAH
(INCREASE INDENT)

16. CODE HTML

17. MENGGANTI WARNA LATAR
• Pada Toolbar Format pilih Background ….
• Muncul jendela “Page Properties”.
• Pilih warna kesukaan Anda pada bagian
Background.
• Klik OK.
• Lihat gambar dibawah ini.

19. MENYISIPKAN GAMBAR
• Klik menu Insert >> Picture >>
Clipt Art atau From File
• Jendela Picture terbuka, cari file gambar yang
akan dimasukkan ke dalam website

20. MEMBUAT TABEL DAN EFEKNYA
• Pilih menu Table >> Insert >> Table…
• Pada jendela Insert Table, isikan data sesuai
prosedur di bawah ini:
Rows isikan dengan jumlah baris yang Anda kehendaki
Columns isikan dengan banyaknya kolom
Aligment perataan table
Cell padding jarak sel dengan isinya
Cell spacing spasi untuk sel
Border size ukuran besarnya garis pinggir
Border Color Warna Garis pinggir
Background Color Warna Latar Belakang Tabel

21. Buatlah Tabel Berikut Ini :
No Nama Kelas Nilai Ket
1
2
3
Catatan : Data Isi Sendiri

22. NO Nama siswa
Nilai
Keterangan
Tik Mulok Agama
1
2
3