SILABUS
NAMA SEKOLAH MATA PELAJARAN KELAS/SEMESTER STANDAR KOMPETENSI KODE KOMPETENSI ALOKASI WAKTU KOMPETENSI DASAR
1. Menetapkan pemakaian dan struktur dokumen
: : : : : :
MATERI PEMBELAJARAN
TM
2
PS
4 (8)
PI
SUMBER BELAJAR
Buku HTML Dasar E-book HTML Komputer Modul ajar jobsheet
Kegunaan dari dokumen dan audiens Bahasa HTML Struktur dasar penulisan dokumen Site map dokumen dikembangkan dan dengan klien
Mengidentifikasi kegunaan dari dokumen dan audiens Menetapkan bahasa HTML yang tepat yang akan digunakan pada dokumen dan audiens Merancang struktur dasar dokumen sesuai persyaratan pengguna Mengetahui scriptdasar HTML
Kegunaan dari dokumen dan audiens diidentifikasi Bahasa HTML yang tepat yang akan digunakan pada dokumen dan audiens ditetapkan Struktur dasar dokumen sesuai persyaratan pengguna dirancang Site map dokumen dikem-bangkan dan dikonfirmasika n dengan klien
KOMPETENSI DASAR
2. Membuat struktur dokumen dengan bahasa HTML
MATERI PEMBELAJARAN
KEGIATAN PEMBELAJARAN
INDIKATOR
TM
2
PS
4 (8)
PI
8 (32)
Dokumen HTML dengan Head dan title Body pada dokumen, teks dan paragraf sesuai kebutuhan ditambahkan
Melengkapi dokumen HTML dengan Head dan title Membuat program sederhana dari script dasar
Dokumen HTML dilengkapi dengan Head dan title Body pada dokumen dibuat, teks dan paragraf sesuai kebutuhan ditambahkan Format dokumen menarik dan mudah dibaca dibuat Simbol khusus pada browser/ platform ditambahkan dan ditampilkan secara tepat Dokumen disimpan sesuai dengan penamaan standar.
Membuat Body pada dokumen Menambahkan teks dan paragraf sesuai kebutuhan Format dokumen menarik dan mudah Dokumen penamaan standar. Medesain Format dokumen menarik dan mudah dibaca dibuat Penambahan simbol khusus pada browser/ platform Mengatur itampilan secara tepat Penyimpanan dokumen disimpan sesuai dengan penamaan standar.
KOMPETENSI DASAR
3. Memformat dokumen dan menambahkan obyek
MATERI PEMBELAJARAN
Format teks dengan HTML Pemberian Background dan warna pada dokumen Menempatkan objek pada bidang desain
KEGIATAN PEMBELAJARAN
Mempormat Teks untuk memenuhi persyaratan penyajian pengguna Memasang Background warna atau gambar yang sesuai menurut persyaratan pengguna ( logo perusahaan, buku pedoman perusahaan) Menempatkan Posisi setiap elemen pada halaman Indent teks dan list (ordered, unordered, dan nested) Wrap teks di sekitar gambar digunakan atau jarak di sekitar Skala gambar dan perataan pada dokumen di format Membuat setiap elemen pada halaman dibuat lebih menarik Membuat Indent teks dan list (ordered, unordered, dan nested) Menyisipkan gambar disisipkan (GIF, JPEG, atau embedded image) Mempormat dokumen sesuai persyaratan Menambahkan Wrap teks di sekitar gambar Menambahkan jarak di sekitar gambar Mempormat skala gambar dan perataan pada dokumen
INDIKATOR
Teks diformat untuk memenuhi persyaratan penyajian pengguna Background warna atau gambar yang sesuai menurut persyaratan pengguna ( logo perusahaan, buku pedoman perusahaan) dipasang Posisi setiap elemen pada halaman dibuat lebih menarik Indent teks dan list (ordered, unordered, dan nested) dibuat Gambar disisipkan (GIF, JPEG, atau embedded image) dan dokumen diformat sesuai persyaratan Wrap teks di sekitar gambar digunakan atau ditambahkan jarak di sekitar gambar
TM
4
PS
4 (8)
PI
8 (32)
NAMA SEKOLAH MATA PELAJARAN KELAS/SEMESTER STANDAR KOMPETENSI KODE KOMPETENSI : ALOKASI WAKTU KOMPETENSI DASAR
1. Menjelaskan konsep dasar dan teknologi dari Webpage.
: : : : :
................................. Kompetensi Kejuruan Menerapkan dasar-dasar pembuatan web statis tingkat dasar
TIK.PR02.027.01
MATERI PEMBELAJARAN
Konsep dan teknologi web Konsep klien dan server pada teknologi WEB Kapasitas Bandwidth dan kulaitas tampilan halaman WEB Pemilihan software aplikasi perancangan web Perbandingan local server dan remote server (hosting provider)
INDIKATOR
Konsep-konsep dan teknologi web dijelaskan (web Server, URL, HTTP, HTML, Web browser , gateway Perbedaan antara klien dan server dijelas. Cara bagaimana bandwidth mempengaruhi transmisi data dan gambar pada layar dijelaskan. Ciri-ciri dan fungsi dari software teks editor yang tersedia untuk merancang web page dibandingkan Keuntungan dan kerugian running dari server yang dimiliki dibandingkan server provider dijelaskan.
PENILAIAN
Kompilasi program
TM
4
PS
4 (8)
PI
SUMBER BELAJAR
Bukub Pemrograma n HTML Komputer Buku membuat halaman WEB dengan Frontpage
KOMPETENSI DASAR
2. Mempersiapkan pekerjaan pembuatan web
MATERI PEMBELAJARAN
Pemilihan teks editor dan browser Kinerja WEB Browser Desain layout halaman WEB
KEGIATAN PEMBELAJARAN
Mengidentifikasi software teks editor dan browser sesuai dengan kebutuhan Mempersiapkan software beroperasi sesuai dengan standar operasi software Membuat Area kerja untuk membuat dokumen web Mempersiapkan sketsa disain untuk web yang akan dibuat sudah disiapkan Menyediakan data yang akan ditampilkan di Web Menyiapkan area kerja untuk membuat dokumen web baru. Memanagemen langkah langkah Proses pembuatan Web sesuai dengan standar operasi aplikasi Membandingkan Web yang dibuat tampilan dilayar sesuai dengan disain Menampilkan data yang tersedia di layar Web
INDIKATOR
Software teks editor dan browser sesuai dengan kebutuhan diidentifikasi Software beroperasi sesuai dengan standar operasi software Sketsa disain untuk web yang akan dibuat sudah disiapkan Data yang akan ditampilkan di Web tersedia Area kerja untuk membuat dokumen web baru sudah disiapkan.
TM
4
PS
4 (8)
PI
Proses pembuatan Web sesuai dengan standar operasi aplikasi dilakukan Web yang dibuat tampil dilayar sesuai dengan disain Data yang tersedia tampil di layar Web
8 (16)
Bukub Pemrograma n HTML Komputer Buku membuat halaman WEB dengan Frontpage
KOMPETENSI DASAR
4. Menampilkan Web dalam browser
MATERI PEMBELAJARAN
KEGIATAN PEMBELAJARAN
INDIKATOR
TM
4
PS
4 (8)
PI
-
Format URL (Uniform Resource Locator) Peran dari browser dalam membaca file-file Perbandingan lokasi browser
Membuat tampilan Format URL (Uniform Resource Locator) Mendemonstrasikan Peran dari browser dalam membaca filefile Web (text-only, hypertext) dengan mengakses ke URL tertentu melalui menu yang tersedia Mengatahui macam-macam browser web Mengetahui Peran dari browser dalam membaca file-file Web (text-only, hypertext) dengan mengakses ke URL tertentu melalui menu yang tersedia Mengidentifikasi perbedaan browser yang mempengaruhi tampilan dari halaman web Mengetahui Perbedaan browser mem-pengaruhi tampilan dari halaman web
Format URL (Uniform Resource Locator) dijelaskan Peran dari browser dalam membaca file-file Web didemonstrasikan (text-only, hypertext) dengan mengakses ke URL tertentu melalui menu yang tersedia Perbedaan browser mempengaruhi tampilan dari halaman web dapat diidentifikasi
Keterangan
TM PS PI : Tatap Muka : Praktek di Sekolah (2 jam praktik di sekolah setara dengan 1 jam tatap muka) : Praktek di Industri (4 jam praktik di Du/ Di setara dengan 1 jam tatap muka)