RENCANA PELAKSANAAN PEMBELAJARAN

(RPP)
Mata Pelajaran

: Pemrograman HTML

Kelas/ Semester

: XI (sebelas)/ 1 (satu)

Standar Kompetensi

: 11 Menerapkan Dasar-dasar Pembuatan Web Statis Tingkat Dasar

Kompetensi Dasar

: 11.1 Menjelaskan konsep dasar dan teknologi webpage

Indikator

: - Konsep dasar dan teknologi webpage didefinisikan dengan jelas

- Konsep dasar dan teknologi web dijelaskan dan dipahami dengan benar

Alokasi Waktu

: 1 (2x45 menit)

A. Tujuan Pembelajaran
Peserta didik diharapkan dapat:

Menjelaskan dan mendefinisikan pengertian web

Membedakan jenis-jenis web statis dan dinamis
Membedakan jenis-jenis browser dari aspek kelebihan dan kekurangannya
Menjelaskan standar teknologi web
B. Materi Pembelajaran
Konsep dasar dan teknologi web
C. Metode Pembelajaran
Ceramah
Tanyajawab
Diskusi
Praktek
Penugasan dengan metode pendekatan model CTL, Life skill dan tutor sebaya
D. Langkah-langkah Kegiatan Pembelajaran
Pertemuan Pertama

1. Kegiatan Pendahuluan

Menanyakan kepada peserta didik tentang pengertian web dan jenis-jenis browser

Menyampaikan tujuan pembelajaran

-1-

2. Kegiatan Inti

Peserta didik mengamati macam-macam tampilan web design

Peserta didik mengamati macam-macam browser

Mencari berbagai informasi yang dibutuhkan dari sebuah website

Membedakan jenis-jenis kategori web statis dan dinamis

Mengidentifikasi aplikasi pengembang(pembuat) web

3. Kegiatan Penutup

Melakukan refleksi bersama terhadap pembelajaran yang sudah dilakukan

Menarik kesimpulan tentang pembelajaran teknologi web

E. Sumber Belajar
Perangkat Komputer, internet, Buku paket, Modul, Lembar kerja, article-article, Infocust dll.

F. Penilaian
1. Teknik
Tes tertulis/lisan

2. Bentuk Instrumen
Uraian/pertanyaan

3. Soal/ Instrumen
a. Sebutkan macam-macam web browser/browser yang anda ketahui?
b. Sebutkan jenis-jenis file web yang termasuk kedalam :
o Web statis
o Web dinamis
c. Sebutkan contoh-contoh URL yang anda ketahui?
d. Sebutkan beberapa aplikasi pengembang(pembuat) web?

Mengetahui:

Sumedang,

Kepala SMK Informatika,

September 2009

Guru Bidang Studi

-2-

E.Sulyati, Dra,.M.Pd.

Jejen Awaludin, S.Kom.

-3-

RENCANA PELAKSANAAN PEMBELAJARAN

(RPP)
Mata Pelajaran

: Pemrograman HTML

Kelas/ Semester

: XI (sebelas)/ 1 (satu)

Standar Kompetensi

: 11 Menerapkan Dasar-dasar Pembuatan Web Statis Tingkat Dasar

Kompetensi Dasar

: 11.2 Menjelaskan stuktur dokumen HTML

Indikator

: - Pengertian HTML didefinisikan dan dipahami dengan jelas

- Struktur dokumen HTML difahami dengan benar
- <tag> HTML untuk pengaturan teks, pembutan list difahami dengan benar

Alokasi Waktu

: 3 (2x45 menit)

A. Tujuan Pembelajaran
Peserta didik diharapkan dapat:

Menjelaskan pengertian HTML

Memahami struktur dasar HTML
Memahami fungsi script / <tag> dasar HTML
Membuat halaman web dengan menerapkan script / tag dasar HTML
B. Materi Pembelajaran
Pengertian dan struktur dokumen HTML
<tag> dasar HTML

Title

Body
Page Aribut Body (bgcolor, color, background, link, vlink, dll).

Paragrap Baru <P>

Baris Baru <BR>

Font <FONT>

Base Font <BASEFONT>

Garis Horizontal <HR>

List (<OL>,<UL> dan <DL>)

Preformated Text <FRE>

Kode Warna

-4-

C. Metode Pembelajaran
Ceramah
Tanyajawab
Diskusi
Praktek
Penugasan dengan metode pendekatan model CTL, Life skill dan tutor sebaya
D. Langkah-langkah Kegiatan Pembelajaran
Pertemuan Pertama

1. Kegiatan Pendahuluan

Menanyakan kepada peserta didik tentang pengertian HTML dan kepanjangannya

Menyampaikan tujuan pembelajaran

2. Kegiatan Inti

Membuat struktur dasar HTML

Menjelaskan fungsi Title dan Body

Melakukan pengaturan Body dengan atribut-atributnya

o Background
o Bgcolor
o Link, Vlink, Alink, dll

Menjelaskan pengaturan kode warna dengan : (bhs.ing / hexadecimal)

3. Kegiatan Penutup

Melakukan refleksi bersama terhadap pembelajaran yang sudah dilakukan

Menarik kesimpulan tentang penggunaan struktur dasar HTML

Pertemuan Kedua

1. Kegiatan Pendahuluan

Menanyakan kepada peserta didik tentang pembelajaran sebelumnya

Menyampaikan tujuan pembelajaran

2. Kegiatan Inti
-5-

Menjelaskan langkah-langkah editing teks pada halaman HTML

Menjelaskan fungsi paragraf dan penerapan fungsi tag<P>

Menjelaskan penggunaan baris baru<BR> dan <NOBR>

Melakukan pengaturan huruf <FONT> dan atribut-atributnya berupa:

o Size
o Color
o Face dll

Menjelaskan dan menerapkan pendefinisian default text berupa :

o Bold <B>
o Italic <I>
o Underline <U>
o <FRE> dll

Menbuat garis horizontal <HR> dan atributnya: (size, width, align dan NoShade)

3. Kegiatan Penutup

Melakukan refleksi bersama terhadap pembelajaran yang sudah dilakukan

Menarik kesimpulan tentang editing teks pada script HTML

Pertemuan ketiga

1. Kegiatan Pendahuluan

Menanyakan kepada peserta didik tentang penjelasan-penjelasan pertemuan sebelumnya

Menyampaikan tujuan pembelajaran

2. Kegiatan Inti

Menjelaskan pengertian daftar/list

Membuat daftar item dengan tanda bullet (symbol) beserta tipe-tipe simbol yang
digunakannya

Membuat item definition list (istilah-istilah)

Melakukan format tampilan asli <FRE>

3. Kegiatan Penutup

Melakukan refleksi bersama terhadap pembelajaran yang sudah dilakukan

Menarik kesimpulan tentang daftar pengguanaan list

E. Sumber Belajar
-6-

Perangkat Komputer, internet, Buku paket, Modul, Lembar kerja, article-article, Infocust dll.

F. Penilaian
1. Teknik
Tes tertulis

2. Bentuk Instrumen
Uraian

3. Soal/ Instrumen
a. Buatlah struktur dasar HTML?
b. Sebutkan fungsi tag font beserta atribut-atribut dari tag font tersebut?
c. Sebutkan beberapa atribut basefont?
d. Lakukan langkah-langkah untuk membuat daftar list dengan menerapkan fungsi (<OL>, <UL> dan
<DL>)?

Mengetahui:

Sumedang,

September 2009

Kepala SMK Informatika,

Guru Bidang Studi

E.Sulyati, Dra,.M.Pd.

Jejen Awaludin, S.Kom.

-7-

RENCANA PELAKSANAAN PEMBELAJARAN

(RPP)
Mata Pelajaran

: Pemrograman HTML

Kelas/ Semester

: XI (sebelas)/ 1 (satu)

Standar Kompetensi

: 11 Menerapkan Dasar-dasar Pembuatan Web Statis Tingkat Dasar

Kompetensi Dasar

: 11.3 Menambahkan objek pada web

Indikator

: - Penyisipan objek dijelaskan dengan benar

- Penyisipan objek pada dokumen HTML diterapkan dengan benar

Alokasi Waktu

: 1 (2x45 menit)

A. Tujuan Pembelajaran
Peserta didik diharapkan dapat:

Menjelaskan objek-objek yang disisipkan pada page HTML

Mengidentifikasi kelemahan dan kelebihan objek tertentu apabila disisipkan pada dokumen HTML
Menerapkan jenis objek image(gambar) dengan berbagai jenis file image yang suport pada dokumen
HTML

Menerapkan/ menyisipkan jenis objek seperti Java Applet, Audio, Video, dan AktiveX
B. Materi Pembelajaran
<Tag> HTML untuk menyisipkan objek

Image, tipe file image dan atribut-atribut image

Java Applet, Audio, Video dan AktiveX

C. Metode Pembelajaran
Ceramah
Tanyajawab
Diskusi
Praktek
Penugasan dengan metode pendekatan model CTL, Life skill dan tutor sebaya
D. Langkah-langkah Kegiatan Pembelajaran
Pertemuan Pertama

1. Kegiatan Pendahuluan

-8-

Menanyakan kepada peserta didik tentang beberapa jenis objek yang dapat disisipkan pada
dokumen HTML

Menyampaikan tujuan pembelajaran

2. Kegiatan Inti

Menyisipkan objek image dengan menerapkan atribut-atribut image beserta tipe dan jenis file
image yang digunakan

Melakukan langkah-langkah sederhana dalam menyisipkan objek lain berupa Audio, Video,
dan AktiveX

Menyisipkan script Java Applet pada dokument HTML

3. Kegiatan Penutup

Melakukan refleksi bersama terhadap pembelajaran yang sudah dilakukan

Menarik kesimpulan tentang teknik menerapkan objek

E. Sumber Belajar
Perangkat Komputer, internet, Buku paket, Modul, Lembar kerja, article-article, Infocust dll.

F. Penilaian
1. Teknik
Tes tertulis

2. Bentuk Instrumen
Uraian

3. Soal/ Instrumen
a. Sebutkan macam-macam objek yang dapat disisipkan pada sebuah halaman HTML tanpa
mengurangi kinerja proses halaman web tersebut?

b. Buat <tag>HTML untuk menyisipkan image beserta atribut-atributnya?

c. Bauat contoh script sederhana Java Applet yang disisipkan pada sebuah dokumen HTML?

Mengetahui:

Sumedang,

September 2009

Kepala SMK Informatika,

Guru Bidang Studi

E.Sulyati, Dra,.M.Pd.

Jejen Awaludin, S.Kom.

-9-

- 10 -

RENCANA PELAKSANAAN PEMBELAJARAN

(RPP)
Mata Pelajaran

: Pemrograman HTML

Kelas/ Semester

: XI (sebelas)/ 1 (satu)

Standar Kompetensi

: 11 Menerapkan Dasar-dasar Pembuatan Web Statis Tingkat Dasar

Kompetensi Dasar

: 11.4 Membuat tabel pada web

Indikator

: - <Tag>HTML untuk membuat tabel dijelaskan dengan benar

- <Tag> HTML untuk membuat tabel diterapkan dalam dokumen HTML
dengan benar

Alokasi Waktu

: 2 (2x45 menit)

A. Tujuan Pembelajaran
Peserta didik diharapkan dapat:

Mengetahui fungsi tabel beserta baris dan kolomnya

Melakukan pengaturan-pengaturan tabel, baris, dan kolomnya
Mengerti fungsi rowspan dan colspan
Membuat <tag>Tabel serta menyisipkan beberapa tag non tabel kedalam kom-kolomnya
B. Materi Pembelajaran
Siswa mencari sumber tentang <tag>HTML untuk membuat tabel
Siswa mengetahui <tag>HTML untuk membuat tabel
Siswa mendemontrasikan penerapan <tag>HTML dalam pembuatan tabel
C. Metode Pembelajaran
Ceramah
Tanyajawab
Diskusi
Praktek
Penugasan dengan metode pendekatan model CTL, Life skill dan tutor sebaya
D. Langkah-langkah Kegiatan Pembelajaran
Pertemuan Pertama

A. Kegiatan Pendahuluan

Menanyakan kepada peserta didik tentang fungsi dari tabel, baris dan kolom

- 11 -

Menyampaikan tujuan pembelajaran

B. Kegiatan Inti

Menjelaskan fungsi tabel, baris dan kolom

Membuat tag tabel sederhana dengan berbagai cara dan variasi yang dapat dilakukan

Menerapkan atribut-atribut tabel berupa border, align, valign, background dlsb.

C. Kegiatan Penutup

Melakukan refleksi bersama terhadap tatacara pembuatan tabel sederhana

Menarik kesimpulan tentang berbagai jenis cara yang bisa dilakukan dalam pembuatan tabel

Pertemuan Kedua

A. Kegiatan Pendahuluan

Motivasi dan apersepsi (dideskripsikan)

B. Kegiatan Inti

Membuat tabel lebih komplek dengan menerapkan atribut pada tabel, baris dan kolomnya

Melakukan penggunaan colspan dan rowspan pada kolom dan baris

Memasukan tag-tag lain pada suatu kolom berupa : teks, objek, link dlsb

C. Kegiatan Penutup

Melakukan refleksi bersama terhadap pembelajaran yang sudah dilakukan

Menarik kesimpulan tentang pembuatan tabel beserta memasukan tag-tag lain kedalamnya

D. Sumber Belajar
Perangkat Komputer, internet, Buku paket, Modul, Lembar kerja, article-article, Infocust dll.
Penilaian

1. Teknik
Unjuk kerja

2. Bentuk Instrumen
Uji prosedur

3. Soal/ Instrumen
Uji prosedur
Instrumen

Skala

Nilai

Kuantitatif

[(jml.skor/32])
X 10]

- 12 -

Praktikanlah cara membuat tabel dan memasukan atribut-atribut kedalamnya berupa:

1
Bgcolor, background
2

Align, valign

width, height

Rowspan, colspan

Praktikanlah cara mebuat tabel dengan memasukan tag-tag lain kedalam kolomnya
berupa:
1

Images

Garis horizontal

Garis horizontal, tag <font> dan <basefont>

Tabel anak yang baru

Jumlah

Mengetahui:

Sumedang,

September 2009

Kepala SMK Informatika,

Guru Bidang Studi

E.Sulyati, Dra,.M.Pd.

Jejen Awaludin, S.Kom.

- 13 -

RENCANA PELAKSANAAN PEMBELAJARAN

(RPP)
Mata Pelajaran

: Pemrograman HTML

Kelas/ Semester

: XI (sebelas)/ 1 (satu)

Standar Kompetensi

: 11 Menerapkan Dasar-dasar Pembuatan Web Statis Tingkat Dasar

Kompetensi Dasar

: 11.5 Membuat link pada web

Indikator

: - <Tag>HTML untuk membuat link dijelaskan dengan benar

- <Tag>HTML untuk membuat link diterapkan dalam dokumen HTML
dengan benar

Alokasi Waktu

: 1 (2x45 menit)

A. Tujuan Pembelajaran
Peserta didik diharapkan dapat:

Membuat link/ penghubung antara satu halaman dengan halaman yang lain
Membuat link/ penghubung ke URL/ website
Membuat link/ penghubung ke e-mail
Membuat link/ penghubung dalam satu dokumen
Membuat link/ penghubung ke file/image
B. Materi Pembelajaran
<tag>HTML untuk membuat link
Link dalam suatu dokumen (anchor)
Link antar dokumen
Link ke URL yang sudah ada
Link ke e-mail
Link ke file/image
C. Metode Pembelajaran
Ceramah
Tanyajawab
Diskusi
Praktek
Penugasan dengan metode pendekatan model CTL, Life skill dan tutor sebaya

- 14 -

D. Langkah-langkah Kegiatan Pembelajaran

Pertemuan Pertama

1. Kegiatan Pendahuluan

Menanyakan beberapa contoh alamat website/ URL favorit yang ada diinternet

Menyampaikan tujuan pembelajaran

2. Kegiatan Inti

Membuat link dari satu dokumen ke dokumen yang lainnya

Membuat link ke alamat URL

Membuat link ke e-mail

Melakukan link ke file dan image (pendownloadan file)

Melakukan link dari dokumen yang sama

3. Kegiatan Penutup

Melakukan refleksi bersama terhadap pembelajaran yang sudah dibahas

Menarik kesimpulan tentang link/ penghubung

E. Sumber Belajar
Perangkat Komputer, internet, Buku paket, Modul, Lembar kerja, article-article, Infocust dll.

F. Penilaian
1. Teknik
Tes tertulis

2. Bentuk Instrumen
Uraian

3. Soal/ Instrumen
a. Buatlah tag link/ penghubung dari suatu halaman ke halaman yang lainnya?
b. Buatlah tag link/ penghubung ke URL/ website dan e-mail?
c. Buatlah tag link/ penghubung ke image?
d. Buatlah tag link/ penghubung dalam satu dokumen?
e. Buatlah tag link/ penghubung ke file?
Mengetahui:

Sumedang,

Kepala SMK Informatika,

September 2009

Guru Bidang Studi

- 15 -

E.Sulyati, Dra,.M.Pd.

Jejen Awaludin, S.Kom.

- 16 -

RENCANA PELAKSANAAN PEMBELAJARAN

(RPP)
Mata Pelajaran

: Pemrograman HTML

Kelas/ Semester

: XI (sebelas)/ 1 (satu)

Standar Kompetensi

: 11 Menerapkan Dasar-dasar Pembuatan Web Statis Tingkat Dasar

Kompetensi Dasar

: 11.6 Menyimpan dokumen

Indikator

: - Langkah-langkah penyimpanan dokumen web dijelaskan dengan benar

- Tipe file dokumen web difahami dengan benar

Alokasi Waktu

: 1 (2x45 menit)

A. Tujuan Pembelajaran
Peserta didik diharapkan dapat:

Memahami tipe file dokumen web yang digunakan

Memahami langkah-langkah penyimpanan dan pengurutan dokumen web yang baik dan benar
B. Materi Pembelajaran
Langkah penyimpanan dokumen web dan tipe file web
C. Metode Pembelajaran
Ceramah
Tanyajawab
Diskusi
Praktek
Penugasan dengan metode pendekatan model CTL, Life skill dan tutor sebaya
D. Langkah-langkah Kegiatan Pembelajaran
Pertemuan Pertama

1. Kegiatan Pendahuluan

Menanyakan kepada peserta didik tentang pembuatan folder penyimpanan lokasi folder
dan tipe file web

Menyampaikan tujuan pembelajaran

2. Kegiatan Inti

Peserta didik mengamati langkah-langkah penyimpanan dokumen web

Melakukan pengurutan penyimpanan dokumen web kedalam sebuah folder dan sub folder

- 17 -

Melakukan editing script HTML setelah dilakuknnya pengubahan penyimpanan lokasi

folder

Memahami tipe/jenis file web yang digunakan

Melakukan pengkopian dan penyimpanan dokumen web kedalam sebuah komputer server,
lokalhost, atau webspace (web hosting)

3. Kegiatan Penutup

Melakukan refleksi bersama terhadap pembelajaran yang sudah dilakukan

Menarik kesimpulan tentang tatacara penyimpanan dokumen atau uploading web

E. Sumber Belajar
Perangkat Komputer, internet, Buku paket, Modul, Lembar kerja, article-article, Infocust dll.

F. Penilaian
1. Teknik
Unjuk kerja

2. Bentuk Instrumen
Uji prosedur

3. Soal/ Instrumen
Uji prosedur
Instrumen

Skala

Nilai

Kuantitatif

[(jml.skor/16])
X 10]

Praktikanlah cara penyimpanan dokumen web kedalam sebuah folder dan sub

folder !
Praktikanlah cara penyimpanan folder yang berisi dokumen web kedalam

komputer server !
Praktikanlah cara penyimpanan folder yang berisi dokumen web kedalam

komputer localhost !
Lakukanlah editing beberapa tag link dan image setelah dilakunnya

pengubahan folder yang berbeda atau berbeda nama?

Jumlah

Mengetahui:

Sumedang,

Kepala SMK Informatika,

September 2009

Guru Bidang Studi

- 18 -

E.Sulyati, Dra,.M.Pd.

Jejen Awaludin, S.Kom.

- 19 -

RENCANA PELAKSANAAN PEMBELAJARAN

(RPP)
Mata Pelajaran

: Pemrograman HTML

Kelas/ Semester

: XI (sebelas)/ 1 (satu)

Standar Kompetensi

: 11 Menerapkan Dasar-dasar Pembuatan Web Statis Tingkat Dasar

Kompetensi Dasar

: 11.7 Menguji dokumen

Indikator

: - Pengujian dokumen web dilakukan dengan benar

Alokasi Waktu

: 1 (2x45 menit)

A. Tujuan Pembelajaran
Peserta didik diharapkan dapat:

Melakukan pengujian dokumen web yang benar

Melakukan pengujian dokumen dan pengecekan pada beberapa browser yang berbeda
Melakukan pengujian dokumen web pada suatu browser dengan tampilan resolusi graphic monitor/
VGA yang berbeda-beda

Melakukan pengecekan kesalahan dan kekurangan script yang tidak sempurna

Melakukan pengecekan pada S.O yang berbeda baik berupa handpond atau non windows
Melakukan perbandingan terhadap design web yang telah profesional/sesungguhnya yang sempurna.
B. Materi Pembelajaran
Konsep pengujian dokumen web
C. Metode Pembelajaran
Ceramah
Tanyajawab
Diskusi
Praktek
Penugasan dengan metode pendekatan model CTL, Life skill dan tutor sebaya
D. Langkah-langkah Kegiatan Pembelajaran
Pertemuan Pertama

1. Kegiatan Pendahuluan

Menanyakan kepada peserta didik tentang beberapa contoh web browser

Menyampaikan tujuan pembelajaran

- 20 -

2. Kegiatan Inti

Melakukan pengujian dokumen dan pengecekan pada beberapa browser yang berbeda

Melakukan pengujian dokumen web pada suatu browser dengan tampilan resolusi graphic
monitor/ VGA yang berbeda-beda

Melakukan pengecekan kesalahan dan kekurangan script yang tidak sempurna

Melakukan pengecekan pada S.O yang berbeda baik berupa handpond atau non windows

3. Kegiatan Penutup

Melakukan refleksi bersama terhadap teknik pengujian dokumen web pada browser dan S.O yang
berbeda

Menarik kesimpulan tentang pengujian dokumen web yang baik dan benar

Menarik kesimpulan pada keseluruhan materi yang telah diberikan sebelumnya

Memotivasi siswa tenatang pembuatan design web yang berkwalitas dan frofesional

E. Sumber Belajar
Perangkat Komputer, internet, Buku paket, Modul, Lembar kerja, article-article, Infocust dll.

F. Penilaian
1. Teknik
Observasi

2. Bentuk Instrumen
Lembar observasi

3. Soal/ Instrumen
Observasi
Instrumen

Skala

Nilai

Kuantitatif

[(jml.skor/16])
X 10]

Carilah dan tunjukan 5 (lima) web browser yang anda ketahui ?

Bukalah hasil dokumen web yang telah dibuat pada beberapa web browser yang

berbeda-beda
Tunjukan hasil dokumen web yang telah dibuat dari S.O yang berbera seperti:

Hanphond
Linux/Unix
Jumlah

Mengetahui:

Sumedang,
- 21 -

September 2009

Kepala SMK Informatika,

Guru Bidang Studi

E.Sulyati, Dra,.M.Pd.

Jejen Awaludin, S.Kom.

- 22 -