Front page part 1
Transcript of 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