MUATAN LOKAL
MEMBUAT WEB STATIS
BURHANI, S.Pd NIP. 132281317
YAYASAN PENDIDIKAN JAMBI SMA TITIAN TERAS
Jln. Lintas Jambi – Ma. Bulian km 21, Pijoan, Kab. Ma. Jambi, Provinsi Jambi 36363 Telp.(0741) 7551162 / 27900 E-mail mail :
[email protected] [email protected];
[email protected] http://www.hanstt.wordpress.com E--mail :
[email protected] Website : www.sma-tt-jambi.com
1
WEB PAGE MAKER V.2 : Merupakan program aplikasi yang dirancang untuk membuat website sederhana menjadi dinamis, dengan web page maker anda tidak perlu lagi dipusingkan dengan berbagai macam code HTML (HyperText Mark-up Language). Mengaktifkan WEB PAGE MAKER V.2 : Klik Menu Start Pilih All Program (pada classic start menu pilih Program) Pilih WEB PAGE MAKER V.2 2. Mengidentifikasikan Fungsi Menu, Tool dan Icon Tool Bar
Lembar Kerja
Site Panel
Gambar 2.1 Mengenal Tampilan Lembar Kerja WEB PAGE MAKER V.2
3. Membuat Halaman Web Membuat Halaman Baru Dapat dilakukan dengan cara : Klick File – New Site
2
Menambah Halaman Web Dapat dilakukan dengan cara : Pada Site Contents Klick New Page
Menghapus Halaman Web Dapat dilakukan dengan cara : Klick Halaman yang akan dihapus – Klick Delete pada Site Contents
Meng-Copy Halaman Web Dapat dilakukan dengan cara : Klick Halaman yang akan dicopy – Klick Clone Page
pada Site Contents
4. Mendesain Web Memasukkan Text pada Halaman Web Dapat dilakukan dengan 2 (dua) cara : 1. Klick Insert – Text
2. Klick Text Pada Toolbar
3
Memasukkan Gambar pada Halaman Web Dapat dilakukan dengan cara : 1. Klick Insert - Image – Form file (file gambar yang berada pada data anda) Contoh :
Cari File gambar Anda
Pilih salah satu gambar Klick Open
2. Klick Insert - Image – Form library (file gambar yang disediakan oleh web page maker)
Gambar 4.1 Tampilan Image Library
Pilih salah satu gambar
Double Klick (klick 2 dua kali)
4
Memasukkan Audio pada Halaman Web Dapat dilakukan dengan cara : Klick Insert – Object – Audio Contoh :
Cari File Audio/Musik Anda
Pilih salah satu File Audio/Musik Anda
Klick Open
5
Memasukkan Video pada Halaman Web Dapat dilakukan dengan cara : Klick Insert - Object 1. Windows Media Video, dengan type file (*.avi; *.asf; *.asx; *.wmv; *.wmx) 2. Real Media Video, dengan type file (*.ra; *.rm; *.ram) 3. Quick Time, dengan type file (*.qt; *.mov; *.movie) Contoh :
Cari File Video Anda
Pilih salah satu File Video Anda
Klick Open
6
Memasukkan Animasi Flash pada Halaman Web Dapat dilakukan dengan cara : Klick Insert – Flash Movie Contoh :
Cari File Flash Anda (.swf)
Pilih salah satu File flash Anda Anda
Klick Open
Memasukkan Text Berjalan (Marquee) pada Halaman Web Dapat dilakukan dengan cara : Klick Insert – Marquee
7
Memasukkan Animasi Java pada Halaman Web Dapat dilakukan dengan cara : Klick Insert – Ready-to-use Java Scripts
Gambar 4.2 Tampilan JavaScript
Pilih salah satu Klick OK
Memasukkan Warna Background pada Halaman Web Dapat dilakukan dengan cara : Klick Page – Page Properties - Appearance
Gambar 4.3 Tampilan Page Properties - Appearance
8
Memberikan Tombol pada Halaman Web Dapat dilakukan dengan cara : Klick Insert – Navigation Bar
Gambar ambar 4.4 Tampilan Navigation Bar Style
Pilih salah satu
Klick OK
Gambar ambar 4.5 Tampilan Navigation Bar Properties
9
Memberikan Background Music pada Halaman Web Dapat dilakukan dengan cara : Klick Page – Page Properties - Background
Gambar 4.6 Tampilan Page Properties – Background
Klick OK
5. Membuat halaman Web Pribadi dengan Template Memilih Web Template Dapat dilakukan dengan cara : Klick File
New Site form Template
10
Gambar 5.1 Tampilan form Template
Pilih Template, sebagai contoh penulis memilih Template Personal Pilih salah satu, Contoh : Personal002 Klick OK Pada Template personal002 telah disediakan 3 halaman web 1. index 2. work 3. articles Namun pada Template personal002 kita juga dapat menambahkan halaman (baca point 3 pada halaman 2 diatas) Untuk melihat hasilnya di Browser klick File – Preview in Browser (Short Cut F5)
11
Gambar 5.2 Tampilan Template Personal002 pada browser Internet explorer
Mengedit Halaman Web Template 1. Mengedit Text
Dapat dilakukan dengan cara : Klick Kanan (pada text yang akan dirubah) – Edit text
12
Gambar 5.3 Tampilan Text Editor
OK Sebagai contoh penulis akan mencoba merubah text pada halaman index, seperti dibawah ini :
2. Mengganti Gambar
Dapat dilakukan dengan cara : Klick Kanan (pada gambar yang akan dirubah) – Change Image
13
Gambar 5.4 Tampilan Change Image
Pilih salah satu
Open 6. Menyimpan Halaman Web Menyimpan File dalam bentuk HTML (standar ektension pada website) Dapat dilakukan dengan cara : Klick File – Export to HTML
14
Sebagai Contoh Penulis menyimpannya pada Folder My Document
Klick Make New Folder (untuk membuat folder baru dengan nama Latihan Web)
OK Menyimpan File dalam bentuk Web Page Maker V.2 (.wss) Klick File – Save As Sebagai Contoh Penulis menyimpannya pada Folder My Document\Latihan Latihan Web Dengan File Name : website saya
15
7. Menampilkan Halaman Web yang telah di Export Setelah File Di Export dalam bentuk HTML, maka kita dapat melihat hasilnya dengan cara : a. Buka Explorer (Klick Kanan pada menu Start – Pilih Explorer) b. Klick dua kali pada Folder My Document c. Klick dua kali pada Folder Latihan Web d. Pada Folder Latihan Web Klick dua kali pada file Index (index.html) 8. Mengedit Halaman Web yang telah di Simpan Mengedit Halaman laman dalam bentuk Web Page Maker V.2 (.wss) a. Buka Explorer (Klick Kanan pada menu Start – Pilih Explorer) b. Klick dua kali pada Folder My Document c. Klick dua kali pada Folder Latihan Web d. Klick dua kali pada File website saya
Mengedit Halaman dalam bentuk HTML (standar ektension pada website) Untuk mengedit halaman dalam bentuk HTML,, anda dapat menggunakan Software lain seperti Microsoft Frontpage, dikarenakan software Web Page Maker V.2 tidak mendukung ektension HTML.
Sumber : Modul Pengembangan Bahan Ajar dan Bahan Ujian Berbasis ICT Direktorat Pembinaan Sekolah Menengah enengah Atas (Dit. PSMA) Departemen Pendidikan Nasional (DEPDIKNAS) Jakarta
16
