MUATAN LOKAL MEMBUAT WEB STATIS

Transkripsi

1 MUATAN LOKAL MEMBUAT WEB STATIS BURHANI, S.Pd NIP YAYASAN PENDIDIKAN JAMBI SMA TITIAN TERAS Jln. Lintas Jambi Ma. Bulian km 21, Pijoan, Kab. Ma. Jambi, Provinsi Jambi Telp.(0741) / hans_ac chong_tt@yahoo.com; bhoeng.smatt@gmail.com sma_tt_jambi@yahoo.com Website : 1

2 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 Klick File New Site 2

3 Menambah Halaman Web Pada Site Contents Klick New Page Menghapus Halaman Web Klick Halaman yang akan dihapus Klick Delete pada Site Contents Meng-Copy Halaman Web 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

4 Memasukkan Gambar pada Halaman Web 1. Klick Insert - Image Form file (file gambar yang berada padaa 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

5 Memasukkan Audio pada Halaman Web Klick Insert Object Audio Contoh : Cari File Audio/Musik Anda Pilih salah satu File Audio/Musik Anda Klick Open 5

6 Memasukkan Video pada Halaman Web Klick Insert - Object 1. Windows Media Video, dengan type file (*.avi; *.asf; *.wmx) 2. Real Media Video, dengan type file (*.ra; *.rm; *.ram) 3. Quick Time, dengan type file (*.qt; *.mov; *.movie) Contoh : *.asx; *.wmv; Cari File Video Anda Pilih salah satu File Video Anda Klick Open 6

7 Memasukkan Animasi Flash pada Halaman Web 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 Klick Insert Marquee 7

8 Memasukkan Animasi Java pada Halaman Web Klick Insert Ready-to-use Java Scripts Pilih salah satu Klick OK Gambar 4.2 Tampilan JavaScript Memasukkan Warna Background pada Halaman Web Klick Page Page Properties - Appearance Gambar 4.3 Tampilan Page Properties - Appearance 8

9 Memberikan Tombol pada Halaman Web Klick Insert Navigation Bar Gambar 4.4 Tampilan Navigation Bar Style Pilih salah satu Klick OK Gambar 4.5 Tampilan Navigation Bar Properties 9

10 Memberikan Background Music pada Halaman Web Klick Page Page Properties - Background Gambar 4.6 Tampilan Page Properties Background Klick OK 5. Membuat halaman Web Pribadi dengan Template Memilih Web Template Klick File New Site form Template 10

11 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

12 Gambar 5.2 Tampilan Template Personal002 pada browser Internet explorer Mengedit Halaman Web Template 1. Mengedit Text Klick Kanan (pada text yang akan dirubah) Edit text 12

13 Gambar 5.3 Tampilan Text Editor OK Sebagai contoh penulis akan mencoba merubah text pada halaman index, seperti dibawah ini : 2. Mengganti Gambar Klick Kanan (pada gambar yang akan dirubah) Change Image 13

14 Pilih salah satu Open Gambar 5.4 Tampilan Change Image 6. Menyimpan Halaman Web Menyimpan File dalam bentuk HTML (standar ektension pada website) Klick File Export to HTML 14

15 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 Web Dengan File Name : website saya 15

16 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 dalam bentuk Web Page Maker V.2 (.wss) a. Buka Explorer (Klick Kanan pada menu Start Pilih Explorer) b. Klick dua kali padaa Folder My Document c. Klick dua kali padaa Folder Latihan Web d. Klick dua kali padaa 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 Atas (Dit. PSMA) Departemen Pendidikan Nasional (DEPDIKNAS) Jakarta 16