modul web page maker v1

Upload: hadikurniasajati

Post on 06-Jul-2015

547 views

Category:

Documents


5 download

TRANSCRIPT

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 : [email protected] [email protected] mail [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 IconTool 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 4.4 Tampilan Navigation Bar Style ambar

Pilih salah satu Klick OK

Gambar 4.5 Tampilan Navigation Bar Properties ambar

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 Web Latihan 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 dalam bentuk Web Page Maker V.2 (.wss) laman 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 Atas (Dit. PSMA) enengah Departemen Pendidikan Nasional (DEPDIKNAS) Jakarta

16