Teks ini berisi soal ujian tentang desain web menggunakan Dreamweaver. Terdiri dari 25 pertanyaan pilihan ganda dan 5 pertanyaan esai mengenai konsep-konsep dasar desain web seperti sejarah web, HTML, tabel, dan CSS.

1. Mata pelajaran : Desain Web Tingkat : X
Bidang Keahlian : Teknologi Informasi dan Komunikasi Semester : I (Gasal)
Program Keahlian : TKJ Waktu : 120 Menit
Hari, Tanggal : ________ , ____ Oktober 2010 Guru Madik : Sumadi,A.Md
I. Beri tanda silang (X) pada huruf a, b, c, d atau e pada pilihan yang telah disediakan yang dianggap
paling benar
1. Awal mula WEB berasal dari kota ...................
a. Paris
b. Geneva
c. Swiss
d. New York
e. Suriname
2. Dibawah ini adalah software yang dapat digunakan untuk desain web adalah?
a. Macromedia FireWork
b. Corel Draw
c. Adobe Reader
d. Windows
e. NotePad
3. Kepanjangan dari HTML adalah...............
a. HyperText Make Language
b. HyperTest Make Language
c. HyperText Markup Language
d. HyperTest Markup Language
e. HyperText Markup Lage
4. Kepanjangan dari WWW adalah..............
a. World Wide Web
b. Wide World Web
c. Web World Wide
d. World With Web
e. Wrong Wide Web
5. Dibawah ini yang termasuk search engine adalah.............
a. Google, Yahoo, Ask
b. Mozilla Firefox, Google Crome, Internet Explorer
c. Mozilla Firefox, Google Crome, Ask
d. Google, Yahoo, Mozilla Firefox
e. Internet Explorer, Yahoo, Google Crome
6. Berikut adalah software Browser adalah ...................
a. Mozilla Firefox, Internet Explorer, Opera, Yahoo
b. Google, Mozilla Firefox, Internet Explorer, Opera
c. Mozilla Firefox, Internet Explorer, Opera, GoogleChrome
d. Yahoo, Internet Explorer, Mozilla Firefox, GoogleChrome
e. Mozilla Firefox, Yahoo, Google, Opera, Internet Explorer
7. Struktur element HTML terdiri 3 bagian yaitu ..............
a. Tag pembuka, Isi dan tag penutup
b. Kepala, Tubuh dan Ekor
c. Head, Body dan Nail
d. Depan, Tengah dan Belakang
e. Halaman Pembuka dan Penutup
8. Berikut adalah bahasa pemrograman web statis adalah...............
a. HTML
b. PHP
c. ASPX
d. JSP
e. Jawaban A dan D Benar

2. 9. Wahana yang digunakan untuk berkomunikasi didunia internet adalah pengertian dari.................
a. Internet
b. Halaman Web
c. Jaringan
d. Tag
e. HTML
10. Teks Khusus (markup) berupa dua karakter ”<” dan ”>” adalah pengertian dari ...............
a. Internet
b. Halaman Web
c. Jaringan
d. Tag
e. HTML
11. Berikut adalah bahasa pemrograman yang mampu diolah oleh Dreamweaver adalah,
Kecuali..........
a. HTML
b. PHP
c. ASPX
d. Java Scipt
e. Visual Basic
12. Berikut adalah tombol shortcut untuk menutup program Dreamweaver adalah………..
a. Alt + F4
b. Ctrl + O
c. Ctrl + S
d. Ctrl + Alt + Del
e. Ctrl + F + 4
13. Berikut adalah main menu yang ada pada dreamweaver adalah, Kecuali...................
a. File
b. Format
c. Edit
d. View
e. Site
14. Dibawah ini adalah jenis – jenis tampilan area kerja dreamweaver adalah, Kecuali ...................
a. Design View
b. Code Viev
c. Split View
d. Format View
e. Jawaban A dan D benar
15. Berikut adalah tombol shortcut untuk menyimpan halaman web adalah adalah………..
a. Alt + F4
b. Ctrl + O
c. Ctrl + S
d. Ctrl + Alt + Del
e. Ctrl + F + 4
16. Berikut adalah tombol shortcut untuk membuka halaman web adalah adalah………..
a. Alt + F4
b. Ctrl + O
c. Ctrl + S
d. Ctrl + Alt + Del
e. Ctrl + F + 4
17. Berikut ini adalah fungsi dari tabel adalah ..............
a. Mengatur Tampilan (layout)
b. Menampilkan Database
c. Menampilkan Field
d. Menampilkan Access
e. Jawaban A dan B benar

3. 18. Gambar diatas yang berfungsi untuk memberikan judul halaman web ditunjukkan oleh
huruf .................
a. A
b. B
c. C
d. D
e. E
19. Gambar yang ditunjukkan oleh huruf E berfungsi untuk?
a. Memberikan judul halaman web
b. Mengecek halaman web adakah halaman yang eror
c. Untuk validasi MarkUp
d. Untuk melihat hasil dimedia browser
e. Untuk menampilkan jendela tabel
20. Gambar disamping berfungsi untuk.............
a. Memasukkan objek gambar
b. Mengecek halaman web adakah halaman yang eror
c. Untuk validasi MarkUp
d. Untuk melihat hasil dimedia browser
e. Untuk menampilkan jendela tabel
21. Gambar diusamping berfungsi untuk ................
a. Memasukkan objek gambar
b. Mengecek halaman web adakah halaman yang eror
c. Untuk validasi MarkUp
d. Untuk melihat hasil dimedia browser
e. Untuk menampilkan jendela tabel
22. Berikut adalah jenis-jenis perataan tabel yang tersedia dalam combo align adalah,
Kecuali ................
a. Defult
b. Left
c. Center
d. Right
e. Justify
23. Dibawah ini adalah aplikasi-aplikasi database adalah ................
a. Access, My Sql, Paradox
b. Ms Excel , Mysql, Paradox
c. Access, My Sql, Ms Excel
d. Access, Ms Excel , Paradox
e. Jawaban B, C dan D benar
24. ”<Title>Halaman WebKu</Title>” kode disamping berfungsi untuk?
a. Membuat halaman web dengan isi Halaman WebKu
b. Membuat halaman web dengan akhiran Halaman WebKu
c. Membuat halaman web dengan judul Halaman WebKu
d. Membuat halaman web dengan Tema Halaman WebKu
e. Jawaban A dan B benar
25.
Untuk menghilangkan garis maka yang perlu diubah pada gambar diatas adalah
a. Border diubah menjadi 5
b. Align Diubah menjadi Left
c. Boder diubah menjadi 0
a b c d e

4. d. Cellpad Diubah menjadi 2
e. CellSpace diubah menjadi 0
II. Jawablah pertanyaan-pertanyaan berikut dengan benar!
1. Sebutkan Perbedaan Halaman Web Statis dan Dinamis beserta contohnya!
2. Tuliskan script struktur dasar HTML dan cara penyimpanannya!
3. Sebutkan Fungsi-fungsi script berikut!
a. <br>
b. &nbsp;
c. <big>isi tulisan</big>
d. <center>isi tulisan</center>
4. Sebutkan fungsi tabel beserta contoh!
5. Sebutkan langkah-langkah pembuatan halaman web dengan CSS!