10 Kurang sempurna dalam menjelaskan
fungsi tag html
Purworejo, ................ Guru Pembimbing
Tri Wibowo, S.Kom. Mahasiswa PPL
Azis Amirulbahar
Modul Siswa Struktur Dasar HTML
HTML atau Hypertext Marksup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Untuk membuka
suatu halam web, diperlukan browser. Browser adalah sebuah aplikasi perangkat lunak yang digunakan untuk menampilkan halaman Web.
Contoh Browser adalah Internet Explorer,Opera, Mozilla Firefox, Google Chrome,dll
Dalam penggunaannya, sebagian besar kode HTML harus terletak di antara tag kontainer. Yaitu diawali dengan namatag dan diakhiri dengan namatag terdapat tanda .
Struktur dasar dokumen HTML berisi elemen-elemen atau tag sebagai berikut:
html head
titleJudul FormCaptiontitle head
body ISI WEB
body html
Keterangan:
html .. html Mendefinisikan bahwa teks yang berada diantara kedua
tag tersebut adalah file HTML.
head .. head Sebagai informasi page header. Di dalam tag ini kita bisa
meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE META.
title .. title Sebagai titel atau judul halamanform. Kalimat yang
terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda pada title bar.
body .. body Mendefinisikan teks beserta formatnya yang hendak
ditampilkan sebagai isi halaman web. Di dalam tag ini bisa diletakkan berbagai page attribute seperti bgcolor,
background, text, link, vlink, alink, leftmargin dan topmargin.
Memulai Membuat Halaman Web:
1. Buka notepad
2. “i pa doku e , de ga klik FILE → “AVE A“
Di bagia save as type pilih All Files ke udia di file a e,ta bahka .html tanpa spasi.kemudian pilih Save.
3. Ketikkan kode HTML seperti di bawah ini:
4. Jika sudah selesai,silakan disimpan. Dengan pilih menu
File→Save 5.
Buka My Computer kemudian cari file latihan1.html yang telah disimpan
6. Double klik pada latihan1.html
7. Hasilnya:
RENCANA PELAKSANAAN PEMBELAJARAN RPP
Satuan Pendidikan : SMK
Nama Sekolah : SMK BATIK PERBAIK PURWOREJO
Mata Pelajaran : Pemrograman Web
KelasSemester : X1
Topik : Format Teks Halaman Web
Waktu : 4 x 40 menit
Jumlah Pertemuan : 8
Pertemuan ke : 2 dan 3
A. Kompetensi Inti
1. Menghayati dan mengamalkan ajaran agama yang dianutnya. 2. Menghayati dan mengamalkan perilaku jujut, disiplin, tanggungjawab, peduli
gotong royong, kerjasama, toleran, damai, santun, responsif dan pro-aktif dan menunjukkan sikap sabagai bagian dari solusi atas berbagai permasalahan dalam
berinteraksi secara efektif dengan lingkungan sosial dan alam serta dalam menmpatkan diri sebagai cerminan bangsa dalam pergaulan dunia.
3. Memahami, menerapkan, menganalisis pengetahuan faktual, konseptual, prosedural berdasarkan rasa ingin tahunya tentang ilmu pengetahuan, teknologi,
seni, budaya, dan humaniora dengan wawasan kemanusiaan, kebangsaan, kenegaraan, dan peradaban terkait penyebab fenomena dan kejadian, serta
menerapkan pengetahuan prosedural pada bidang kajian yang spesifik sesuai dengan bakat dan minatnya untuk memecahkan masalah.
4. Mengolah, menalar, dan menyaji dalam ranah konkret dan ranah abstrak terkait dengan pengembangan dari yang dipelajarinya di sekolah secara mandiri, dan
mempu menggunakan metode sesuai kaidah keilmuan.
B. Kompetensi Dasar
1.1 Memahami nilai-nilai keimanan dengan menyadari hubungan keteraturan dan kompleksitas alam dan jagad raya terhadap kebesaran Tuhan yang
menciptakannya.
1.2 Mendeskripsikan kebesaran Tuhan yang menciptakan berbagai sumber energi di alam
1.3 Mengamalkan nilai-nilai keimanan sesuai dengan ajaran agama dalam kehidupan sehari-hari.
2.1 Menunjukkan perilaku ilmiah memiliki rasa ingin tahu; objektif; jujur; teliti; cermat; tekun; hati-hati; bertanggung jawab; terbuka; kritis; kreatif; inovatif dan
peduli lingkungan dalam aktivitas sehari-hari sebagai wujud implementasi sikap dalam melakukan percobaan dan berdiskusi
2.2 Menghargai kerja individu dan kelompok dalam aktivitas sehari-hari sebagai wujud implementasi melaksanakan percobaan dan melaporkan hasil percobaan
3.2 Memahami format teks pada halaman web 4.2 Menyajikan teks dalam format tertentu pada halaman web
C. Indikator Pencapaian Kompetensi
1. Bersifat jujur dalam proses aktivitas pembelajaran. 2. Selalu memulai kegiatan dengan doa.
3. Terlibat aktif dalam pembelajaran. 4. Memahami berbagai format heading pada halaman web.
5. Memahami berbagai format paragraph pada halaman web. 6. Menyajikan format teks heading pada halaman web.
7. Menyajikan format teks paragraf pada halaman web.
D. Tujuan Pembelajaran
Selama dan setelah proses pembelajaran diharapkan siswa mampu: 1. Menerapkan tag heading pada halaman web.
2. Menerapkan tag paragraph pada halaman web. 3. Menyajikan tag heading pada html.
4. Menyajikan tag paragraph pada html.
E. Materi Pembelajaran
1. Tag heading 2. Tag paragraph
3. Tag br
F. Metode Pembelajaran
1. Metode :
Demonstrasi
2. Model : Cooperative learning
G. Kegaiatan Pembelajaran
Pertemuan ke-2 Kegiatan
Deskripsi Alokasi
Waktu
Pendahuluan 1. Guru memberikan salam dan menginstruksikan
siswa untuk berdoa dengan dipimpin oleh salah satu murid.
2. Absensi. 3. Menyiapkan siswa secara psikis dan fisik untuk
mengikuti proses pembelajaran. 4. Guru memberikan apersepsi.
5. Guru menjelaskan tujuan pembelajaran dan kompetensi dasar yang akan dicapai siswa.
10 menit
Inti Mengamati:
Pelbagai jenis tag heading html dan hasilnya terhadap halaman web
Menanya:
Mendiskusikan pelbagai tag heading pada HTML
Mengeksplorasi:
Eksplorasi pelbagai tag heading. Eksperimen penerapan tag heading dari
suatu halaman web.
Mengasosiasi:
Menganalisa hubungan antara tag paragraph dengan halaman web yang dihasilkan
Mengkomunikasikan:
Menyampaikan hasil tentang pemecahan masalah menggunakan pelbagai tag dasar.
60 menit
Penutup 1. Guru dan peserta didik melakukan refleksi diri
terhadap materi yang telah dibahas. 2. Guru menginstruksikan siswa untuk membaca
materi yang akan dibahas pada pertemuan selanjutnya.
3. Guru mengakhiri kegiatan belajar dengan salam penutup dan doa
10 menit
Pertemuan ke-3 Kegiatan
Deskripsi Alokasi
Waktu
Pendahuluan 1. Guru memberikan salam dan menginstruksikan
siswa untuk berdoa dengan dipimpin oleh salah satu murid.
2. Absensi. 3. Menyiapkan siswa secara psikis dan fisik untuk
mengikuti proses pembelajaran. 4. Guru memberikan apersepsi.
5. Guru menjelaskan tujuan pembelajaran dan kompetensi dasar yang akan dicapai siswa.
10 menit
Inti Mengamati:
Pelbagai jenis tag paragraf html dan hasilnya terhadap halaman web
Pelbagai jenis tag br html dan hasilnya terhadap halaman web
Menanya:
Mendiskusikan pelbagai tag paragraf pada HTML
Mendiskusikan pelbagai tag br pada HTML
Mengeksplorasi:
Eksplorasi pelbagai tag paragraf. Eksperimen penerapan tag paragraf dari
suatu halaman web. Eksplorasi pelbagai tag br.
60 menit
Eksperimen penerapan tag br dari suatu halaman web.
Mengasosiasi:
Menganalisa hubungan antara tag paragraph dengan halaman web yang dihasilkan
Menganalisa hubungan antara tag br dengan halaman web yang dihasilkan
Mengkomunikasikan:
Menyampaikan hasil tentang pemecahan masalah menggunakan tag paragraph.
Menyampaikan hasil tentang pemecahan masalah menggunakan tag br
Penutup 1. Guru dan peserta didik melakukan refleksi diri
terhadap materi yang telah dibahas. 2. Guru menginstruksikan siswa untuk membaca
materi yang akan dibahas pada pertemuan selanjutnya.
3. Guru mengakhiri kegiatan belajar dengan salam penutup dan doa
10 menit
H. AlatMediaSumber Pembelajaran
Alat:
1. LCD dan proyektor 2. Laptop
Media: 1. Internet
2. Modul
Sumber:
1. Buku Teks Pelajaran 2. Buku Panduan Guru
3. Pemrograman Web Dengan HTML Revisi Keempat, Betha sidik, Ir., Husni I.
Pohan, Ir., M.Eng., Penerbit Informatika Bandung, Juni 2012 4. Learning Web Design 4th Edition, Jennifer Niederst Robbins, Penerbit OReilly
Media, Inc.: Kanada, 2012 5. Buku-buku dan referensi lain yang relevan
6. Media cetakelektronik 7. Lingkungan sekitar
I. Penilaian
Teknik Penilaian : Pengamatan, Kinerja, dan Tes Tertulis
Prosedur Penilaian Penilaian Kinerja
No Aspek yang dinilai
Sikap Pengetahuan
Ketrampilan Jumlah
Skor Nama
1 2 3 4 1 2
3 4
1 2 3 4
1 2
3
Kriteria Penskoran : 1 = Kurang 2 = Cukup 3 = Baik
4 = Amat Baik Kriteria Penilaian : Jumlah skor 3
: D 4 Jumlah skor 6
: C 4 Jumlah skor 6
: B 10 Jumlah skor 12
: A Rubrik Penilaian Kinerja :
No Aspek yang dinilai
Keterangan
1. Sikap
1 = Tidak aktif dalam pembelajaran 2 = Cukup aktid dalam pembelajaran
3 = Aktif dalam pembelajaran 4 = Amat aktif dalam pembelajaran
2. Pengetahuan
1 = Tidak memahami konsep pemecahan masalah 2 = Cukup memahami konsep pemecahan masalah
3 = Memahami konsep pemecahan masalah 4 = Amat memahami konsep pemecahan masalah
3. Ketrampilan
1 = Tidak terampil melaksanakan prosedur pemecahan masalah 2 = Cukup terampil melaksanakan prosedur pemecahan masalah
3 = Terampil melaksanakan prosedur pemecahan masalah 4 = Amat terampil melaksanakan prosedur pemecahan masalah