ipunk202

Document Sample
ipunk202 Powered By Docstoc
					Buku Panduan Guru Modul 11 Perangkat Lunak Desain WEB

Departemen Pendidikan Nasional Direktorat Jenderal Manajemen Pendidikan Dasar dan Menengah Direktorat Pembinaan Sekolah Menengah Pertama Jakarta-2008
Teknologi Informasi dan Komunikasi (TIK) SMP Sekolah Bertaraf Internasional i

Buku Panduan Guru Modul 11 Perangkat Lunak Desain WEB

KATA PENGANTAR
Berkat rahmat Tuhan Yang Maha Esa, Buku Panduan Guru Pelajaran Teknologi Informasi dan Komunikasi (TIK) untuk Sekolah Bertaraf Internasional (SBI) tingkat Sekolah Menengah Pertama dapat diterbitkan. Buku Panduan Guru ini dimaksudkan sebagai panduan bagi guru TIK untuk membantu menciptakan pembelajaran TIK. Teknologi Informasi dan Komunikasi merupakan pelajaran yang bertujuan memperkenalkan, mempersiapkan, menumbuhkan, dan membiasakan diri dalam dunia teknologi sejak dini, serta mampu menjadi masyarakat yang “melek” teknologi (technology literacy). Salah satu faktor yang menentukan keberhasilan sebuah pembelajaran di kelas diantaranya adalah suasana pembelajaran yang kondusif dan bermakna. Buku Panduan Guru ini mengacu pada buku ajar yaitu modul 11 dengan tema “Perangkat Lunak Desain Web”. Modul 11 ini terdiri atas empat bagian yaitu 1) identifikasi menu dan ikon perangkat lunak desain web, 2) fungsi menu dan ikon perangkat lunak desain web, 3) penggunaan menu dan ikon perangkat lunak desain web, dan 4) pembuatan desain web sederhana. Ucapan terima kasih disampaikan kepada Departemen Pendidikan Nasional yang telah memfasilitasi pengembangan Bahan Ajar Teknologi Informasi dan Komunikasi (TIK) untuk Sekolah Bertaraf Internasional (SBI). Harapan kita semoga melalui pembelajaran Teknologi Informasi dan Komunikasi (TIK) untuk Sekolah Bertaraf Internasional (SBI) akhirnya tercipta kultur masyarakat yang “melek” teknologi khususnya teknologi informasi dan komunikasi.

Jakarta, Februari 2008

Penyusun,

Teknologi Informasi dan Komunikasi (TIK) SMP Sekolah Bertaraf Internasional

ii

Buku Panduan Guru Modul 11 Perangkat Lunak Desain WEB

DAFTAR ISI
KATA PENGANTAR .............................................................................................................. DAFTAR ISI .............................................................................................................................. PENDAHULUAN A. Tujuan Buku Panduan Guru ....................................... B. Ruang Lingkup Buku Panduan Guru ....................... C. Cara Mengunakan Buku Panduan Guru .................. i ii

1 1 2

PENJELASAN A. Tujuan Pembelajaran Modul ………………………. B. Diagram Pembelajaran ……………………………… C. Materi Pembelajaran ……………………………….. D. Pengorganisasian Kelas .............................................. E. Alat/Bahan Praktik ...................................................

4 5 6 6 7

PROSES PEMBELAJARAN A. Tujuan ............................................................................. B. Alokasi Waktu ...............................................................

9 9

KEGIATAN PEMBELAJARAN 1 Menu dan Ikon pada Perangkat Lunak Desain Web A. Kegiatan Belajar 1. Standar Kompetensi .............................................. 2. Kompetensi Dasar ................................................. 3. Indikator Pencapaian Hasil Belajar .................... 4. Alokasi Waktu ....................................................... 5. Materi Pokok ......................................................... B. Skenario Pembelajaran ...............................................

10 10 10 10 10 11

Teknologi Informasi dan Komunikasi (TIK) SMP Sekolah Bertaraf Internasional

iii

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 .............................................. 2. Kompetensi Dasar ................................................. 3. Indikator Pencapaian Hasil Belajar .................... 4. Alokasi Waktu ....................................................... 5. Materi Pokok ......................................................... B. Skenario Pembelajaran .............................................. KEGIATAN PEMBELAJARAN 3 Penggunaan Menu dan Ikon pada Perangkat Lunak Desain Web A. Kegiatan Belajar 1. Standar Kompetensi .............................................. 2. Kompetensi Dasar ................................................. 3. Indikator Pencapaian Hasil Belajar .................... 4. Alokasi Waktu ....................................................... 5. Materi Pokok ......................................................... B. Skenario Pembelajaran ...............................................

13 13 13 13 13 14

15 15 15 15 15 16

KEGIATAN PEMBELAJARAN 4 Membuat Desain Web Sederhana A. Kegiatan Belajar 1. Standar Kompetensi .............................................. 2. Kompetensi Dasar ................................................. 3. Indikator Pencapaian Hasil Belajar .................... 4. Alokasi Waktu ....................................................... 5. Materi Pokok ......................................................... B. Skenario Pembelajaran ............................................... DAFTAR PUSTAKA ...............................................................................................................

17 17 17 17 17 18 20

Teknologi Informasi dan Komunikasi (TIK) SMP Sekolah Bertaraf Internasional

iv

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

v

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. Berikut ini langkah-langkah penggunaan PG. Mempelajari bagian pendahuluan untuk mendapatkan gambaran penting buku PG. Mempelajari bagian penjelasan untuk mendapatkan gambaran hal-hal 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.

1. 2. 3.

4.

Teknologi Informasi dan Komunikasi (TIK) SMP Sekolah Bertaraf Internasional

vi

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.

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.

Teknologi Informasi dan Komunikasi (TIK) SMP Sekolah Bertaraf Internasional

vii

Buku Panduan Guru Modul 11 Perangkat Lunak Desain WEB

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

viii

Buku Panduan Guru Modul 11 Perangkat Lunak Desain WEB

C. Materi Pembelajaran TOPIK I. Menu dan Ikon pada Perangkat Lunak Desain Web KONSEP 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 A. Pengantar B. Fungsi Menu dan Ikon 1. Menu Bar 2. Standard Toolbar 3. Formatting Toolbar 4. Views Bar A. Pengantar B. Penggunaan Menu dan Ikon 1. Menu Bar 2. Standard Toolbar 3. Formatting Toolbar 4. Views Bar A. Pengantar B. 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

II. Fungsi Menu dan Ikon pada Perangkat Lunak Desain Web

III. Penggunaan Menu dan Ikon pada Perangkat Lunak Desain Web

IV. Membuat Desain Web Sederhana

Teknologi Informasi dan Komunikasi (TIK) SMP Sekolah Bertaraf Internasional

ix

Buku Panduan Guru Modul 11 Perangkat Lunak Desain WEB

D. Pengorganisasian Kelas 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

x

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. Tema I. Menu dan Ikon pada Perangkat Lunak Desain Web Spesifikasi Alat/Bahan 1. Perangkat Komputer 2. Sistem Operasi Windows 3. Perangkat Lunak Desain Web 1. Perangkat Komputer 2. Sistem Operasi Windows 3. Perangkat Lunak Desain Web 1. Perangkat Komputer 2. Sistem Operasi Windows 3. Perangkat Lunak Desain Web 1. 2. 3. 4. Perangkat Komputer Sistem Operasi Windows Perangkat Lunak Desain Web Web Browser Jumlah Secukupnya/ sesuai dengan jumlah siswa Secukupnya/ sesuai dengan jumlah siswa Secukupnya/ sesuai dengan jumlah siswa Secukupnya/ sesuai dengan jumlah siswa

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

Teknologi Informasi dan Komunikasi (TIK) SMP Sekolah Bertaraf Internasional

xi

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 Jumlah Jam 2 2 2 4 10

Teknologi Informasi dan Komunikasi (TIK) SMP Sekolah Bertaraf Internasional

xii

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 Sekolah Bertaraf Internasional

xiii

Buku Panduan Guru Modul 11 Perangkat Lunak Desain WEB

B. Skenario Pembelajaran Konsep dan Subkonsep A. Pengantar Langkah 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 praktik mengidentifikasi menu dan Keterangan

B. Elemen Dasar Perangkat Lunak Microsoft FrontPage

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

Teknologi Informasi dan Komunikasi (TIK) SMP Sekolah Bertaraf Internasional

xiv

Buku Panduan Guru Modul 11 Perangkat Lunak Desain WEB

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 Sekolah Bertaraf Internasional

xv

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 Sekolah Bertaraf Internasional

xvi

Buku Panduan Guru Modul 11 Perangkat Lunak Desain WEB

B. Skenario Pembelajaran Konsep dan Subkonsep A. Pengantar Langkah 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 Keterangan

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

Teknologi Informasi dan Komunikasi (TIK) SMP Sekolah Bertaraf Internasional

xvii

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 Sekolah Bertaraf Internasional

xviii

Buku Panduan Guru Modul 11 Perangkat Lunak Desain WEB

B. Skenario Pembelajaran Konsep dan Subkonsep A. Pengantar Langkah 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 Keterangan

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

Teknologi Informasi dan Komunikasi (TIK) SMP Sekolah Bertaraf Internasional

xix

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 Sekolah Bertaraf Internasional

xx

Buku Panduan Guru Modul 11 Perangkat Lunak Desain WEB

B. Skenario Pembelajaran Konsep dan Subkonsep A. Pengantar Langkah Keterangan 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 Memulai Guru memfasilitasi siswa untuk mengoperasikan praktik mengoperasikan perangkat Microsoft FrontPage lunak Microsoft FrontPage Membuat Site Baru Guru memfasilitasi siswa untuk membuat dokumen web sesuai yang diperintahkan dalam buku kerja siswa Membuat Home Page Guru memfasilitasi siswa untuk membuat halaman web sesuai yang diperintahkan dalam buku kerja siswa Membuat CSS Guru memfasilitasi siswa untuk (Cascading Style membuat cascading style sheet Sheet) sesuai yang diperintahkan dalam buku kerja siswa Mengintegrasikan Guru memfasilitasi siswa untuk Style Sheet mengintegrasikan style sheet ke dalam halaman web sesuai yang diperintahkan dalam buku kerja siswa Menambahkan Guru memfasilitasi siswa untuk Format menambahkan format baru sesuai yang diperintahkan dalam buku kerja siswa Mengubah Ukuran Guru memfasilitasi siswa untuk Huruf melakukan pengubahan ukuran huruf dalam buku kerja siswa Mengubah Ketebalan Guru memfasilitasi siswa untuk Huruf menampilkan hasil desain web

B.

C.

D.

E.

F.

G.

H.

I.

Teknologi Informasi dan Komunikasi (TIK) SMP Sekolah Bertaraf Internasional

xxi

Buku Panduan Guru Modul 11 Perangkat Lunak Desain WEB

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

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 Sekolah Bertaraf Internasional

xxii

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 Sekolah Bertaraf Internasional

xxiii


				
DOCUMENT INFO
Shared By:
Tags:
Stats:
views:219
posted:10/25/2009
language:Indonesian
pages:23