doc

1. PERANGKAT PEMBELAJARANPERANGKAT PEMBELAJARAN
RENCANA PELAKSANAAN PEMBELAJARANRENCANA PELAKSANAAN PEMBELAJARAN
(RPP)(RPP)
Mata Pelajaran : WEB DESIGN
Satuan Pendidikan : SMK
Kelas/Semester : XII / 1
Nama Guru : Lidya Arlini,
S.Kom
NIP :
198202042010012028
Sekolah : SMKN 5
KAB TANGERANG

2. RENCANA PELAKSANAAN PEMBELAJARAN
(RPP)
Nama Sekolah : SMKN 5 Kab Tangerang
Program Keahlian : Teknik Komputer & Jaringan
Mata Pelajaran : WEB DESIGN (MULOK)
Kelas / Semester : XII / Ganjil
Standar
Kompetensi
: Membuat dan mengembangkan web
Kompetensi Dasar : 1. Mempersiapkan software web design
Indikator :
 Software web design diinstalasi dalam
komputer oleh peserta diklat
 User manual software web design sudah
disediakan dan dipahami
 Perangkat komputer sudah dinyalakan,
dengan sistem operasi dan persyaratan
sesuai dengan Installation manual
 Software web design dijalankan
Alokasi Waktu : 6 X 45’
Tahun Pelajaran : 2014/2015
A. Tujuan Pembelajaran
1. Siswa mengetahui cara instalasi software web design
2. Siswa mengetahui user manual software web design
3. Siswa dapat mengetahui prosedur standar sistem operasi dan persyaratan
instalation
4. Siswa dapat menjalankan software web design
B. Materi Pokok Pembelajaran
1. Mengamati proses intaslasi software pengolah gambar raster dengan seksama
2. Mengamati proses aktifasi software pengolah gambar raster dengan seksama.
C. Metode Pembelajaran
1. Ceramah 3. Tanyajawab
2. Demonstrasi 4. Praktik
D. Langkah-langkah Kegiatan Pembelajaran
Pertemuan 1.
Kegiatan Kegiatan Guru Kegiatan Siswa
Alokasi
Waktu
Kegiatan • Berdoa • Berdoa 5

3. Awal
• Absensi
• Menyampaikan Tujuan
Pembelajaran
• Apersepsi
• Menjawab
• Mendengarkan
dan memahami
menit
Kegiatan
Inti
• Menjelaskan tentang web design
• Menjelaskan tentang software
web design
• Memperhatikan
• Mendengarkan
, menanyakan,
80
menit
Kegiatan
Penutup
• Melakukan refleksi terhadap
pembelajaran yang sudah
dilakukan
• Bersama siswa menyimpulkan
dari materi pokok yang telah
dipelajari.
• Tugas rumah
• Menutup dengan berdoa
• Menjawab
• Menyampaikan
• Mencatat
• Berdoa
5
menit
Pertemuan 2.
Kegiatan Kegiatan Guru Kegiatan Siswa
Alokasi
Waktu
Kegiatan
Awal
• Berdoa
• Absensi
• Menyampaikan Tujuan
Pembelajaran
• Apersepsi
• Berdoa
• Menjawab
• Mendengarkan
dan memahami
5
menit
Kegiatan
Inti
• Menjelaskan cara instalation
software web design.
• Memperhatikan
• Mendengarkan
, menanyakan,
mempraktikkan
80
menit
Kegiatan
Penutup
• Melakukan refleksi terhadap
pembelajaran yang sudah
dilakukan
• Bersama siswa menyimpulkan
dari materi pokok yang telah
dipelajari.
• Tugas rumah
• Menutup dengan berdoa
• Menjawab
• Menyampaikan
• Mencatat
• Berdoa
5
menit
Pertemuan 3.
Kegiatan Kegiatan Guru Kegiatan Siswa
Alokasi
Waktu
Kegiatan
Awal
• Berdoa
• Absensi
• Menyampaikan Tujuan
• Berdoa
• Menjawab
• Mendengarkan
5
menit

4. Pembelajaran
• Apersepsi
dan memahami
Kegiatan
Inti
• User manual software web
design sudah disediakan dan
dipahami
• Perangkat komputer sudah
dinyalakan, dengan sistem
operasi dan persyaratan sesuai
dengan Installation manual
• Software web design dijalankan
• Memperhatikan
• Mendengarkan
, menanyakan,
mempraktikkan
• Mendengarkan
, menanyakan,
mempraktikkan
80
menit
Kegiatan
Penutup
• Melakukan refleksi terhadap
pembelajaran yang sudah
dilakukan
• Bersama siswa menyimpulkan
dari materi pokok yang telah
dipelajari.
• Tugas rumah
• Menutup dengan berdoa
• Menjawab
• Menyampaikan
• Mencatat
• Berdoa
5
menit
E. Sumber Belajar.
1. Modul.
2. Buku.
3. Internet
F. Media Pembelajaran.
1. LCD Projector.
2. Screen Projector.
3. PC (perangkat komputer)
G. Penilaian
Tanya Jawab
Tes Praktik

5. .....................................
NIP. ....................
INSTRUMEN PENILAIAN
Tanya jawab :
1. Apa yang kalian ketahui tentang web design?
2. Jelaskan langkah-langkah cara instalation software!
3. Jelaskan cara membuka hasil instalation software!
4. Bagaimana cara menjalankankan hasil instalation software!
Lembar Nilai Tanya jawab
Nama : ..........................
No : ..........................
Kelas : ...............
No Pertanyaan
Poin
mak
Perolehan
poin
1 Apa yang kalian ketahui tentang web design? 10
2 Jelaskan langkah-langkah cara instalation
software
10
3 Jelaskan cara membuka hasil instalation
software
10
4 Bagaimana cara menjalankankan hasil
instalation software
20
Perolehan nilai dirumuskan dengan formula :
Tes praktik.
1. Buka notepad dan tuliskan tag dasar HTML untuk memunculkan tulisan ” AKU
BELAJAR BAHASA PEMROGRAMAN HTML ”.
2. Simpan hasil penulisan program dengan nama ” latihan1.html ”.
3. Tampilkan hasil program yang anda buat dengan menggunakan firefox.
4. Tampilkan hasil program yang anda buat dengan menggunakan internet explore.
Total perolehan poin
Jumlah Soal
Nilai =

6. Lembar Nilai Uji Unjuk Kerja
Nama : ..........................
No : ..........................
Kelas : ...............
No Instrumen
Skor
Nilai
4 3 2 1
1 Cara buka notepad dan penulisan tag
dasar HTML
2 Penyimpanan Program
3 Pemunculan program dengan meng-
gunakan mozila
4 Pemunculan program dengan meng-
gunakan internet explore
Total Skor
Skor maksimal 4 x 4 = 16
Nilai untuk menguji indikator tersebut =
Total Skor
---------------------- x 10
Skor Maksimal
Kriteria Skor 1.
Kriteria
4
Dapat membuka notepad dan menulis tag dasar HTML dengan
benar.
Kriteria
3
Dapat membuka notepad dan menulis tag dasar HTML.
Kriteria
2
Dapat membuka notepad.
Kriteria
1
Tidak dapat membuka notepad dan menulis tag dasar HTML
Kriteria Skor 2.
Kriteria
4
Dapat menyimpan hasil penulisan tag dasar HTML dengan benar.
Kriteria
3
Dapat menyimpan hasil penulisan tag dasar HTML.

7. Kriteria
2
Dapat menyimpan.
Kriteria
1
Tidak dapat menyimpan hasil penulisan tag dasar HTML
Kriteria Skor 3.
Kriteria
4
Dapat membuka/memunculkan program dengan menggunakan
mozila/firefox serta cara yang benar.
Kriteria
3
Dapat membuka program dengan cara yang kurang benar.
Kriteria
2
Dapat membuka program.
Kriteria
1
Tidak dapat membuka program
Kriteria Skor 3.
Kriteria
4
Dapat membuka/memunculkan program dengan menggunakan
internet explore serta cara yang benar.
Kriteria
3
Dapat membuka program dengan cara yang kurang benar.
Kriteria
2
Dapat membuka program.
Kriteria
1
Tidak dapat membuka program
Mengetahui,
Kepala SMKN 5 Kab Tangerang
Drs. KAMSONO, M.Pd.
NIP. 196601192002121002
Mauk, 14 Juli 2014
Guru Mapel
LIDYA ARLINI, S.Kom
NIP. 198202042010012028
Kepala Program
Teknik Komputer dan Jaringan
EMAN SUHERMAN, S.Kom
NIP. -

8. RENCANA PELAKSANAAN PEMBELAJARAN
(RPP)
Nama Sekolah : SMKN 5 Kab Tangerang
Program Keahlian : Teknik Komputer & Jaringan
Mata Pelajaran : WEB DESIGN (MULOK)
Kelas / Semester : XII / Ganjil
Standar
Kompetensi
: Membuat dan mengembangkan web
Kompetensi Dasar :
2. Mengenali dan mempraktekkan dasar-dasar
HTML
Indikator :
 Objek web dan tag-tag HTML dikenali berdasarkan
user manual
 Fitur pengelolaan file halaman web dapat
digunakan seperti: buat/ create/ new, simpan/save,
buka/open, simpan dengan nama lain/ save as.
 Tag-tag HTML digunakan untuk membuat
halaman web dengan kombinasi : text, image, link,
table, layer, form, frame, dsb.
 File halaman web siimpan dengan format, HTML.
Alokasi Waktu : 6 X 45’
Tahun Pelajaran : 2014/2015
A. Tujuan Pembelajaran
1. Siswa mengetahui Objek web dan tag-tag HTML
2. Siswa mengetahui Fitur pengelolaan file halaman web
3. Siswa dapat mengetahui Tag-tag HTML digunakan untuk membuat halaman web
4. Siswa mengetahui cara menyimpan program html
B. Materi Pokok Pembelajaran
 Objek web
 Fitur pengelolaan file halaman web
 Tag-tag HTML.
C. Metode Pembelajaran
5. Ceramah 3. Tanyajawab
6. Demonstrasi 4. Praktik
D. Langkah-langkah Kegiatan Pembelajaran

9. Pertemuan 1.
Kegiatan Kegiatan Guru Kegiatan Siswa
Alokasi
Waktu
Kegiatan
Awal
• Berdoa
• Absensi
• Menyampaikan Tujuan
Pembelajaran
• Apersepsi
• Berdoa
• Menjawab
• Mendengarkan
dan memahami
5
menit
Kegiatan
Inti
• Menjelaskan tentang Objek web
dan tag-tag HTML
• Menjelaskan tentang Fitur
pengelolaan file halaman web
dapat digunakan seperti: buat/
create/ new, simpan/save,
buka/open, simpan dengan nama
lain/ save as
• Memperhatikan
• Mendengarkan
, menanyakan
80
menit
Kegiatan
Penutup
• Melakukan refleksi terhadap
pembelajaran yang sudah
dilakukan
• Bersama siswa menyimpulkan
dari materi pokok yang telah
dipelajari.
• Tugas rumah
• Menutup dengan berdoa
• Menjawab
• Menyampaikan
• Mencatat
• Berdoa
5
menit
Pertemuan 2.
Kegiatan Kegiatan Guru Kegiatan Siswa
Alokasi
Waktu
Kegiatan
Awal
• Berdoa
• Absensi
• Menyampaikan Tujuan
Pembelajaran
• Apersepsi
• Berdoa
• Menjawab
• Mendengarkan
dan memahami
5
menit
Kegiatan
Inti
Menjelaskan Tag-tag HTML
digunakan untuk membuat
halaman web dengan kombinasi :
text, image, link, table, layer, form,
frame, dsb
• Memperhatikan
• Mendengarkan
, menanyakan,
mempraktikkan
80
menit
Kegiatan
Penutup
• Melakukan refleksi terhadap
pembelajaran yang sudah
dilakukan
• Bersama siswa menyimpulkan
dari materi pokok yang telah
dipelajari.
• Tugas rumah
• Menutup dengan berdoa
• Menjawab
• Menyampaikan
• Mencatat
• Berdoa
5
menit

10. Pertemuan 3.
Kegiatan Kegiatan Guru Kegiatan Siswa
Alokasi
Waktu
Kegiatan
Awal
• Berdoa
• Absensi
• Menyampaikan Tujuan
Pembelajaran
• Apersepsi
• Berdoa
• Menjawab
• Mendengarkan
dan memahami
5
menit
Kegiatan
Inti
• Mempraktekkan cara pembuatan
program html
• File halaman web siimpan
dengan format, HTML
• Memperhatikan
• Mendengarkan
, menanyakan,
mempraktikkan
• Mendengarkan
, menanyakan,
mempraktikkan
80
menit
Kegiatan
Penutup
• Melakukan refleksi terhadap
pembelajaran yang sudah
dilakukan
• Bersama siswa menyimpulkan
dari materi pokok yang telah
dipelajari.
• Tugas rumah
• Menutup dengan berdoa
• Menjawab
• Menyampaikan
• Mencatat
• Berdoa
5
menit
E. Sumber Belajar.
•Modul.
•Buku.
•Internet
F. Media Pembelajaran.
•LCD Projector.
•Screen Projector.
•PC (perangkat komputer)
G.Penilaian
• Tanya Jawab
• Tes Praktik

11. ............................... NIP. ....................
INSTRUMEN PENILAIAN
Tanya jawab :
1. Apa yang kalian ketahui tentang HTML?
2. Jelaskan tag-tag ada ada pada HTML!
3. Jelaskan dasar-dasar HTML!
Lembar Nilai Tanya jawab
Nama : ..........................
No : ..........................
Kelas : ...............
No Pertanyaan
Poin
mak
Perolehan
poin
1 Apa yang kalian ketahui tentang HTML? 10
2 Jelaskan tag-tag ada ada pada HTML 10
3 Jelaskan dasar-dasar HTML 10
Perolehan nilai dirumuskan dengan formula :
Tes praktik.
Kerjakan program dibawah ini dan buat kesimpulan dari program yang dibuat!
<html>
<head>
<tittle>coba program HTML</tittle>
</head?
<body>
<h1>heading1</h1>
Total perolehan poin
Jumlah Soal
Nilai =

12. <h2>heading1</h2>
<h3>heading1</h3>
</body>
</html>
Lembar Nilai Uji Unjuk Kerja
Nama : ..........................
No : ..........................
Kelas : ...............
No Instrumen
Skor
Nilai
4 3 2 1
1 Cara buka notepad dan penulisan tag
dasar HTML
2 Penyimpanan Program
3 Pemunculan program dengan meng-
gunakan mozila
4 Pemunculan program dengan meng-
gunakan internet explore
Total Skor
Skor maksimal 4 x 4 = 16
Nilai untuk menguji indikator tersebut =
Total Skor
---------------------- x 10
Skor Maksimal
Kriteria Skor 1.
Kriteria
4
Dapat membuka notepad dan menulis tag dasar HTML dengan
benar.
Kriteria
3
Dapat membuka notepad dan menulis tag dasar HTML.
Kriteria
2
Dapat membuka notepad.
Kriteria
1
Tidak dapat membuka notepad dan menulis tag dasar HTML
Kriteria Skor 2.

13. Kriteria
4
Dapat menyimpan hasil penulisan tag dasar HTML dengan benar.
Kriteria
3
Dapat menyimpan hasil penulisan tag dasar HTML.
Kriteria
2
Dapat menyimpan.
Kriteria
1
Tidak dapat menyimpan hasil penulisan tag dasar HTML
Kriteria Skor 3.
Kriteria
4
Dapat membuka/memunculkan program dengan menggunakan
mozila/firefox serta cara yang benar.
Kriteria
3
Dapat membuka program dengan cara yang kurang benar.
Kriteria
2
Dapat membuka program.
Kriteria
1
Tidak dapat membuka program
Kriteria Skor 3.
Kriteria
4
Dapat membuka/memunculkan program dengan menggunakan
internet explore serta cara yang benar.
Kriteria
3
Dapat membuka program dengan cara yang kurang benar.
Kriteria
2
Dapat membuka program.
Kriteria
1
Tidak dapat membuka program
Mengetahui,
Kepala SMKN 5 Kab Tangerang
Drs. KAMSONO, M.Pd.
NIP. 196601192002121002
Mauk, 14 Juli 2014
Guru Mapel
LIDYA ARLINI, S.Kom
NIP. 198202042010012028
Kepala Program
Teknik Komputer dan Jaringan
EMAN SUHERMAN, S.Kom
NIP. -

14. RENCANA PELAKSANAAN PEMBELAJARAN
(RPP)
Nama Sekolah : SMKN 5 Kab Tangerang
Program Keahlian : Teknik Komputer & Jaringan
Mata Pelajaran : WEB DESIGN (MULOK)
Kelas / Semester : XII / Ganjil
Standar
Kompetensi
: Membuat dan mengembangkan web
Kompetensi Dasar :
3. Melakukan pembuatan halaman web dengan software web
design
Indikator :
 Objek web, menu, dan inter-face yang disediakan software
web beserta shorcutnya dikenali berdasarkan user manual
 Fitur pengelolaan file software web dapat digunakan
seperti: buat/ create/ new, simpan/ save, buka/open,
simpan dengan nama lain/ save as.
 Fasilitas siap pakai seperti wizard, libraries, atau template
pada software web dimanfaatkan untuk pembuatan web
sederhana.
 Pembuatan web dinamik dengan software web
 File halaman web dari software web disimpan dengan
format: html, dhtml, xml, dsb.
Alokasi Waktu : 7 X 45’
Tahun Pelajaran : 2014/2015
A. Tujuan Pembelajaran
1. Siswa mengetahui objek web, menu, dan inter-face yang disediakan software web
beserta shorcutnya dikenali berdasarkan user manual
2. Siswa mengetahui Fitur pengelolaan file software web dapat digunakan seperti:
buat/ create/ new, simpan/ save, buka/open, simpan dengan nama lain/ save as
3. Siswa dapat mengetahui Fasilitas siap pakai seperti wizard, libraries, atau template
pada software web dimanfaatkan untuk pembuatan web sederhana
4. Siswa dapat membuat web dinamik dengan software web
5. Siswa dapat membuat file halaman web dari software web disimpan dengan format:
html, dhtml, xml, dsb.
B. Materi Pokok Pembelajaran

15.  Objek web, menu dan interface software web
 Fitur pengelolaan file software web
 Fasilitas wizard, libraries atau wizard
 Teknik pembuatan web dinamik dengan software web
 Teknik penyimpanan file halaman web dinamik
C. Metode Pembelajaran
1. Ceramah 3. Tanyajawab
2. Demonstrasi 4. Praktik
D. Langkah-langkah Kegiatan Pembelajaran
Pertemuan 1.
Kegiatan Kegiatan Guru Kegiatan Siswa
Alokas
i
Waktu
Kegiatan
Awal
• Berdoa
• Absensi
• Menyampaikan Tujuan
Pembelajaran
• Apersepsi
• Berdoa
• Menjawab
• Mendengarkan
dan memahami
5
menit
Kegiatan
Inti
 Menjelaskan Objek web, menu,
dan inter-face yang disediakan
software web beserta
shorcutnya dikenali berdasarkan
user manual
 Fitur pengelolaan file software
web dapat digunakan seperti:
buat/ create/ new, simpan/ save,
buka/open, simpan dengan
nama lain/ save as.
• Memperhatikan
• Mendengarkan,
menanyakan,
mempraktekkan
80
menit
Kegiatan
Penutup
• Melakukan refleksi terhadap
pembelajaran yang sudah
dilakukan
• Bersama siswa menyimpulkan
dari materi pokok yang telah
dipelajari.
• Tugas rumah
• Menutup dengan berdoa
• Menjawab
• Menyampaikan
• Mencatat
• Berdoa
5
menit
Pertemuan 2.
Kegiatan Kegiatan Guru Kegiatan Siswa
Alokasi
Waktu
Kegiatan
Awal
• Berdoa
• Absensi
• Berdoa
• Menjawab
5
menit

16. • Menyampaikan Tujuan
Pembelajaran
• Apersepsi
• Mendengarkan
dan memahami
Kegiatan
Inti
Menjelaskan Fasilitas siap pakai
seperti wizard, libraries, atau
template pada software web
dimanfaatkan untuk pembuatan
web sederhana
• Memperhatikan
• Mendengarkan
, menanyakan,
mempraktikkan
80
menit
Kegiatan
Penutup
• Melakukan refleksi terhadap
pembelajaran yang sudah
dilakukan
• Bersama siswa menyimpulkan
dari materi pokok yang telah
dipelajari.
• Tugas rumah
• Menutup dengan berdoa
• Menjawab
• Menyampaikan
• Mencatat
• Berdoa
5
menit
Pertemuan 3.
Kegiatan Kegiatan Guru Kegiatan Siswa
Alokasi
Waktu
Kegiatan
Awal
• Berdoa
• Absensi
• Menyampaikan Tujuan
Pembelajaran
• Apersepsi
• Berdoa
• Menjawab
• Mendengarkan
dan memahami
5
menit
Kegiatan
Inti
• Mempraktekkan cara pembuatan
program html
• File halaman web siimpan
dengan format, HTML
• Memperhatikan
• Mendengarkan
, menanyakan,
mempraktikkan
• Mendengarkan
, menanyakan,
mempraktikkan
80
menit
Kegiatan
Penutup
• Melakukan refleksi terhadap
pembelajaran yang sudah
dilakukan
• Bersama siswa menyimpulkan
dari materi pokok yang telah
dipelajari.
• Tugas rumah
• Menutup dengan berdoa
• Menjawab
• Menyampaikan
• Mencatat
• Berdoa
5
menit
E. Sumber Belajar.
•Modul.
•Buku.

17. •Internet
F. Media Pembelajaran.
•LCD Projector.
•Screen Projector.
•PC (perangkat komputer)
G.Penilaian
• Tanya Jawab
• Tes Praktik
............................... NIP. ....................
INSTRUMEN PENILAIAN
Tanya jawab :
1. Apa yang kalian ketahui tentang HTML?
2. Jelaskan tag-tag ada ada pada HTML!
3. Jelaskan dasar-dasar HTML!
Lembar Nilai Tanya jawab
Nama : ..........................
No : ..........................
Kelas : ...............
No Pertanyaan
Poin
mak
Perolehan
poin
1 Apa yang kalian ketahui tentang HTML? 10
2 Jelaskan tag-tag ada ada pada HTML 10
3 Jelaskan dasar-dasar HTML 10
Perolehan nilai dirumuskan dengan formula :
Total perolehan poin
Jumlah Soal
Nilai =

18. Tes praktik.
Kerjakan program dibawah ini dan buat kesimpulan dari program yang dibuat!
<html>
<head>
<tittle>coba program HTML</tittle>
</head?
<body>
<h1>heading1</h1>
<h2>heading1</h2>
<h3>heading1</h3>
</body>
</html>
Lembar Nilai Uji Unjuk Kerja
Nama : ..........................
No : ..........................
Kelas : ...............
No Instrumen
Skor
Nilai
4 3 2 1
1 Cara buka notepad dan penulisan tag
dasar HTML
2 Penyimpanan Program
3 Pemunculan program dengan meng-
gunakan mozila
4 Pemunculan program dengan meng-
gunakan internet explore
Total Skor
Skor maksimal 4 x 4 = 16
Nilai untuk menguji indikator tersebut =
Total Skor
---------------------- x 10
Skor Maksimal
Kriteria Skor 1.

19. Kriteria
4
Dapat membuka notepad dan menulis tag dasar HTML dengan
benar.
Kriteria
3
Dapat membuka notepad dan menulis tag dasar HTML.
Kriteria
2
Dapat membuka notepad.
Kriteria
1
Tidak dapat membuka notepad dan menulis tag dasar HTML
Kriteria Skor 2.
Kriteria
4
Dapat menyimpan hasil penulisan tag dasar HTML dengan benar.
Kriteria
3
Dapat menyimpan hasil penulisan tag dasar HTML.
Kriteria
2
Dapat menyimpan.
Kriteria
1
Tidak dapat menyimpan hasil penulisan tag dasar HTML
Kriteria Skor 3.
Kriteria
4
Dapat membuka/memunculkan program dengan menggunakan
mozila/firefox serta cara yang benar.
Kriteria
3
Dapat membuka program dengan cara yang kurang benar.
Kriteria
2
Dapat membuka program.
Kriteria
1
Tidak dapat membuka program
Kriteria Skor 3.
Kriteria
4
Dapat membuka/memunculkan program dengan menggunakan
internet explore serta cara yang benar.
Kriteria
3
Dapat membuka program dengan cara yang kurang benar.
Kriteria
2
Dapat membuka program.
Kriteria
1
Tidak dapat membuka program

20. RENCANA PELAKSANAAN PEMBELAJARAN
(RPP)
Nama Sekolah : SMKN 5 Kab Tangerang
Program Keahlian : Teknik Komputer & Jaringan
Mata Pelajaran : WEB DESIGN (MULOK)
Kelas / Semester : XII / Ganjil
Standar
Kompetensi
: Membuat dan mengembangkan web
Kompetensi Dasar : 4. Mengedit informasi sesuai kebutuhan
Indikator :
 Links yang cacat atau gagal diperiksa untuk
menentukan penutupan situs atau tempat
situs baru
 Closed links disediakan dan dibuka situs
links baru jika memungkinkan
 Page links internal diperiksa dan diralat
sesuai kebutuhan
 Links yang tidak digunakan dihapus bila
perlu
 Dibuat revisi heading, tyographical dan
image yang diperlukan
 Disisipkan halaman tambahan yang
diperlukan, memastikan links dibuat dengan
benar dalam struktur situs
 Saran pada personil terkait bila diperlukan
button, interface atau desaign navigasi baru
untuk membuat materi tambahan
Alokasi Waktu : 5 X 45’
Tahun Pelajaran : 2014/2015
A. Tujuan Pembelajaran
 Siswa mengetahui Links yang cacat atau gagal diperiksa untuk menentukan
penutupan situs atau tempat situs baru
Mengetahui,
Kepala SMKN 5 Kab Tangerang
Drs. KAMSONO, M.Pd.
NIP. 196601192002121002
Mauk, 14 Juli 2014
Guru Mapel
LIDYA ARLINI, S.Kom
NIP. 198202042010012028
Kepala Program
Teknik Komputer dan Jaringan
EMAN SUHERMAN, S.Kom
NIP. -

21.  Siswa dapat mengetahui Closed links disediakan dan dibuka situs links baru jika
memungkinkan
 Siswa dapat membuat Page links internal diperiksa dan diralat sesuai kebutuhan
 Siswa dapat membuat Links yang tidak digunakan dihapus bila perlu
 Siswa dapat membuat revisi heading, tyographical dan image yang diperlukan
B. Materi Pokok Pembelajaran
 Pengubahan konten/isi halaman web
 Pengaturan ulang tampilan /layout halaman web
C. Metode Pembelajaran
1. Ceramah 3. Tanyajawab
2. Demonstrasi 4. Praktik
D. Langkah-langkah Kegiatan Pembelajaran
Pertemuan 1.
Kegiatan Kegiatan Guru Kegiatan Siswa
Alokas
i
Waktu
Kegiatan
Awal
• Berdoa
• Absensi
• Menyampaikan Tujuan
Pembelajaran
• Apersepsi
• Berdoa
• Menjawab
• Mendengarkan
dan memahami
5
menit
Kegiatan
Inti
 Menjelaskan Objek web, menu,
dan inter-face yang disediakan
software web beserta
shorcutnya dikenali berdasarkan
user manual
 Fitur pengelolaan file software
web dapat digunakan seperti:
buat/ create/ new, simpan/ save,
buka/open, simpan dengan
nama lain/ save as.
• Memperhatikan
• Mendengarkan,
menanyakan,
mempraktekkan
80
menit
Kegiatan
Penutup
• Melakukan refleksi terhadap
pembelajaran yang sudah
dilakukan
• Bersama siswa menyimpulkan
dari materi pokok yang telah
dipelajari.
• Tugas rumah
• Menutup dengan berdoa
• Menjawab
• Menyampaikan
• Mencatat
• Berdoa
5
menit
Pertemuan 2.

22. Kegiatan Kegiatan Guru Kegiatan Siswa
Alokasi
Waktu
Kegiatan
Awal
• Berdoa
• Absensi
• Menyampaikan Tujuan
Pembelajaran
• Apersepsi
• Berdoa
• Menjawab
• Mendengarkan
dan memahami
5
menit
Kegiatan
Inti
Menjelaskan Fasilitas siap pakai
seperti wizard, libraries, atau
template pada software web
dimanfaatkan untuk pembuatan
web sederhana
• Memperhatikan
• Mendengarkan
, menanyakan,
mempraktikkan
80
menit
Kegiatan
Penutup
• Melakukan refleksi terhadap
pembelajaran yang sudah
dilakukan
• Bersama siswa menyimpulkan
dari materi pokok yang telah
dipelajari.
• Tugas rumah
• Menutup dengan berdoa
• Menjawab
• Menyampaikan
• Mencatat
• Berdoa
5
menit
Pertemuan 3.
Kegiatan Kegiatan Guru Kegiatan Siswa
Alokasi
Waktu
Kegiatan
Awal
• Berdoa
• Absensi
• Menyampaikan Tujuan
Pembelajaran
• Apersepsi
• Berdoa
• Menjawab
• Mendengarkan
dan memahami
5
menit
Kegiatan
Inti
• Mempraktekkan cara pembuatan
program html
• File halaman web siimpan
dengan format, HTML
• Memperhatikan
• Mendengarkan
, menanyakan,
mempraktikkan
• Mendengarkan
, menanyakan,
mempraktikkan
80
menit
Kegiatan
Penutup
• Melakukan refleksi terhadap
pembelajaran yang sudah
dilakukan
• Bersama siswa menyimpulkan
dari materi pokok yang telah
dipelajari.
• Tugas rumah
• Menutup dengan berdoa
• Menjawab
• Menyampaikan
• Mencatat
• Berdoa
5
menit

23. E. Sumber Belajar.
•Modul.
•Buku.
•Internet
F. Media Pembelajaran.
•LCD Projector.
•Screen Projector.
•PC (perangkat komputer)
G.Penilaian
• Tanya Jawab
• Tes Praktik
............................... NIP. ....................
INSTRUMEN PENILAIAN
Tanya jawab :
1. Apa yang kalian ketahui tentang HTML?
2. Jelaskan tag-tag ada ada pada HTML!
3. Jelaskan dasar-dasar HTML!
Lembar Nilai Tanya jawab
Nama : ..........................
No : ..........................
Kelas : ...............
No Pertanyaan
Poin
mak
Perolehan
poin
1 Apa yang kalian ketahui tentang HTML? 10
2 Jelaskan tag-tag ada ada pada HTML 10
3 Jelaskan dasar-dasar HTML 10
Perolehan nilai dirumuskan dengan formula :

24. Tes praktik.
Kerjakan program dibawah ini dan buat kesimpulan dari program yang dibuat!
<html>
<head>
<tittle>coba program HTML</tittle>
</head?
<body>
<h1>heading1</h1>
<h2>heading1</h2>
<h3>heading1</h3>
</body>
</html>
Lembar Nilai Uji Unjuk Kerja
Nama : ..........................
No : ..........................
Kelas : ...............
No Instrumen
Skor
Nilai
4 3 2 1
1 Cara buka notepad dan penulisan tag
dasar HTML
2 Penyimpanan Program
3 Pemunculan program dengan meng-
gunakan mozila
4 Pemunculan program dengan meng-
gunakan internet explore
Total Skor
Skor maksimal 4 x 4 = 16
Nilai untuk menguji indikator tersebut =
Total Skor
---------------------- x 10
Skor Maksimal
Total perolehan poin
Jumlah Soal
Nilai =

25. Kriteria Skor 1.
Kriteria
4
Dapat membuka notepad dan menulis tag dasar HTML dengan
benar.
Kriteria
3
Dapat membuka notepad dan menulis tag dasar HTML.
Kriteria
2
Dapat membuka notepad.
Kriteria
1
Tidak dapat membuka notepad dan menulis tag dasar HTML
Kriteria Skor 2.
Kriteria
4
Dapat menyimpan hasil penulisan tag dasar HTML dengan benar.
Kriteria
3
Dapat menyimpan hasil penulisan tag dasar HTML.
Kriteria
2
Dapat menyimpan.
Kriteria
1
Tidak dapat menyimpan hasil penulisan tag dasar HTML
Kriteria Skor 3.
Kriteria
4
Dapat membuka/memunculkan program dengan menggunakan
mozila/firefox serta cara yang benar.
Kriteria
3
Dapat membuka program dengan cara yang kurang benar.
Kriteria
2
Dapat membuka program.
Kriteria
1
Tidak dapat membuka program
Kriteria Skor 3.
Kriteria
4
Dapat membuka/memunculkan program dengan menggunakan
internet explore serta cara yang benar.
Kriteria
3
Dapat membuka program dengan cara yang kurang benar.
Kriteria
2
Dapat membuka program.
Kriteria
1
Tidak dapat membuka program

26. RENCANA PELAKSANAAN PEMBELAJARAN
(RPP)
Nama Sekolah : SMKN 5 Kab Tangerang
Program Keahlian : Teknik Komputer & Jaringan
Mata Pelajaran : WEB DESIGN (MULOK)
Kelas / Semester : XII / Ganjil
Standar
Kompetensi
: Membuat dan mengembangkan web
Kompetensi Dasar :
5. Menguji dan memastikan perubahan-
perubahan
Indikator :
 Semua links yang valid diperiksa sebelum
meminta klien memeriksa semua perubahan
content dan mengkonfirmasikan bahwa
perubahan tersebut valid
 Klien disediakan laporan lengkap mengenai
semua perubahan yang dibuat
Alokasi Waktu : 5 X 45’
Tahun Pelajaran : 2014/2015
A. Tujuan Pembelajaran
 Siswa mengetahui Links yang cacat atau gagal diperiksa untuk menentukan
penutupan situs atau tempat situs baru
 Siswa dapat mengetahui Closed links disediakan dan dibuka situs links baru jika
memungkinkan
 Siswa dapat membuat Page links internal diperiksa dan diralat sesuai kebutuhan
 Siswa dapat membuat Links yang tidak digunakan dihapus bila perlu
 Siswa dapat membuat revisi heading, tyographical dan image yang diperlukan
Mengetahui,
Kepala SMKN 5 Kab Tangerang
Drs. KAMSONO, M.Pd.
NIP. 196601192002121002
Mauk, 14 Juli 2014
Guru Mapel
LIDYA ARLINI, S.Kom
NIP. 198202042010012028
Kepala Program
Teknik Komputer dan Jaringan
EMAN SUHERMAN, S.Kom
NIP. -

27. B. Materi Pokok Pembelajaran
 Pengubahan konten/isi halaman web
 Pengaturan ulang tampilan /layout halaman web
C. Metode Pembelajaran
1. Ceramah 3. Tanyajawab
2. Demonstrasi 4. Praktik
D. Langkah-langkah Kegiatan Pembelajaran
Pertemuan 1.
Kegiatan Kegiatan Guru Kegiatan Siswa
Alokas
i
Waktu
Kegiatan
Awal
• Berdoa
• Absensi
• Menyampaikan Tujuan
Pembelajaran
• Apersepsi
• Berdoa
• Menjawab
• Mendengarkan
dan memahami
5
menit
Kegiatan
Inti
 Menjelaskan Objek web, menu,
dan inter-face yang disediakan
software web beserta
shorcutnya dikenali berdasarkan
user manual
 Fitur pengelolaan file software
web dapat digunakan seperti:
buat/ create/ new, simpan/ save,
buka/open, simpan dengan
nama lain/ save as.
• Memperhatikan
• Mendengarkan,
menanyakan,
mempraktekkan
80
menit
Kegiatan
Penutup
• Melakukan refleksi terhadap
pembelajaran yang sudah
dilakukan
• Bersama siswa menyimpulkan
dari materi pokok yang telah
dipelajari.
• Tugas rumah
• Menutup dengan berdoa
• Menjawab
• Menyampaikan
• Mencatat
• Berdoa
5
menit
Pertemuan 2.
Kegiatan Kegiatan Guru Kegiatan Siswa
Alokasi
Waktu
Kegiatan
Awal
• Berdoa
• Absensi
• Menyampaikan Tujuan
• Berdoa
• Menjawab
• Mendengarkan
5
menit

28. Pembelajaran
• Apersepsi
dan memahami
Kegiatan
Inti
Menjelaskan Fasilitas siap pakai
seperti wizard, libraries, atau
template pada software web
dimanfaatkan untuk pembuatan
web sederhana
• Memperhatikan
• Mendengarkan
, menanyakan,
mempraktikkan
80
menit
Kegiatan
Penutup
• Melakukan refleksi terhadap
pembelajaran yang sudah
dilakukan
• Bersama siswa menyimpulkan
dari materi pokok yang telah
dipelajari.
• Tugas rumah
• Menutup dengan berdoa
• Menjawab
• Menyampaikan
• Mencatat
• Berdoa
5
menit
Pertemuan 3.
Kegiatan Kegiatan Guru Kegiatan Siswa
Alokasi
Waktu
Kegiatan
Awal
• Berdoa
• Absensi
• Menyampaikan Tujuan
Pembelajaran
• Apersepsi
• Berdoa
• Menjawab
• Mendengarkan
dan memahami
5
menit
Kegiatan
Inti
• Mempraktekkan cara pembuatan
program html
• File halaman web siimpan
dengan format, HTML
• Memperhatikan
• Mendengarkan
, menanyakan,
mempraktikkan
• Mendengarkan
, menanyakan,
mempraktikkan
80
menit
Kegiatan
Penutup
• Melakukan refleksi terhadap
pembelajaran yang sudah
dilakukan
• Bersama siswa menyimpulkan
dari materi pokok yang telah
dipelajari.
• Tugas rumah
• Menutup dengan berdoa
• Menjawab
• Menyampaikan
• Mencatat
• Berdoa
5
menit
E. Sumber Belajar.
•Modul.
•Buku.
•Internet

29. F. Media Pembelajaran.
•LCD Projector.
•Screen Projector.
•PC (perangkat komputer)
G.Penilaian
• Tanya Jawab
• Tes Praktik
...............................
NIP. ....................
INSTRUMEN PENILAIAN
Tanya jawab :
1. Apa yang kalian ketahui tentang HTML?
2. Jelaskan tag-tag ada ada pada HTML!
3. Jelaskan dasar-dasar HTML!
Lembar Nilai Tanya jawab
Nama : ..........................
No : ..........................
Kelas : ...............
No Pertanyaan
Poin
mak
Perolehan
poin
1 Apa yang kalian ketahui tentang HTML? 10
2 Jelaskan tag-tag ada ada pada HTML 10
3 Jelaskan dasar-dasar HTML 10
Perolehan nilai dirumuskan dengan formula :
Total perolehan poin
Jumlah Soal
Nilai =

30. Tes praktik.
Kerjakan program dibawah ini dan buat kesimpulan dari program yang dibuat!
<html>
<head>
<tittle>coba program HTML</tittle>
</head?
<body>
<h1>heading1</h1>
<h2>heading1</h2>
<h3>heading1</h3>
</body>
</html>
Lembar Nilai Uji Unjuk Kerja
Nama : ..........................
No : ..........................
Kelas : ...............
No Instrumen
Skor
Nilai
4 3 2 1
1 Cara buka notepad dan penulisan tag
dasar HTML
2 Penyimpanan Program
3 Pemunculan program dengan meng-
gunakan mozila
4 Pemunculan program dengan meng-
gunakan internet explore
Total Skor
Skor maksimal 4 x 4 = 16
Nilai untuk menguji indikator tersebut =
Total Skor
---------------------- x 10
Skor Maksimal

31. Kriteria Skor 1.
Kriteria
4
Dapat membuka notepad dan menulis tag dasar HTML dengan
benar.
Kriteria
3
Dapat membuka notepad dan menulis tag dasar HTML.
Kriteria
2
Dapat membuka notepad.
Kriteria
1
Tidak dapat membuka notepad dan menulis tag dasar HTML
Kriteria Skor 2.
Kriteria
4
Dapat menyimpan hasil penulisan tag dasar HTML dengan benar.
Kriteria
3
Dapat menyimpan hasil penulisan tag dasar HTML.
Kriteria
2
Dapat menyimpan.
Kriteria
1
Tidak dapat menyimpan hasil penulisan tag dasar HTML
Kriteria Skor 3.
Kriteria
4
Dapat membuka/memunculkan program dengan menggunakan
mozila/firefox serta cara yang benar.
Kriteria
3
Dapat membuka program dengan cara yang kurang benar.
Kriteria
2
Dapat membuka program.
Kriteria
1
Tidak dapat membuka program
Kriteria Skor 3.
Kriteria
4
Dapat membuka/memunculkan program dengan menggunakan
internet explore serta cara yang benar.
Kriteria
3
Dapat membuka program dengan cara yang kurang benar.
Kriteria
2
Dapat membuka program.
Kriteria
1
Tidak dapat membuka program

32. Mengetahui,
Kepala SMKN 5 Kab Tangerang
Drs. KAMSONO, M.Pd.
NIP. 196601192002121002
Mauk, 14 Juli 2014
Guru Mapel
LIDYA ARLINI, S.Kom
NIP. 198202042010012028
Kepala Program
Teknik Komputer dan Jaringan
EMAN SUHERMAN, S.Kom
NIP. -