Buku Panduan Guru Modul 11

Perangkat Lunak Desain WEB

PENDAHULUAN
A. Tujuan Buku Panduan Guru
Buku Panduan Guru (PG) ini dikembangkan dengan tujuan untuk
memberi bantuan kepada guru dalam pembelajaran Teknologi
Informasi dan Komunikasi (TIK). Penanganan proses pembelajaran
serta keluasan materi esensial disesuaikan dengan kurikulum dan
perkembangan yang terjadi.
Buku PG ini dapat digunakan untuk berbagai keperluan.
1. Mengingatkan kembali kepada guru akan tujuan pembelajaran TIK
secara umum.
2. Membantu guru memberikan alternatif penggunaan metode
pembelajaran.
3. Membantu guru dalam mengembangkan metode pembelajaran.
4. Membantu guru mencari alternatif pemecahan kesulitan sumber
belajar.
5. Mengingatkan kembali kepada guru akan teori-teori belajar yang
termaktub dalam Buku Ajar TIK.
6. Membantu guru dalam menjaga keselamatan kerja.
7. Membantu guru dalam mengembangkan kegiatan praktik.
8. Membantu
guru
dalam
pengaturan/pemanfaatan
waktu
pembelajaran.
9. Membantu guru dalam melaksanakan evaluasi proses dan hasil
belajar.
10.Membantu guru dalam melaksanakan analisis hasil tes.
11.Membantu guru dalam melaksanakan program remedial.
12.Membantu guru dalam pengelolaan kegiatan.
13.Membantu guru dalam pengelolaan diskusi.
14.Membantu guru dalam mengembangkan pengayaan terutama
bagi siswa yang memiliki kemampuan di atas rata-rata.
B. Ruang Lingkup Buku Panduan Guru
Secara garis besar ruang lingkup Buku PG disajikan menjadi
beberapa bagian sebagai berikut.
Pendahuluan
Dalam pendahuluan disampaikan mengenai tujuan PG, ruang lingkup,
organisasi isi buku ajar, cara menggunakan PG, dan cara
mendayagunakan buku ajar.

Teknologi Informasi dan Komunikasi (TIK) SMP

Sekolah Bertaraf Internasional

1 dari 20

Buku Panduan Guru Modul 11

Perangkat Lunak Desain WEB

Penjelasan
Dalam pendahuluan disampaikan hakikat pembelajaran TIK, tujuan
pembelajaran, metode dan pendekatan pembelajaran, keterampilan
bertanya dalam pembelajaran, organisasi kelas, lingkup materi dan
alur konsep TIK, penekanan metode pembelajaran yang terdapat
pada buku ajar, alokasi waktu, keselamatan kerja, kegiatan
tambahan, sumber belajar, pengelolaan kegiatan, pengelolaan diskusi
kelas, evaluasi, remedial, dan pengayaan.
Proses Pembelajaran
Dalam proses pembelajaran disampaikan mengenai kerangka awal,
konsep subkonsep, tujuan pembelajaran, kegiatan pembelajaran,
evaluasi, dan pengayaan. proses pembelajaran merupakan
penjabaran untuk setiap konsep yang ada dalam buku ajar.
C. Cara Menggunakan Buku Panduan Guru
Buku PG ini disusun sedemikian rupa sehingga dapat
mempermudah cara kerja guru. Pola pembahasan setiap konsep
subkonsep sama dengan pola buku ajar. Inti operasional PG terdapat
pada Bagian III yaitu petunjuk khusus, yang merupakan petunjuk
pembelajaran untuk setiap konsep subkonsep sesuai urutan dalam
buku ajar.

1.
2.
3.

4.

Berikut ini langkah-langkah penggunaan PG.

Mempelajari bagian pendahuluan untuk mendapatkan gambaran
penting buku PG.
Mempelajari bagian penjelasan untuk mendapatkan gambaran halhal yang sifatnya umum mengenai pembelajaran.
Mempelajari
bagian-bagian
proses
pembelajaran
untuk
mendapatkan gambaran hal-hal yang sifatnya spesifik dalam
pembelajaran konsep. Dalam mempelajari bagian proses
pembelajaran perlu disertai dengan peninjauan kembali buku ajar.
Pada bagian proses pembelajaran, setiap kegiatan belajar terdiri
dari hal-hal berikut.
a. Kerangka awal, yaitu gambaran umum materi yang terdapat
pada tema itu. Kerangka awal terdiri dari pengetahuan
prasyarat yaitu pengetahuan yang harus dimiliki oleh siswa
sebelum masuk pada tema yang akan dipelajari, dan peta
konsep yang merupakan alur materi.
b. Konsep-subkonsep yaitu landasan materi suatu tema terhadap
kerangka kurikulum.

Teknologi Informasi dan Komunikasi (TIK) SMP

Sekolah Bertaraf Internasional

2 dari 20

Buku Panduan Guru Modul 11

Perangkat Lunak Desain WEB

c. Tujuan pembelajaran khusus merupakan alternatif tujuan guru

menyajikan konsep atau tema.
d. Kegiatan pembelajaran terdiri dari : (1) alokasi waktu, (2)
penjelasan materi yaitu konsep sobkonsep atau materi yang
perlu diajarkan, (3) penjelasan kegiatan yaitu penjelasan cara
atau metode dalam proses pembelajaran dalam tema, (4)
sumber belajar, (5) evaluasi, dan (6) pengayaan. Penjelasan
kegiatan dibuat dalam bentuk format, yang terdiri atas kegiatan
umum, kegiatan khusus, dan kegiatan praktik. Evaluasi terdiri
atas evaluasi hasil pembelajaran dan evaluasi dalam proses
keterampilan.

Teknologi Informasi dan Komunikasi (TIK) SMP

Sekolah Bertaraf Internasional

3 dari 20

Buku Panduan Guru Modul 11

Perangkat Lunak Desain WEB

PENJELASAN
A. Tujuan Pembelajaran Modul
Berdasarkan kurikulum TIK yang dikembangkan, pembelajaran
TIK memiliki tujuan agar peserta didik memiliki kemampuan sebagai
berikut.
1. Meningkatkan kesadaran akan pentingnya penguasaan teknologi
informasi dan komunikasi.
2. Memahami konsep-konsep teknologi informasi dan komunikasi
baik hardware maupun software.
3. Mengembangkan daya nalar untuk memecahkan masalah yang
dihadapi dalam kehidupan sehari-hari.
4. Mengembangkan keterampilan atau skill teknologi informasi dan
komunikasi untuk memperoleh konsep dan menumbuhkan sikap
melek teknologi informasi.
5. Menerapkan konsep dan prinsip teknologi informasi dan
komunikasi untuk menghasilkan karya sederhana yang berkaitan
dengan kehidupan sehari-hari.
6. Memberi bekal pengetahuan dan keterampilan dasar untuk
melanjutkan ke jenjang pendidikan selanjutnya.
7. Mengembangkan sikap ilmiah sebagai berikut.
a. Obyektif dan jujur terhadap fakta.
b. Menerima pendapat dan temuan orang lain serta mau
mengubah pendapatnya itu jika terbukti pendapatnya tidak
sesuai.
c. Tekun tanpa putus asa, kritis dan tidak mudah mempercayai
sesuatu tanpa ada pengecekan lebih lanjut.
Adapun tujuan pembelajaran teknologi informasi dan komunikasi
secara khusus yaitu agar peserta didik memiliki kemampuan sebagai
berikut.
1. Memahami dan menguasai serta mampu mengaplikasikan konsep
teknologi informasi dan komunikasi dalam kehidupan sehari-hari,
2. Merancang dan memberdayakan peralatan teknologi informasi dan
komunikasi secara optimal.
3. Menerapkan konsep teknologi informasi dan komunikasi untuk
menghasilkan karya sederhana.
4. Mengembangkan sikap ilmiah yang mencakup sikap kritis, kreatif,
apresiatif dan mandiri dalam penggunaan teknologi informasi dan
komunikasi.

Teknologi Informasi dan Komunikasi (TIK) SMP

Sekolah Bertaraf Internasional

4 dari 20

Buku Panduan Guru Modul 11

Perangkat Lunak Desain WEB

Tujuan di atas dikembangkan menjadi tujuan pembelajaran

khusus yang sesuai dengan keluasan dan kedalaman materi
pembelajaran yang tertuang dalam kurikulum. Tujuan pembelajaran
yang ingin dicapai dianjurkan disampaikan pada permulaan
pembahasan atau penyajian konsep subkonsep. Sebaiknya tujuan
dirumuskan dalam bentuk tingkah laku yang mudah diamati,
sehingga peserta didik mengetahui dengan jelas hal-hal yang akan
dicapai dalam pembelajaran. Dalam PG secara operasional tujuan
pembelajaran disajikan pada setiap tema.
B. Diagram Pembelajaran
KLASIKAL

KELOMPOK
TUGAS/
REVIEW

PENDAHULUAN

KEGIATAN
PEMBELAJARAN
Gambar 1. Diagram Pembelajaran

Teknologi Informasi dan Komunikasi (TIK) SMP

Sekolah Bertaraf Internasional

5 dari 20

Buku Panduan Guru Modul 11

Perangkat Lunak Desain WEB

C. Materi Pembelajaran
I.

TOPIK
Menu dan Ikon pada
Perangkat Lunak
Desain Web

A.
B.
C.

II. Fungsi Menu dan Ikon

pada Perangkat
Lunak Desain Web

A.
B.

III. Penggunaan Menu

dan Ikon pada
Perangkat Lunak
Desain Web

A.
B.

IV. Membuat Desain

Web Sederhana

A.
B.

KONSEP SUBKONSEP
Pengantar
Elemen Dasar Perangkat Lunak
Microsoft FrontPage
Menu dan Ikon
1. Menu Bar
2. Standard Toolbar
3. Formatting Toolbar
4. Views Bar
Pengantar
Fungsi Menu dan Ikon
1. Menu Bar
2. Standard Toolbar
3. Formatting Toolbar
4. Views Bar
Pengantar
Penggunaan Menu dan Ikon
1. Menu Bar
2. Standard Toolbar
3. Formatting Toolbar
4. Views Bar
Pengantar
Membuat Final Project
1. Memulai Mengoperasikan
Microsoft FrontPage
2. Membuat Site Baru
3. Membuat Home Page
4. Membuat CSS (Cascading Style
Sheet)
5. Mengintegrasikan Style Sheet
6. Menambahkan Format
7. Mengubah Ukuran Huruf
8. Mengubah Ketebalan Huruf
9. Perataan Teks (Align Text)
10.Indent Text
11.Membuat List (Daftar)
12.Membuat Link ke Halaman Baru
13.Membuat Link Antar Halaman
14.Memasukkan Gambar

D. Pengorganisasian Kelas

Teknologi Informasi dan Komunikasi (TIK) SMP

Sekolah Bertaraf Internasional

6 dari 20

Buku Panduan Guru Modul 11

Perangkat Lunak Desain WEB

Berhasil tidaknya proses pembahasan suatu tema tergantung

pada kondisi atau keadaan seluruh komponen belajar. Semua
komponen harus dikelola untuk mendukung proses pembelajaran
agar berhasil. Pengelolaan kelas dalam pembelajaran TIK lebih
ditekankan pada pengertian pengorganisasian siswa pada saat
pelaksanaan proses pembelajaran berlangsung selama satu periode
atau jangka waktu tertentu. Sesuai karakteristik materi pembelajaran
TIK, dalam satu periode pembelajaran siswa akan melalui/mengikuti
proses pembelajaran yang bersifat
teoritik, praktik dan atau
praktikum. Jumlah siswa dalam satu kelas hendaknya proporsional.
Untuk mengatasi keterbatasan sarana pembelajaran khususnya
peralatan, pengorganisasian siswa perlu direncanakan oleh guru
sebelum melaksanakan proses belajar mengajar TIK. Melalui
pengorganisasian kelas yang baik diharapkan setiap siswa akan
mendapatkan pengalaman belajar yang adil dan merata saat
mengikuti kegiatan belajar-mengajar.
Pengelolaan kelas atau pengorganisasian siswa dalam
pembelajaran materi TIK dibedakan atas 2 bentuk, yaitu : (1)
pengorganisasian siswa secara klasikal dan (2) pengorganisasian
siswa secara kelompok.
Dalam pengorganisasian klasikal, semua siswa memperoleh
materi pembelajaran yang sama pada waktu yang sama.
Pengorganisasian secara klasikal digunakan untuk pembelajaran TIK
berupa pengetahuan, konsep yang bersifat teoritik dan umum.
Selain dalam bentuk klasikal, didalam proses belajar-mengajar
para siswa dibagi dalam kelompok. Masing-masing kelompok
memperoleh materi pembelajaran yang berbeda pada saat yang
sama. Hal ini bertujuan agar pada akhir kegiatan atau periode
pembelajaran semua siswa mendapatkan bobot materi yang sama.
Pengorganisasian
secara
kelompok
digunakan
untuk
pembelajaran TIK yang proses pembelajarannya bersifat praktik atau
praktikum. Mengingat adanya keterbatasan jumlah alat di sekolah
maka jumlah kelompok belajar disarankan terdiri dari 4 kelompok
untuk setiap kelas, misal kelompok A, B, C dan D. Jika setiap kelas
berjumlah 20 peserta, setiap kelompok terdiri dari 5 peserta. Untuk
menjaga kesinambungan rotasi pembelajaran, siswa yang terlambat
menyelesaikan pekerjaan hendaknya diselesaikan pada jam
perbaikan. Bagi siswa yang lebih cepat selesai dapat diberi tugas
ekstra.

Teknologi Informasi dan Komunikasi (TIK) SMP

Sekolah Bertaraf Internasional

7 dari 20

Buku Panduan Guru Modul 11

Perangkat Lunak Desain WEB

E. Alat/Bahan Praktik
Bagian ini berisi informasi tentang jenis, spesifikasi, dan jumlah
bahan yang diperlukan dan digunakan dalam kegiatan pembelajaran.
Bahan yang dipakai dapat menggunakan bahan yang ada di
lingkungan siswa baik baru maupun bekas. Kebutuhan bahan
dianalisis untuk setiap kegiatan belajar. Berikut ini informasi bahan
yang digunakan.
Spesifikasi Alat/Bahan
1. Perangkat Komputer
2. Sistem Operasi Windows
3. Perangkat Lunak Desain
Web

Jumlah
Secukupnya/
sesuai
dengan
jumlah siswa

II. Fungsi Menu dan

Ikon pada
Perangkat Lunak
Desain Web

1. Perangkat Komputer
2. Sistem Operasi Windows
3. Perangkat Lunak Desain
Web

Secukupnya/
sesuai
dengan
jumlah siswa

III. Penggunaan
Menu dan Ikon
pada Perangkat
Lunak Desain
Web
IV. Membuat Desain
Web Sederhana

1. Perangkat Komputer
2. Sistem Operasi Windows
3. Perangkat Lunak Desain
Web

Secukupnya/
sesuai
dengan
jumlah siswa

1. Perangkat Komputer
2. Sistem Operasi Windows
3. Perangkat Lunak Desain
Web
4. Web Browser

Secukupnya/
sesuai
dengan
jumlah siswa

I.

Tema
Menu dan Ikon
pada Perangkat
Lunak Desain
Web

Teknologi Informasi dan Komunikasi (TIK) SMP

Sekolah Bertaraf Internasional

8 dari 20

Buku Panduan Guru Modul 11

Perangkat Lunak Desain WEB

PROSES PEMBELAJARAN
A. Tujuan
Bagian ini dimaksudkan untuk mengantarkan dan memotivasi
siswa
untuk
(1)
menyadari
pentingnya
mempelajari
dan
memberdayakan produk teknologi secara optimal, dan (2) memiliki
cakrawala pemikiran dan pengetahuan tentang teknologi informasi
dan komunikasi baik secara umum maupun secara khusus yang
banyak dibutuhkan dalam kehidupan sehari-hari.
Perkembangan sains dan teknologi menuntut peningkatan
kualitas, pengetahuan dan keterampilan kita dalam berkomunikasi.
Sehubungan dengan itu pembelajaran TIK harus dapat memberikan
pengetahuan cukup dan informasi yang mutakhir. Dalam menghadapi
perkembangan teknologi informasi dan komunikasi, para siswa
dituntut untuk belajar sejak dini agar dapat berperan secara optimal
di era kehidupan masa kini dan masa mendatang.
B. Alokasi Waktu 10 Jam Pelajaran
No.
1
2
3
4

Materi Pokok
Menu dan Ikon pada Perangkat Lunak Desain
Web
Fungsi Menu dan Ikon pada Perangkat Lunak
Desain Web
Penggunaan Menu dan Ikon pada Perangkat
Lunak Desain Web
Membuat Desain Web Sederhana
Jumlah

Teknologi Informasi dan Komunikasi (TIK) SMP

Sekolah Bertaraf Internasional

Jumlah Jam
2
2
2
4
10

9 dari 20

Buku Panduan Guru Modul 11

Perangkat Lunak Desain WEB

KEGIATAN PEMBELAJARAN 1
Menu dan Ikon pada Perangkat Lunak Desain Web
A. Kegiatan Belajar
1. Standar Kompetensi
Membuat Desain Web.
2. Kompetensi Dasar
Mengidentifikasi menu dan ikon pada perangkat lunak desain
web.
3. Indikator Pencapaian Hasil Belajar
Mengidentifikasi menu dan ikon pada :
Menu Bar
Standard Toolbar
Formatting Toolbar
Views Bar
4. Alokasi Waktu
Dua jam pelajaran
5. Materi Pokok
Menu dan ikon pada perangkat lunak desain web meliputi :
Menu Bar
Standard Toolbar
Formatting Toolbar
Views Bar

Teknologi Informasi dan Komunikasi (TIK) SMP

20
Sekolah Bertaraf Internasional

10 dari

Buku Panduan Guru Modul 11

Perangkat Lunak Desain WEB

B. Skenario Pembelajaran
Konsep dan
Subkonsep
A. Pengantar

B. Elemen Dasar
Perangkat Lunak
Microsoft
FrontPage

C. Menu dan Ikon

1. Menu Bar
2. Standard
Toolbar
3. Formatting
Toolbar
4. Views Bar

Langkah

Keteranga
n

1. Memotivasi siswa untuk

mengetahui pentingnya
desain web dalam sebuah
jaringan internet
2. Guru memandu diskusi
tentang desain web yang
banyak beredar di internet
3. Guru memberikan
pengetahuan tentang
desain web dengan
menggunakan Microsoft
FrontPage
1. Guru mengarahkan siswa
untuk mengaktifkan
komputer dan membuka
Microsoft FrontPage
2. Guru memfasilitasi dan
menugaskan siswa
mengerjakan buku kerja
siswa tentang elemen
dasar perangkat lunak
Microsoft FrontPage
3. Guru memfasilitasi praktik
mengidentifikasi elemen
dasar perangkat lunak
Microsoft FrontPage
1. Guru mengarahkan siswa
untuk mengamati dan
praktik mengidentifikasi
menu dan ikon pada Menu
Bar
2. Guru mengarahkan siswa
untuk mengamati dan
praktik mengidentifikasi
menu dan ikon pada
Standard Toolbar
3. Guru mengarahkan siswa
untuk mengamati dan

Teknologi Informasi dan Komunikasi (TIK) SMP

20
Sekolah Bertaraf Internasional

11 dari

Buku Panduan Guru Modul 11

Perangkat Lunak Desain WEB

praktik mengidentifikasi
menu dan ikon pada
Formatting Toolbar
4. Guru mengarahkan siswa
untuk mengamati dan
praktik mengidentifikasi
menu dan ikon pada Views
Bar
5. Guru memfasilitasi dan
menugasi siswa
mengerjakan buku kerja
siswa tentang menu dan
ikon

Teknologi Informasi dan Komunikasi (TIK) SMP

20
Sekolah Bertaraf Internasional

12 dari

Buku Panduan Guru Modul 11

Perangkat Lunak Desain WEB

KEGIATAN PEMBELAJARAN 2
Fungsi Menu dan Ikon pada Perangkat Lunak Desain Web
A. Kegiatan Belajar
1. Standar Kompetensi
Membuat Desain Web.
2. Kompetensi Dasar
Menjelaskan fungsi menu dan ikon pada perangkat lunak
desain web.
3. Indikator Pencapaian Hasil Belajar
Menjelaskan fungsi menu dan ikon pada :
Menu Bar
Standard Toolbar
Formatting Toolbar
Views Bar
4. Alokasi Waktu
Dua jam pelajaran
5. Materi Pokok
Fungsi menu dan ikon pada perangkat lunak desain web
meliputi :
Menu Bar
Standard Toolbar
Formatting Toolbar
Views Bar

Teknologi Informasi dan Komunikasi (TIK) SMP

20
Sekolah Bertaraf Internasional

13 dari

Buku Panduan Guru Modul 11

Perangkat Lunak Desain WEB

B. Skenario Pembelajaran
Konsep dan
Subkonsep
A. Pengantar

B. Fungsi Menu dan

Ikon
1. Menu Bar
2. Standard
Toolbar
3. Formatting
Toolbar
4. Views Bar

Langkah

Keteranga
n

Memotivasi siswa untuk

mengetahuipentingnya fungsi
menu dan ikon dalam
pembuatan desain web
1. Guru mengarahkan siswa
praktik mengidentifikasi
fungsi-fungsi menu dan
ikon melalui fasilitas help
(tutorial)
2. Guru mengarahkan siswa
melakukan studi pustaka
tentang fungsi menu dan
ikon pada Menu Bar
3. Guru mengarahkan siswa
melakukan studi pustaka
tentang fungsi menu dan
ikon pada Standard Toolbar
4. Guru mengarahkan siswa
melakukan studi pustaka
tentang fungsi menu dan
ikon pada Formatting
Toolbar
5. Guru mengarahkan siswa
melakukan studi pustaka
tentang fungsi menu dan
ikon pada Views Bar
6. Guru memfasilitasi dan
menugasi siswa
mengerjakan buku kerja
siswa tentang fungsi menu
dan ikon

Teknologi Informasi dan Komunikasi (TIK) SMP

20
Sekolah Bertaraf Internasional

14 dari

Buku Panduan Guru Modul 11

Perangkat Lunak Desain WEB

KEGIATAN PEMBELAJARAN 3
Penggunaan Menu dan Ikon pada Perangkat Lunak Desain
Web
A. Kegiatan Belajar
1. Standar Kompetensi
Membuat Desain Web.
2. Kompetensi Dasar
Menggunakan menu dan ikon pada perangkat lunak desain
web.
3. Indikator Pencapaian Hasil Belajar
Menggunakan menu dan ikon pada :
Menu Bar
Standard Toolbar
Formatting Toolbar
Views Bar
4. Alokasi Waktu
Dua jam pelajaran
5. Materi Pokok
Penggunaan menu dan ikon pada perangkat lunak desain web :
Menu Bar
Standard Toolbar
Formatting Toolbar
Views Bar

Teknologi Informasi dan Komunikasi (TIK) SMP

20
Sekolah Bertaraf Internasional

15 dari

Buku Panduan Guru Modul 11

Perangkat Lunak Desain WEB

B. Skenario Pembelajaran
Konsep dan
Subkonsep
A. Pengantar

B. Penggunaan Menu
dan Ikon
1. Menu Bar
2. Standard
Toolbar
3. Formatting
Toolbar
4. Views Bar

Langkah

Keteranga
n

1. Memotivasi siswa untuk

mengetahui pentingnya
penggunaan menu dan
ikon dalam pembuatan
desain web
2. Guru memfasilitasi diskusi
tentang penggunaan menu
dan ikon dalam pembuatan
desain web
1. Guru mengarahkan siswa
untuk praktik
menggunakan menu dan
ikon pada Menu Bar
2. Guru mengarahkan siswa
untuk praktik
menggunakan menu dan
ikon pada Standard Toolbar
3. Guru mengarahkan siswa
untuk praktik
menggunakan menu dan
ikon pada Formatting
Toolbar
4. Guru mengarahkan siswa
untuk praktik
menggunakan menu dan
ikon pada Views Bar
5. Guru memfasilitasi dan
menugasi siswa
mengerjakan buku kerja
siswa tentang penggunaan
menu dan ikon

Teknologi Informasi dan Komunikasi (TIK) SMP

20
Sekolah Bertaraf Internasional

16 dari

Buku Panduan Guru Modul 11

Perangkat Lunak Desain WEB

KEGIATAN PEMBELAJARAN 4
Membuat Desain Web Sederhana
A. Kegiatan Belajar
1. Standar Kompetensi
Membuat Desain Web.
2. Kompetensi Dasar
Membuat desain web sederhana.
3. Indikator Pencapaian Hasil Belajar
Membuat Final Project
4. Alokasi Waktu
Empat jam pelajaran
5. Materi Pokok
Memulai mengoperasikan Microsoft FrontPage
Membuat Site Baru
Membuat Home Page
Membuat CSS (Cascading Style Sheet)
Mengintegrasikan Style Sheet
Menambahkan Format
Mengubah Ukuran Huruf
Mengubah Ketebalan Huruf
Perataan Teks (Align Text)
Indent Text
Membuat List (Daftar)
Membuat Link ke Halaman Baru
Membuat Link Antar Halaman
Memasukkan Gambar

Teknologi Informasi dan Komunikasi (TIK) SMP

20
Sekolah Bertaraf Internasional

17 dari

Buku Panduan Guru Modul 11

Perangkat Lunak Desain WEB

B. Skenario Pembelajaran
Konsep dan
Subkonsep
A. Pengantar

B. Memulai
mengoperasikan
Microsoft
FrontPage
C. Membuat Site
Baru

D. Membuat Home
Page

E. Membuat CSS
(Cascading Style
Sheet)

F. Mengintegrasikan
Style Sheet

G. Menambahkan
Format

H. Mengubah Ukuran
Huruf

Langkah

Keteranga
n

1. Memotivasi siswa untuk

mengetahui pentingnya
desain web dengan
memberikan contoh-contoh
karya
3. Guru mengarahkan siswa
untuk mengamati model
desain web yang ada di
internet
Guru memfasilitasi siswa
untuk praktik mengoperasikan
perangkat lunak Microsoft
FrontPage
Guru memfasilitasi siswa
untuk membuat dokumen web
sesuai yang diperintahkan
dalam buku kerja siswa
Guru memfasilitasi siswa
untuk membuat halaman web
sesuai yang diperintahkan
dalam buku kerja siswa
Guru memfasilitasi siswa
untuk membuat cascading
style sheet sesuai yang
diperintahkan dalam buku
kerja siswa
Guru memfasilitasi siswa
untuk mengintegrasikan style
sheet ke dalam halaman web
sesuai yang diperintahkan
dalam buku kerja siswa
Guru memfasilitasi siswa
untuk menambahkan format
baru sesuai yang
diperintahkan dalam buku
kerja siswa
Guru memfasilitasi siswa
untuk melakukan pengubahan
ukuran huruf dalam buku kerja

Teknologi Informasi dan Komunikasi (TIK) SMP

20
Sekolah Bertaraf Internasional

18 dari

Buku Panduan Guru Modul 11

Perangkat Lunak Desain WEB

I.

Mengubah
Ketebalan Huruf

J.

Perataan Teks
(Align Text)

K. Indent Text

L. Membuat List
(Daftar)

M. Membuat Link ke
Halaman Baru

N. Membuat Link
Antar Halaman

O. Memasukkan
Gambar

siswa
Guru memfasilitasi siswa
untuk menampilkan hasil
desain web yang telah dibuat
pada browser
Guru memfasilitasi siswa
untuk melakukan perataan
teks sesuai yang diperintahkan
dalam buku kerja siswa
Guru memfasilitasi siswa
untuk melakukan pengaturan
indent text sesuai yang
diperintahkan dalam buku
kerja siswa
Guru memfasilitasi siswa
untuk membuat daftar atau
list sesuai yang diperintahkan
dalam buku kerja siswa
Guru memfasilitasi siswa
untuk membuat, mengubah
atau melakukan format
hyperlink pada halaman baru
sesuai yang diperintahkan
dalam buku kerja siswa
Guru memfasilitasi siswa
untuk membuat, merubah
atau melakukan format
hyperlink antar halaman
sesuai yang diperintahkan
dalam buku kerja siswa
Guru memfasilitasi siswa
untuk menyisipkan objek
gambar sesuai yang
diperintahkan dalam buku
kerja siswa

Teknologi Informasi dan Komunikasi (TIK) SMP

20
Sekolah Bertaraf Internasional

19 dari

Buku Panduan Guru Modul 11

Perangkat Lunak Desain WEB

DAFTAR PUSTAKA
Direktorat Pembinaan SMP, 2007, Panduan Pembelajaran dan
Penilaian TIK SMP SBI, Departemen Pendidikan Nasional.
Direktorat Pembinaan SMP, 2007, Standar Kompetensi dan
Kompetensi Dasar TIK SMP SBI, Departemen Pendidikan
Nasional.
Dr. Erhans A., 2003, Microsoft Office XP, Cirebon: PT. Ercontara
Rajawali.
Firdaus, 2006, 7 Jam Belajar Interaktif FrontPage 2003 untuk Orang
Awam, Palembang: Maxicom.
Gregorius Agung, 2000, Microsoft FrontPage 2000 Webbot, Jakarta:
PT. Elex Media Komputindo.
Mico Pardosi, 2001, Pengenalan Internet, Surabaya: Indah.

Teknologi Informasi dan Komunikasi (TIK) SMP

20
Sekolah Bertaraf Internasional

20 dari