HTML CSS
HTML CSS
C. Tujuan Pembelajaran
terhadap halaman
website
H. Penilaian
1. Penilaian sikap
2. Penilaian pengetahuan
A. Materi Pembelajaran
1. Anatomi website
Halaman web dihasilkan oleh teks dokumen sederhana yang disebut dengan
“source document”. File berisi teks yang disertai tanda (tag) khusus (dikenali dengan
> dan <) yang mendeskripsikan masing-masing elemen pada halaman.
Menambahkan tag deskriptif pada sebuah dokumen teks dikenal dengan istilah
“marking up”. Halaman web menggunakan bahasa markup yang disebut Hypertext
Markup Language (HTML). HTML menggambarkan berbagai macam elemen
dokumen seperti paragraf, format huruf, dan link.
2. Format teks
Teks dalam dokumen web dapat diformat secara khusus untuk menunjukan
perbedaan dan penekanan terhadapa isidan maksud dari teks tersebut.Pembedaan
ditampilkan dalam bentuk huruf tebal,miring( italic ),digaris bawahi,dan semacamnya.
3. List
Dalam pembuatan sebuah dokumen, list (daftar) merupakan sebuah hal yang
tidak dapat dihindari. Daftar mengenai berbagai hal selalu dapat ditemukan dalam
penulisan dokumen. Resep masakan memiliki daftar bahan yang diperlukan, serta
langkah-langkah memasak yang harus diikuti. Penunjuk jalan memiliki daftar tempat
yang dapat dituju, sesuai dengan arah yang akan diambil. Seorang mahasiswa yang
ingin memilih mata kuliah akan dihadapkan dengan daftar mata kuliah. Banyaknya
kegunaan daftar ini menjadikan HTML memberikan sekumpulan elemen khusus untuk
membuat daftar.
Terdapat tiga daftar utama yang dapat dibuat dengan HTML, yaitu:
1. Unordered List (Daftar Tidak Terurut), seperti namanya, memungkinkan kita
untuk membuat daftar dari hal-hal yang tidak memiliki urutan tertentu.
2. Ordered List (Daftar Terurut), kembali lagi, sesuai namanya, memberikan
kita fasilitas untuk membuat daftar hal-hal yang harus diurutkan dengan benar.
3. Definition List (Daftar Definisi), digunakan untuk membuat daftar definisi dari
istilah-istilah yang ada dalam dokumen, digunakan terutama untuk glosarium
dan indeks.
B. Tugas Diskusi
Tugas Kelompok A
Silakan cari tahu format tampilan pada paragraf!
Tugas Kelompok B
Silakan cari tau format list pada website!
C. Penilaian
1. Penilaian Sikap
a. Teknik Penilaian : Pengamatan
b. Bentuk Instrumen
Lembar Pengamatan Sikap
No Aspek Skor (1-4)
1 Tanggung Jawab
Berupaya menyelesaikan seluruh tugas yang diberikan
Menggunakan waktu secara efisien untuk mengerjakan
seluruh tugas
Melaporkan setiap peristiwa yang memerlukan
penanganan guru
2 Disiplin
Hadir tepat waktu
Mengikuti seluruh proses pembelajaran
Selesai tepat waktu
3 Kerja sama
Tidak mengganggu siswa lain
Membantu mempersiapkan dan merapikan peralatan
pembelajaran
c. Pedoman Penilaian
1) Penskoran
Skor 4, memenuhi semua indikator
Skor 3, memenuhi sebagian besar indikator
Skor 2, memenuhi sebagian kecil indikator
Skor 1, memenuhi satu indikator
2) Pengolahan skor
Skor maksimum : 12
Skor perolehan siswa : SP
Nilai sikap : SP/12 x 4
Rentang nilai sikap :
Nilai Predikat Nilai Sikap
2. Penilaian Pengetahuan
a. Teknik Penilaian : Ujian Tulis
b. Bentuk Instrumen
Soal Ujian Tulis
1. Sebutkan apa saja format teks paragraf!
2. Sebutkan tipe-tipe list pada dokumen web!
3. Jelaskan antomi dokumen web!
c. Pedoman Penilaian
Skor maksimum : 100
Skor perolehan siswa : SP
Nilai Pengetahuan : SP/10
3. Observasi
Lembar Observasi
No Nama Aspek yang dinilai Skor/jumlah
Siswa 1 2 3 4 5 6
Keterangan:
1. Kedisplinan 5. Kedisplinan
2. Kerjasama 6. Kepedulian
3. Menghargai dengan sesama 7. Keaktifan
4. Kejujuran
Penskoran: Jumlah Skor
A. Tidak baik skor 1 24-30 = Sangat baik
B. Kurang baik skor 2 18-23 = Baik
C. Cukup baik skor 3 12-17 = Cukup
D. Baik skor 4 6-11 = Kurang
E. Sangat baik skor 5
4. Portofolio
No Aspek yang diukur Skor
1 2 3 4
Keterangan :
1 = Tidak Pernah 3 = Sering
2 = Kadang-Kadang 4 = Selalu
Pengolahan Nilai :
Skor yang dicapai peserta didik dapat diolah menjadi nilai sebagai berikut
N = (Skor pencapaian : Skor maksimal) x 100
Menyetujui,
Kepala Sekolah
(…………………..)