front page part 1

Panduan Singkat MembuatWebsite Statis Dengan

Microsoft FrontPage 2003

MATERI MULOK KELAS XIISMAN 1 BANGKINANG

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.

• 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.

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

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”

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.

EFEK HURUF

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

MENGGANTI STYLE

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

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

MEMBUAT NOMOR URUT (NUMBERING)

• Dibawah ini adalah toolbar yang digunakan untuk memberikan penomoran urut dan bullet

CONTOH

MATA PELAJARAN1. MULOK2. TIK3. AGAMA

NAMA BUAH-BUAHAN• MANGGA• APEL

SUB NUMBERING

• DIGUNAKAN UNTUK MEMBUAT SUB DARI SUATU NUMBERING ATAU BULLET

• TOOLBAR YANG DIGUNAKAN ADALAH (INCREASE INDENT)

CODE HTML

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.

MENYISIPKAN GAMBAR

• Klik menu Insert >> Picture >> Clipt Art atau From File

• Jendela Picture terbuka, cari file gambar yang akan dimasukkan ke dalam website

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

Buatlah Tabel Berikut Ini :

No Nama Kelas Nilai Ket

1

2

3

Catatan : Data Isi Sendiri

NO Nama siswaNilai

KeteranganTik Mulok Agama

1

2

3