SILABUS

NAMA SEKOLAH : SMK Negeri 2 Pekanbaru MATA PELAJARAN : Web Design KELAS/SEMESTER : XII/ I STANDAR KOMPETENSI : Menerapkan dasar-dasar pembuatan web statis tingkat dasar KODE KOMPETENSI : ALOKASI WAKTU : 21 X 45 Menit ALOKASI WAKTU TM
Menjelaskan Konsep-konsep dan teknologi web (web Server, URL, HTTP, HTML, Web browser , gateway ) Mengetahui Cara bagaimana bandwidth mempengaruhi transmisi data dan gambar pada layer Menjelaskan perbedaan antara klien dan server Menjelaskan cara bagaimana bandwidth mempengaruhi transmisi data dan gambar pada layer Membandingkan ciri-ciri dan fungsi dari software teks editor yang tersedia untuk merancang web page Menjelaskan keuntungan dan kerugian running dari server yang dimiliki dibandingkan server provider. Mengetahui Keuntungan dan kerugian running dari server yang dimiliki dibandingkan server provider. Menjelaskan konsep-konsep dan teknologi web dijelaskan (web Server, URL, HTTP, HTML, Web browser , gateway Mengetahui perbedaan antara klien dan server dijelas. Menjelaskan cara bagaimana bandwidth mempengaruhi transmisi data dan gambar pada layar dijelaskan. Membandinngkan ciri-ciri dan fungsi dari software teks editor yang tersedia untuk merancang web page dibandingkan Mengetahui keuntungan dan kerugian running dari server yang dimiliki dibandingkan server provider dijelaskan. Kompilasi program Teori 4

KOMPETENSI DASAR
1. Menjelaskan konsep dasar dan teknologi Webpage

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)

KEGIATAN PEMBELAJARAN

INDIKATOR

PENILAIAN

PS
4 (8)

PI
-

SUMBER BELAJAR

KARAKTER

Buku Rasa ingin tahu b Pemrograman HTML Kom puter Buku membuat halaman WEB dengan Frontpage

KOMPETENSI DASAR
2. Menjelaskan struktur dokumen HTML

MATERI PEMBELAJARAN
Kegunaan dari dokumen HTML Bahasa HTML Bahasa HTML Struktur dasar penulisan dokumen Program sederhana Site map dokumen dikembangkan dan dengan klien

KEGIATAN PEMBELAJARAN

INDIKATOR
Mengidentifikasi kegunaan dari dokumen HTML Mengatahui scrip tdasar HTML Menetapkan bahasa HTML yang tepat yang akan digunakan pada dokumen Merancang struktur dasar dokumen sesuai persyaratan pengguna Membuat program sederhana dari script dasar Mengkonfirmasikan Site map dokumen dikembangkan dan dengan klien

PENILAIAN
Program sederhana Program dokumen sederhana 2

ALOKASI WAKTU TM PS
2 (4)

PI

SUMBER BELAJAR
Buku HTML Dasar E-book HTML Komputer Modul ajar jobsheet

KARAKTER
Rasa ingin tahu Kreatif Mandiri Kerja Keras

Melengkapi dokumen HTML dengan

Head dan title

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. Menambahkan objek pada web

MATERI PEMBELAJARAN
Format teks dengan HTML Background dan warna pada dokumen 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
Memformat Teks untuk memenuhi persyaratan penyajian pengguna Memasang Background warna atau gambar yang sesuai menurut persyaratan pengguna ( logo peru-sahaan, buku pedoman perusahaan) Menyisipkan gambar disisipkan (GIF, JPEG, atau embedded image) serta Memformat skala gambar dan perataan pada dokumen

PENILAIAN
Program sederhana campuran dari materi 3 Contoh program insert object (gambar dan teks) 2

ALOKASI WAKTU TM PS
4 (8)

PI
8 (32)

SUMBER BELAJAR
Buku HTML Dasar E-book HTML Komputer Modul ajar jobsheet

KARAKTER
Rasa ingin tahu Kreatif Kerja Keras

KOMPETENSI DASAR
4. Membuat tabel pada web

MATERI PEMBELAJARAN
Tabel pada web

KEGIATAN PEMBELAJARAN
Membuat tag table Merancang tampilan dengan menggunakan table Membuat web sederhana dengan menambahkan table

INDIKATOR
Membuat tabel pada web Memformat dan merancang tabel pada web

PENILAIAN
Program sederhana Program dokumen sederhana 2

ALOKASI WAKTU TM PS
4 (8)

PI

SUMBER BELAJAR
Buku HTML Dasar E-book HTML Komputer Modul ajar jobsheet Buku HTML Dasar E-book HTML Komputer Modul ajar jobsheet Buku HTML Dasar E-book HTML Komputer Modul ajar jobsheet Buku HTML Dasar E-book HTML Komputer Modul ajar jobsheet

KARAKTER
Rasa ingin tahu Kreatif Kerja Keras

5. Membuat Link pada web

Link pada web

Menjelaskan pengertian dan pembagian link Memahami pembagian jenisjenis link Membuat jenis-jenis link

Menjelaskan fungsi dan jenis link pada web Membuat macam-macam link pada web

Program sederhana Program dokumen sederhana

6 (9)

Rasa ingin tahu Kreatif Kerja Keras Mandiri

6. Menyimpan dokumen

Penyimpanan dokumen web

Menjelaskan cara penyimpanan web yang benar Menyimpan web dan file-file web

Membuat dokumen web Menyimpan dokumen web

Program sederhana Program dokumen sederhana

4 (8)

Rasa ingin tahu Kreatif Kerja Keras Mandiri

7. Menguji dokumen.

Pembuatan dokumen web

Membuat web

Menjalankan dokumen web Menganalisa hasil pembuatan web

Program sederhana Program dokumen sederhana

4 (8)

Rasa ingin tahu Kreatif Kerja Keras Mandiri