NO
|
KODE
|
PEMBAHASAN
|
1
|
WEB-01
|
TEKNOLOGI APLIKASI WEB
|
Ø Profesi dalam pengembangan aplikasi web
Ø Sejarah dan cara kerja web
Ø Alur pengembangan aplikasi web
Ø
Perangkat
pengembangan aplikasi web
|
http://www.blognazcules.com/2014/11/profesi-pengembangan-aplikasi-web.html
http://masteryuda.blogspot.co.id/2013/03/sejarah-dan-perkembangan-website.html
http://www.blognazcules.com/2014/11/alur-pengembangan-aplikasi-web.html
http://jaringweb.blogspot.co.id/2015/08/perangkat-pengembangan-aplikasi-web.html
|
2
|
WEB-02
|
FORMAT TEKS HALAMAN WEB
|
Ø Anatomi dokumen web
Ø Pemformatan teks dan paragrap
Ø Pembuatan list minimal
Ø Pembuatan list kombinasi
|
http://htmlcssguides.com/belajar-html
|
3
|
WEB-03
|
FORMAT TABEL HALAMAN WEB
|
Ø
Anatomi tabel
minimal
Ø
Tabel dengan
spanning
Ø
Tabel di dalam
tabel
Ø
Desain halaman web
dengan konsep tabel
|
http://creativitywhitoutlimits.blogspot.co.id/2012/11/membuat-tabel-di-html.html
http://smkmuhamka.sch.id/v2014/upload/Modul%20Tabel.docx
|
4
|
WEB-04
|
MULTIMEDIA PADA HALAMAN WEB
|
Ø
Format tampilan
gambar
Ø
Format tampilan
file audio
Ø
Format tampilan
file video dan animasi
Ø
Format tampilan
gambar dengan map
|
http://liansmudas.blogspot.co.id/p/multimedia-pada-halaman-web.html
http://bertzzie.com/knowledge/desain-web-dasar/Multimedia.html
|
5
|
WEB-05
|
HYPERLINK HALAMAN WEB
|
Ø Anatomi link
Ø Format link antar isi pada satu halaman web
Ø Format link antar halaman web untuk membentuk sitemap
Ø Format target link, email dan telepon
|
http://liansmudas.blogspot.co.id/p/hyperlink-halaman-web.html
http://usmanbahtiar.com/cara-membuat-linkhyperlink-antar-halamanwebsite-lain-dan-email/
|
6
|
WEB-06
|
FORMULIR HALAMAN WEB
|
Ø Anatomi dan cara kerja form
Ø Format formulir
Ø Komponen entri teks (input teks password, dan
input multiline) pada formulir halaman web
Ø
Komponen
entri pilihan (input file, radio, checkbox, select dan datalist) pada
formulir halaman web
|
http://rino-onir.blogspot.co.id/2014/03/form-dan-element-form-dalam-html.html
|
7
|
WEB-07
|
STYLE HALAMAN WEB
|
Ø
Cara kerja dan
anatomi Cascading Style Sheet
Ø
Style pada teks
Ø
Style pada
multimedia
Ø
Style pada tabel
Ø
Style pada formulir
|
http://www.cmsplaza.com/cms-blog-article/tutorial-tip-website/71-belajar-dan-memahami-dasar-dasar-code-css.html
http://kipotlea.blogspot.co.id/2011/03/properti-properti-pada-css-beserta.html
|
8
|
WEB-08
|
TEKNIK PEMROGRAMAN HALAMAN WEB
|
Ø
Anatomi dan cara
kerja kode javascript
Ø
Dasar pemrograman
client (variabel, tipe data, operator)
Ø
Array dimensi 1 dan
multidimensi
Ø
Struktur kontrol
percabangan pada program client
Ø
Struktur kontrol
perulangan pada program client
Ø
Fungsi bawaan dan
buatan user pada program client
|
http://sekarnaviola.blogspot.co.id/2015/05/laporan-pratikum-1.html
http://seputarti.com/php/tutorial-php-dasar-untuk-pemula.html
http://idasofia-belajarbersama.blogspot.co.id/2014/01/membuat-database-di-phpmyadmin-dengan.html
|
9
|
WEB-09
|
PENGOLAHAN INPUT USER
|
Ø Akses komponen form (proses dan validasi input)
Ø Navigasi halaman melalui kode program client
Ø Perubahan format style melalui kode progarm client
|
|