11. menguasai dasar2 pembuatan web statis tingkat dasar.doc

KURIKULUM SMK NEGERI 1 SURABAYA 2011

SILABUSNAMA SEKOLAH : SMK Negeri 1 SurabayaMATA PELAJARAN : Menguasai dasar-dasar pembuatan WEB statis tingkat DasarKELAS/SEMESTER : X / 1STANDAR KOMPETENSI : Menguasai dasar-dasar pembuatan WEB statis tingkat DasarKODE KOMPETENSI : 070.KK.11ALOKASI WAKTU : 54 X 45 Menit

KOMPETENSI DASAR

INDIKATORMATERI

PEMBELAJARANKEGIATAN PEMBELAJARAN PENILAIAN

ALOKASI WAKTU SUMBER

BELAJARTM PS PI

1. Menjelaskan konsep dasar dan tehnologi dari webpage

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 dijelaskanKegunaan dari dokumen dan audiens diidentifikasi

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)

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.

Mengidentifikasi kegunaan dari dokumen dan audiens

32 14(2) 8(4)

KOMPETENSI KEAHLIAN :SILABUS –KOMPETENSI KEJURUAN

REKAYASA PERANGKAT LUNAK Halaman 1 dari 5


KOMPETENSI DASAR

INDIKATORMATERI



BELAJARTM PS PI

2. Menjelaskan struktur dokumen HTML

Bahasa HTML yang tepat yang akan digunakan pada dokumen dan audiens ditetapkan pengguna dirancang

Site map dokumen dikem-bangkan dan dikonfirmasikan dengan klien

Struktur dasar dokumen sesuai persyaratan 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.

Menetapkan bahasa HTML yang tepat yang akan digunakan pada dokumen dan audiens

Membuat program sederhana dari script dasar

Merancang struktur dasar dokumen sesuai persyaratan pengguna Site map dokumen dikembangkan dan dengan klien

Mengetahui scriptdasar HTML Mengkonfirmasikan Dokumen HTML

dengan Head dan title Body pada dokumen, teks dan paragraf

sesuai kebutuhan ditambahkan Menlengkapi 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.

Program sederhana

Program dokumen se derhana

2 4(8) 8(16) Buku HTML Dasar

E-book HTML

Komputer Modul ajar jobsheet




KOMPETENSI DASAR

INDIKATORMATERI



BELAJARTM PS PI

3. Menambahkan objek pada Web

Teks diformat untuk memenuhi persyaratan penyajian pengguna

Background warna atau gambar yang sesuai menurut persyaratan pengguna ( logo peru-sahaan, 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

Skala gambar dan perataan pada dokumen di format

Format teks dengan HTML

Pemberian Background dan warna pada dokumen

Menempatkan objek pada bidang desain

Mempormat Teks untuk memenuhi persyaratan penyajian pengguna

Memasang Background warna atau gambar yang sesuai menurut persyaratan pengguna ( logo peru-sahaan, 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

Program sederhana campuran dari materi 3

Contoh program insert object (gambar dan teks)

2 4(8) 8(16) Buku HTML Dasar

E-book HTML

Komputer Modul ajar jobsheet




KOMPETENSI DASAR

INDIKATORMATERI



BELAJARTM PS PI

4.Membuat table pada Web.

.Memahami penggunaan tag TABLE untuk membuat table

Penggunaan tag TABLE Mendesain layout web dengan TABLE Menggunakan tag TABLE untuk

membuat BUKU TAMU

sketsa disain untuk web

5 Membuat link pada Web

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.

Pemilihan teks editor dan browser

Kinerja WEB Browser Desain layout

halaman WEB

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.

sketsa disain untuk web

Bukub Pemrograman HTML

Komputer Buku

membuat halaman WEB dengan Frontpage

6.Menyimpan dan menguji dokumen

Proses pembuatan Web sesuai dengan standar operasi aplikasi dilakukan

Web yang dibuat tampil dilayar sesuai dengan disain

Data yang tersedia tampil di layar Web

Proses pembuatan Web sesuai dengan standar operasi aplikasi

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

Kompilasi program

Hasil Web standar

4 4(8)

7. Menampilkan Web dalam browser

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

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 file-file 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

Kompilasi program

Hasil Web standar

4 4(8) Bukub Pemrograman HTML

Komputer Buku

membuat halaman WEB dengan Frontpage



11. menguasai dasar2 pembuatan web statis tingkat dasar.doc

Documents