1. Dalam Macromedia Dreamweaver dapat
menggunakan warna latar belakang yang diinginkan, untuk itu diperlukan langkah
seperti….
a. modify
> page properties
b. file > background page
c. insert > page background
d.
klik tab
common > image > background
2. Tampilan pada dreamweaver yang berfungsi
untuk menampilkan dokumen di mana kalian sekarang bekerja
disebut dengan….
a.
property
inspector
b.
site
pannel
c.
document window
d.
document
toolbar
3. Dalam pembuatan konsep dasar perancangan web,
hal – hal yang harus diperhatikan adalah….
a.
browser
yang dipakai, hardware, software
b.
content design, site design, page
design, layout design
c.
desain
gambar, text, animasi, sound
d.
koneksi
internet, user, programming language
4. Pada dreamweaver setiap link mempunyai
fungsi masing-masing. Untuk mengubah warna pada link yang sudah dikunjungi kita dapat menggunakan….
a. active links
b.
visited links
c. rollover links
d. unlink
5. Tabel pada dreamweaver digunakan untuk
membuat sebuah tampilan web agar lebih menarik, cell spacing pada tabel
berfungsi untuk....
a.
untuk
melebarkan suatu bentuk tabel
b.
untuk
menentukan lebar tabel dalam satuan pixel
c.
untuk
mengatur jarak antara isi sel dengan batas tepi sel.
d.
mengatur jarak antar sel
6. Sebelum membuat sebuah tabel maka akan
terlihat tulisan Cell Padding pada
kotak insert table. Fungsi dari pengaturan
cell padding adalah....
a. untuk menentukan lebar border tabel
b.
untuk mengatur jarak antara isi sel dengan batas tepi
sel.
c. untuk menentukan jumlah pixel antara setiap sel tabel
d. untuk melebarkan suatu bentuk tabel
7. Menu Border Thickness pada tabel di dreamweaver digunakan untuk....
a.
menebalkan garis luar tabel
b. membuat bingkai
c. menyisipkan garis
d. menyisipkan kolom
8. Langkah yang tepat untuk menggabungkan
dua buah sel atau lebih pada tabel di dreamweaver adalah dengan menggunakan
menu....
a. cell padding
b. insert cell
c.
merge cell
d. cell spacing
9. Perhatikan potongan gambar page
properties, di bawah!
1 2
Category (gambar1) manakah yang digunakan
untuk mengubah halaman atau page (seperti gambar 2)….
a.
appearance
b. links
c. heading
d. title
10. Tabel digunakan untuk membuat tampilan
dari halaman yang kita buat menjadi lebih rapi dan menarik. Pada saat
menggunakan fasilitas tabel kita akan menambahkan baris apabila dalam pembuatan
awal tabel kita kekurangan membuat sebuah baris. Langkah untuk membuat sebuah
baris adalah….
a. modify
> table > insert column
b.
modify > table > insert row
c. insert
> table > insert row
d. insert
> table > insert column
11. Pada penggunaan table kita akan membuat
kolum baru untuk memasukkan data alamat. Maka langkah yang tepat untuk menambah
kolom adalah….
a. modify
> table > insert row
b.
modify > table > insert column
c. insert
> table > insert row
d. insert
> table > insert column
Perhatikan tabel berikut!
12. Untuk membentuk tabel seperti diatas maka pada
kolom dan baris masing-masing kita masukan nilai….
a. 5 dan 5
b. 6 dan 5
c. 6 dan 6
d.
5 dan 6
Perhatikan tabel berikut!
13. Supaya gambar diatas membentuk tabel seperti
gambar tabel disamping, maka yang harus dilakukan adalah….
a. merge cell dari kolom 1 baris 2
b.
merge cell dari kolom 2 baris 2
c. split dari kolom 2 baris 2
d. split dari kolom 1 baris 2
14. Untuk merubah judul halaman web yang
kita buat, maka pada bagian code HTML yang perlu diubah adalah pada tag….
a. <html> Judul web </html>
b. <head> Judul web </head>
c.
<title> Judul web </title>
d. <title> Judul web </html>
15. Langkah – langkah untuk membuat
background halaman yang kita buat berisikan gambar maka yang dilakukan adalah….
a. <body background="Isi dengan alamat file
gambar"> </body>
b. modify ð
page properties ð
backgound color
c.
<img src="Isi dengan alamat file gambar
disimpan" width="1024" height="768">
d. insert ð
background image
16. Pada pembuatan HTML perintah yang digunakan
untuk pembuatan garis batas Tabel ialah….
a. <table line>
b. <table limit>
c.
< table border>
d. <table td>
17. Perataan teks dalam sel memiliki peratan
secara vertikal, yaitu Top, Middle, Bottom dan baseline dan horizontal yaitu,
default, left, center dan right.
Agar mendapatkan teks dengan perataan dan posisi teks di
tengah menggunakan perintah....
a. vert
> top horz > default
b. vert
> vaseline horz >
center
c.
vert > middle horz
> center
d. vert
> bottom horz > center
18. Perhatikanlah gambar di bawah ini!
Gambar di atas adalah gambar....
a. checkbox
b. single line
c.
form
d. submit
19. Perhatikan gambar di bawah ini!
Fungsi dari max chars pada menu properties diatas adalah....
a. menentukan
panjang kotak file field
b.
menentukan panjang karakter pengisian
c. tempat
untuk nama file
d.
tempat untuk mengisikan nama List
Perhatikan gambar di bawah ini!
Untuk pertanyaan nomor 20 sampai 22.
1 2 3 4
20. Dari gambar di atas manakah yang
dinamakan dengan list menu....
a. 1
b.
2
c. 3
d. 4
21. Dari gambar di atas manakah yang
dinamakan dengan checkbox....
a. 1
b. 2
c. 3
d.
4
22. Dari gambar di atas manakah yang
dinamakan dengan radio button....
a.
1
b. 2
c. 3
d. 4
23. Untuk menambahkan text field adalah
dengan mengklik menu Insert > Form > text field. Kemudian pada properties
terdapat Char Width dan Max Char. Apabila pada Max Char kita masukkan angka 10. Maka pada program di debug in
browser dan huruf yang akan dimasukkan adalah SEKOLAH SMP ISLAM AL-AZHAR, maka hanya akan menampilkan kalimat….
a.
SEKOLAH SM
b. SEKOLAH SMP
c. SEKOLAH SMP
I
d. SEKOLAH SMP
IS
24. Terdapat beberapa bentuk Text Field.
Text field yang digunakan untuk menyediakan kotak teks yang dapat dimasukkan
keterangan panjang dengan beberapa baris di dalamnya disebut dengan….
a. single line
b. double line
c. password
d.
multi line
25. Secara umum dalam pembuatan halaman web,
tata letak (layout) dalam pembuatan web terdiri dari….
a. 5 bagian
: bagian atas (banner), bagian kiri (menu), bagian kanan (berita), bagian tengah (isi), bagian bawah (Keterangan)
b. 4 bagian
: bagian atas (banner),
bagian kiri (menu), bagian tengah (isi), bagian bawah (kepemilikan).
c.
3 bagian : bagian atas (banner/menu), bagian tengah (menu dan isi), bagian bawah (informasi
kepemilikan)
d. 2 bagian
: bagian atas (banner), bagian bawah (isi)
26. Pada dreamweaver terdapat fasilitas form
yang digunakan untuk membuat tombol, area kerja, dan daftar-daftar. Yang tidak
termasuk bagian dari FORM adalah....
a. text field
b. radio button
c. list/menu Area
d.
hyperlink
27. Setiap mouse yang diarahkan tepat ke
gambar 1 akan berubah menjadi gambar 2, dan jika gambar 2 itu diklik makan akan
memberi hyperlink ke tempat lain. Hal tersebut menggunakan efek....
a. flash button
b. image map
c.
rollover image
d. picture package
28. Fasilitas form terdapat checkbox dan radio button, yang mana kedua
fasilitas ini sama-sama digunakan untuk memilih sesuatu. Dibawah ini perbedaan
antara kedua fasiltas tersebut yang tepat adalah….
a. radio button hanya untuk memilih
beberapa pilihan
b. checkbox
dan radio button untuk memilih lebih
dari satu pilihan
c.
checkbox untuk memilih lebih dari satu
pilihan
d. radio button untuk memilih lebih
dari satu pilihan
29. Tanda checklist dalam setiap web selalu
digunakan untuk pemilihan status, jenis kelamin, agama, dan keterangan lain.
Untuk menampilkan tanda checklist atau yang lebih sering disebut checkbox, dapat dilakukan dengan
langkah....
a. insert
> form > checkbox
b.
klik tab form > pilih checkbox
c. insert
> forms > checkbox
d. form
> forms objects
> checkbox
30. Pada dreamweaver dapat disisipkan file gambar yang dapat bergerak yang telah
dibuat dalam program Flash. File tersebut mempunyai ekstension...
a. .fla
b. .swf
c. .doc
d.
. .gif
31. Animasi teks ini dapat dibuat
menggunakan fasilitas yang disediakan dalam Dreamweaver. Fasilitas animasi teks
tersebut dinamakan dengan...
a. word art
b. flash button
c. text properties
d.
flash text
32. Sebuah tombol yang dapat digunakan untuk
melakukan proses tertentu, misalnya untuk Submit atau reset
dinamakan dengan....
a. radio button
b.
button
c. text field
d. checkbox
33. Perhatikan data di bawah ini!
-
Nama menggunakan text field
-
Agama menggunakan list menu
-
Jenis Kelamin menggunakan radio button
-
Kewarganegaraan menggunakan check box
-
Tombol Simpan menggunakan submit
Dari data di atas form yang akan dihasilkan adalah
seperti gambar....
|
A
|
|
C
|
|
D
|
|
B
|
34. Perintah pada tag <P Align =
“Center”> ....</P> berfungsi untuk….
a. menempatkan teks yang letaknya berada ditengah table
b. menempatkan teks yang letaknya di tengah layar
c. teks rata bawah tengah
d.
menempatkan teks yang letaknya ditengah halaman
35. Perhatikan data di bawah ini!
1. image
name
2. original
image
3. rollover
image
4. hyperlink
5. Color
Dari data di atas manakah yang harus
diatur pada penyisipan rollover image...
a.
1, 2, 3
b. 1, 4, 5
c. 1, 3, 5
d. 2, 3, 5
36. <
marquee> ... </marquee> adalah code pada dreamweaver yang
digunakan untuk....
a. membuat animasi teks berjalan dari kanan ke kiri
b. membesar dan mengecilkan gambar
c. merubah gambar dari gambar 1 ke gambar 2
d. menyisipkan teks
37. .........“<FONT SIZE=5 FACE=verdana
COLOR="red">TERCETAK APA HAYO???.”
Dari hasil penggalan coding tersebut maka akan dihasilkan sebuah tulisan
Dari hasil penggalan coding tersebut maka akan dihasilkan sebuah tulisan
a. “TERCETAK APA HAYO??” dengan warna merah, jenis tulisan 5, dan dengan type verdana
b. “TERCETAK” dengan
ukuran 5 jenis font verdana dan dengan warna merah
c. “TERCETAK APA HAYO????”
d.
TERCETAK APA HAYO???. dengan ukuran 5 jenis font verdana
dan dengan warna merah
38. Shortcut key F12 pada Dreamweaver digunakan untuk....
a.
|
c.
|
|
a.
|
b.
menyisipkan teks
c.
membuat animasi teks berjalan dari kanan ke kiri
d.
membuat form
39. Pada dreamweaver bahasa yang digunakan
adalah bahasa khusus untuk mendesain web, di mana ekstensionnya adalah....
a. .fla
b. .doc.
c.
.htm
d. .psd
40. Penggunaan tag html <ul>...</ul>
adalah untuk membuat ….
a.
unordered list
b. ordered list
c. image
d. link
41. Struktur standar penulisan HTML yang
benar adalah….
a.
b.
c.
d.
42. Pada bagian insert bar, untuk
menambahkan table atau image maka kita dapat memilih….
a. graphic
b.
layout
c. table
d. application
43. <INPUTTYPE=”radio”
VALUE=v1><BR>
<INPUT TYPE=”radio” VALUE=v2><BR>
<INPUT
TYPE=”text” VALUE=v1><BR>
<INPUT
TYPE=”radio” VALUE=v1><BR>
Banyaknya radio button yang muncul adalah….
a. 4 buah
b. 2 buah
c.
3 buah
d. 1 buah
44. Yang tidak dapat dijadikan hyperlink
adalah….
a.
windows
b. musik
c. gambar
d. teks
45. Manakah dari format di bawah ini yang
tidak dapat digunakan untuk menyisipkan audio pada web yang kita bangun....
a.
psd
b. midi
c. mp3
d. wav
46. Perhatikan kode program dibawah ini!
<body>
<blink>KOMPUTER</blink>
</body>
Jika kita jalankan program tersebut maka
akan menampilkan kata
KOMPUTER….
a. berjalan dari kanan ke kiri
b. berjalan dari kiri ke kanan
c.
hilang muncul
d. hilang muncul dari kiri ke kanan
Perhatikan page FORM ISIAN dibawah ini,
digunakan untuk soal
nomor 47 sampai 50!
47. Dari gambar diatas terdapat berapa
banyak jumlah text field yang tersedia….
a. 9
b. 18
c. 15
d.
6
48. Dari gambar diatas terdapat berapa
banyak jumlah list menu yang tersedia….
a. 1
b. 2
c.
3
d. 4
49. Dari gambar diatas tombol Setuju dan
Batal dapat dibuat dengan menggunakan fasilitas form yang disebut dengan….
a. list
menu
b. radio button
c. check button
d.
button
50. Dari gambar diatas isian alamat dapat dibuat dengan
menggunakan fasilitas form yang disebut dengan….
a.
text area
b. radio button
c. check button
d. button