SlideShare a Scribd company logo
MAMPU MEMBUAT WEB STATIS 
WEB DENGAN PAGE MAKER V.2 
DALAM WAKTU 1 JAM 
MUATAN LOKAL 
CLASS XII IPA 
SMA NEGERI 1 BANGKINANG
• 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 denganberbagai 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
Mengenal Tampilan Lembar Kerja WEB 
PAGE MAKER V.2
Membuat HalamanWeb 
• Membuat Halaman Baru 
• Dapat dilakukan dengan cara : 
• Klick File – New Site
Tampilan dari Web Page Maker
Menambah HalamanWeb 
• Dapat dilakukan dengan cara : 
– Pada Toolbar Pilih Page, klik Add New Page 
– Pada Site Contents Klick New Page
• Maka akan menambah 1 page pada Site 
Contents seperti gambar berikut ini
Menghapus HalamanWeb 
• Dapat dilakukan dengan cara : 
• Klick Halaman yang akan dihapus – Klick 
Delete pada Site Contents
Meng-Copy HalamanWeb 
• Dapat dilakukan dengan cara : 
• Klick Halaman yang akan dicopy – Klick Clone 
Page pada Site Contents
MendesainWeb 
• Memasukkan Text pada Halaman Web 
Dapat dilakukan dengan 2 (dua) cara : 
– Klick Insert – Text 
– Klick Text Pada Toolbar
Memasukkan Gambar pada HalamanWeb 
• Dapat dilakukan dengan cara : 
1. Klick Insert - Image – Form file (file gambar yang 
berada pada data anda) 
Cari File gambar Anda, Pilih salah satu gambar, 
Klick Open 
2. Klick Insert - Image - Form library
Memasukkan Warna Background 
pada Halaman Web 
• Dapat dilakukan dengan cara : 
• Klick Page – Page Properties - Appearance
Memberikan Background Picture 
pada Halaman Web 
• Dapat dilakukan dengan cara : 
• Klick Page – Page Properties - Background
Memberikan Tombol pada Halaman Web 
• Dapat dilakukan dengan cara : 
• Klick Insert – Navigation Bar, Pilih salah satu Klick 
OK
• Ganti Nama Tombol sesuai yang diinginkan, 
• Tentukan Layout sesuai rancangan apakah Horizontal atau 
vertikal 
• lalu klik OK
Membuat HyperLink 
• Klik Index Pada Site Contents 
• Double klik pada Navigation Bar
• Pada Option, pilih profil 
• Link Type : A Page in my Site 
• URL : Pilih Profil
Memasukkan Text Berjalan 
(Marquee) pada Halaman Web 
• Dapat dilakukan dengan cara : 
• Klick Insert – Marquee, Muncul kotak dialog klik 
2 kali untuk dapat menulis teks untuk marquee
Memasukkan Animasi Java pada Halaman Web 
• Dapat dilakukan dengan cara : 
• Klick Insert – Ready-to-use Java Scripts
Mempublish Web Page maker 
• Klik icon Publish(F4) pada toolbar 
• Muncul Kotak dialog, penyimpanan
• Klik Local Directory, lalu pilih Browse 
• Pilih Folder tempat penyimpanan data yang 
akan diektrak dalam bentuk browser, 
kemudian klik Publish
• Buka File Index dengan menggunakan Browser
Membuat halamanWeb dengan Template 
• Memilih Web Template 
• Dapat dilakukan dengan cara : 
• Klick File 
• New Site form Template
• Pilih Template, sebagai contoh kita pilih Template 
Business 
• Pilih salah satu, Contoh : Business 004 
• Klick OK
• Pada Template Business 004 telah disediakan 
3 halaman web 
• 1. index 
• 2. Service 
• 3. produck
• Namun pada Template Business 004 kita juga 
dapat menambahkan halaman
Mengedit HalamanWeb Template 
• Mengedit Text 
• Dapat dilakukan dengan 
cara : 
• Klick Kanan (pada text yang 
akan dirubah) – Edit text 
atau Double Klik
• Sebagai contoh kita coba merubah text pada 
halaman index, seperti dibawah ini :
Mengganti Gambar 
• Dapat dilakukan dengan cara : 
• Klick Kanan (pada gambar yang akan dirubah) 
– Change Image atau double pada gambar tsb 
atau hapus gambar yang ada 
• Cari gambar untuk mengganti gambarnya
Webpage maker part 1
Mengganti Tulisan Pada Menu 
• Double Klik Pada 
menu yang telah 
disediakan 
• Muncul kotak 
dialog, ganti 
tulisan yang akan 
dirubah

More Related Content

PPTX
1 membuat blog
DOCX
Tutorial web Hendra Hindarsah
DOCX
Tutorial web abdul malik karim
PDF
Modul web design - studi kasus website portal berita
DOCX
Tutorial ilham
PDF
Pemrograman Web - HTML5
PPTX
Dasar dasar html5
PPSX
Page maker
1 membuat blog
Tutorial web Hendra Hindarsah
Tutorial web abdul malik karim
Modul web design - studi kasus website portal berita
Tutorial ilham
Pemrograman Web - HTML5
Dasar dasar html5
Page maker

Viewers also liked (7)

PPT
Web servers
PPTX
Web servers
PPT
Web browser
PPT
Web Browsers
PPTX
Web Browsers
PPTX
Types of Servers - Basic Differences
PPT
Web Servers (ppt)
Web servers
Web servers
Web browser
Web Browsers
Web Browsers
Types of Servers - Basic Differences
Web Servers (ppt)
Ad

Similar to Webpage maker part 1 (20)

PDF
Macromedia dreamweaver 8
PDF
Macromedia dreamweaver 8
PDF
Macromedia dreamweaver 8
DOC
Jobsheet multimedia
DOC
Macromedia dreamweaver-8
PDF
Panduan Dasar Web Matrix
PPTX
9. a . . .
PDF
Panduan Dasar Web Matrix
PDF
Frontpage
PPTX
Front page part 2
PPTX
Proyek bab 2 web html menggunakan microsoft front page
PPTX
Proyek 2 sistem informasi manajemen
PPTX
TEORI PROYEK 2
PPTX
Proyek 2 sistem informasi manajemen
PPTX
Proyek 2 web html menggunakan microsoft front page
PPTX
Proyek 2 web html menggunakan microsoft front page
PPTX
Pesentasi sim 2
PPTX
Proyek 2 web html menggunakan microsoft front page
PPTX
Microsoft office publisher
PPT
Membuat website frontpage
Macromedia dreamweaver 8
Macromedia dreamweaver 8
Macromedia dreamweaver 8
Jobsheet multimedia
Macromedia dreamweaver-8
Panduan Dasar Web Matrix
9. a . . .
Panduan Dasar Web Matrix
Frontpage
Front page part 2
Proyek bab 2 web html menggunakan microsoft front page
Proyek 2 sistem informasi manajemen
TEORI PROYEK 2
Proyek 2 sistem informasi manajemen
Proyek 2 web html menggunakan microsoft front page
Proyek 2 web html menggunakan microsoft front page
Pesentasi sim 2
Proyek 2 web html menggunakan microsoft front page
Microsoft office publisher
Membuat website frontpage
Ad

More from fhnx (20)

PPTX
Video editing@
DOCX
Cara instalasi adobe premier pro 1
PPTX
Front page part 3
PPTX
Front page part 1
DOCX
Html dasar
DOC
Pengenalan pascal
DOCX
Smst 2
DOCX
Mulok kls 1 smt 1
DOCX
Materi p kn kelas xii
DOCX
Materi pkn kelas 11
DOCX
Pkn kelas 10
DOCX
Pkn kelas 10
PPT
Buku x bab 5
PPT
Buku x bab 4
PPT
Buku x bab 3
PPT
Buku x bab 1
PPT
Buku x bab 2
PDF
Kelas 2 s2
PDF
Kelas 2
PDF
Kelas 1 s2
Video editing@
Cara instalasi adobe premier pro 1
Front page part 3
Front page part 1
Html dasar
Pengenalan pascal
Smst 2
Mulok kls 1 smt 1
Materi p kn kelas xii
Materi pkn kelas 11
Pkn kelas 10
Pkn kelas 10
Buku x bab 5
Buku x bab 4
Buku x bab 3
Buku x bab 1
Buku x bab 2
Kelas 2 s2
Kelas 2
Kelas 1 s2

Webpage maker part 1

  • 1. MAMPU MEMBUAT WEB STATIS WEB DENGAN PAGE MAKER V.2 DALAM WAKTU 1 JAM MUATAN LOKAL CLASS XII IPA SMA NEGERI 1 BANGKINANG
  • 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 denganberbagai macam code HTML (HyperText Mark-up Language).
  • 3. Mengaktifkan WEB PAGE MAKER V.2 • Klik Menu Start • Pilih All Program (pada classic start menu pilih Program) • Pilih WEB PAGE MAKER V.2
  • 4. Mengenal Tampilan Lembar Kerja WEB PAGE MAKER V.2
  • 5. Membuat HalamanWeb • Membuat Halaman Baru • Dapat dilakukan dengan cara : • Klick File – New Site
  • 6. Tampilan dari Web Page Maker
  • 7. Menambah HalamanWeb • Dapat dilakukan dengan cara : – Pada Toolbar Pilih Page, klik Add New Page – Pada Site Contents Klick New Page
  • 8. • Maka akan menambah 1 page pada Site Contents seperti gambar berikut ini
  • 9. Menghapus HalamanWeb • Dapat dilakukan dengan cara : • Klick Halaman yang akan dihapus – Klick Delete pada Site Contents
  • 10. Meng-Copy HalamanWeb • Dapat dilakukan dengan cara : • Klick Halaman yang akan dicopy – Klick Clone Page pada Site Contents
  • 11. MendesainWeb • Memasukkan Text pada Halaman Web Dapat dilakukan dengan 2 (dua) cara : – Klick Insert – Text – Klick Text Pada Toolbar
  • 12. Memasukkan Gambar pada HalamanWeb • Dapat dilakukan dengan cara : 1. Klick Insert - Image – Form file (file gambar yang berada pada data anda) Cari File gambar Anda, Pilih salah satu gambar, Klick Open 2. Klick Insert - Image - Form library
  • 13. Memasukkan Warna Background pada Halaman Web • Dapat dilakukan dengan cara : • Klick Page – Page Properties - Appearance
  • 14. Memberikan Background Picture pada Halaman Web • Dapat dilakukan dengan cara : • Klick Page – Page Properties - Background
  • 15. Memberikan Tombol pada Halaman Web • Dapat dilakukan dengan cara : • Klick Insert – Navigation Bar, Pilih salah satu Klick OK
  • 16. • Ganti Nama Tombol sesuai yang diinginkan, • Tentukan Layout sesuai rancangan apakah Horizontal atau vertikal • lalu klik OK
  • 17. Membuat HyperLink • Klik Index Pada Site Contents • Double klik pada Navigation Bar
  • 18. • Pada Option, pilih profil • Link Type : A Page in my Site • URL : Pilih Profil
  • 19. Memasukkan Text Berjalan (Marquee) pada Halaman Web • Dapat dilakukan dengan cara : • Klick Insert – Marquee, Muncul kotak dialog klik 2 kali untuk dapat menulis teks untuk marquee
  • 20. Memasukkan Animasi Java pada Halaman Web • Dapat dilakukan dengan cara : • Klick Insert – Ready-to-use Java Scripts
  • 21. Mempublish Web Page maker • Klik icon Publish(F4) pada toolbar • Muncul Kotak dialog, penyimpanan
  • 22. • Klik Local Directory, lalu pilih Browse • Pilih Folder tempat penyimpanan data yang akan diektrak dalam bentuk browser, kemudian klik Publish
  • 23. • Buka File Index dengan menggunakan Browser
  • 24. Membuat halamanWeb dengan Template • Memilih Web Template • Dapat dilakukan dengan cara : • Klick File • New Site form Template
  • 25. • Pilih Template, sebagai contoh kita pilih Template Business • Pilih salah satu, Contoh : Business 004 • Klick OK
  • 26. • Pada Template Business 004 telah disediakan 3 halaman web • 1. index • 2. Service • 3. produck
  • 27. • Namun pada Template Business 004 kita juga dapat menambahkan halaman
  • 28. Mengedit HalamanWeb Template • Mengedit Text • Dapat dilakukan dengan cara : • Klick Kanan (pada text yang akan dirubah) – Edit text atau Double Klik
  • 29. • Sebagai contoh kita coba merubah text pada halaman index, seperti dibawah ini :
  • 30. Mengganti Gambar • Dapat dilakukan dengan cara : • Klick Kanan (pada gambar yang akan dirubah) – Change Image atau double pada gambar tsb atau hapus gambar yang ada • Cari gambar untuk mengganti gambarnya
  • 32. Mengganti Tulisan Pada Menu • Double Klik Pada menu yang telah disediakan • Muncul kotak dialog, ganti tulisan yang akan dirubah