NASKAH MEDIA PEMBELAJARAN

INTERAKTIF

Di Susun Oleh : Lia Rofiatun

Dasar

Pemrograman

Web dengan

bahasa HTML

A. Tema Media Pembelajaran Interaktif

Media pembelajaran interaktif memiliki desain dengan tema alam. Maka

banyak makna yang terkandung dalam desain media pembelajaran ini,

sehingga diharapkan dapat memperindah tampilannya.

B. Isi Media Pembelajaran Interaktif

Media pembelajaran interaktif ini berisi mengenai dasar pembuatan web

menggunakan bahasa HTML. Web dapat dibuat dengan beberapa software,

namun dalam media interaktif ini memuat dasar pembuatan web

menggunakan software Adobe Dreamweaver. Media pembelajaran ini

dilengkapi dengan beberapa konten didalamnya yaitu, materi tentang

pengenalan seputar web, video tutorial proses pembuatan dasar-dasar web,

dan juga terdapat kuis didalamnya. Berikut penjelasan selengkapnya untuk

media pembelajaran interaktif yang dibuat.

Terdapat tampilan home yang berisi menu-menu pokok yang disediakan

media interaktif. Isi dari menu-menu yang disediakan adalah :

- Pendahuluan

Berisi tentang prakata dari pembuat, untuk menampaikan pentingnya web

di era modern seperti ini.

- SkKd dan Indikator

Pada menu ini memuat tentang standar kompetensi, kompetensi

dasar dan indikator yang menjadi landasan dalam pembuatan

pembelajaran ini.

- Materi

Berisi tentang penjelasan secara tertulis mengenai web, html, dan

beberapa ilmu dasar dari bahasa web html tersebut.

- Video Tutorial

Terdapat 4 video yang tersedia, yaitu :

a. Input teks dan warna

Secara garis besar video tersebut berisi tentang cara menamai judul

pada jendela browser, memasukkan tulisan kedalam halaman web

dan memberi warna pada tulisan tersebut serta memberi warna pada

background web.

b. Input gambar di web

Di tutorial yang kedua, dapat ditemui langkah-langkah untuk

memasukkan gambar dalam halaman web, yang juga dapat

memfungsikan gambar tersebut menjadi background dihalamannya.

c. Edit teks

Yaitu berisi tentang cara-cara untuk mensetting teks sedemikian rupa

untuk dapat memenuhi keinginan kita. Didalam video ini dapat

dipelajari bagaimana cara membuat paragraf, memberikan efek enter,

dan lain sebagainya.

d. Edit teks lanjutannya.

Video yang terakhir ini merupakan lanjutan video edit teks yang

sebelumnya. Disi dapat dipelajari untuk membuat sebuah tulisan yang

dapat menyesuaikan keinginan kita. Misalkan cara membuat judul

atau heading dari paling besar hingga paling kecil, membuat teks

tebal, miring dan bergaris bawah.

- Kuis

Berisi soal-soal yang terdiri dari 10 nomer pilihan ganda, memuat

tentang materi dasar-dasar web menggunakan bahasa html. Pada bagian

terakhir dapat langsung melihat skor yang diperoleh dari hasil pengerjaan

kuis tersebut.

- Profil

Pada menu ini memuat data-data si pembuat program.