P. 1
Web Statis Dasar

Web Statis Dasar

|Views: 553|Likes:
Published by Winda Melisa

More info:

Published by: Winda Melisa on Nov 04, 2011
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOC, PDF, TXT or read online from Scribd
See more
See less

08/21/2013

pdf

text

original

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

• 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. • • . 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.KOMPETENSI DASAR 2.

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. JPEG. JPEG. buku pedoman perusahaan) Menempatkan Posisi setiap elemen pada halaman Indent teks dan list (ordered. 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. unordered. dan nested) Menyisipkan gambar disisipkan (GIF. unordered.KOMPETENSI DASAR 3. 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 • • • • • • • • • • • • • • • • • • . buku pedoman perusahaan) Menyisipkan gambar disisipkan (GIF. 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.

KOMPETENSI DASAR 4. Menguji dokumen. 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 4 (8) • • • • • Rasa ingin tahu Kreatif Kerja Keras Mandiri 7. • Pembuatan dokumen web • Membuat web • • Menjalankan dokumen web Menganalisa hasil pembuatan web • • Program sederhana Program dokumen sederhana 4 4 (8) • • • • • • Rasa ingin tahu Kreatif Kerja Keras Mandiri . 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 3 6 (9) • • • • • Rasa ingin tahu Kreatif Kerja Keras Mandiri 6.

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->