LATIHAN SOAL UUB PART IIKELAS 9

NAMA :KELAS :

1. Salah satu software (perangkat lunak) yang dikenal sebagai Web Authoring Tool, yaitu software untuk desain dan layout halaman web adalah program…a. Freehandb. Photoshop c. Coreldrawd. Movie makere. Dreamweaver

2. Untuk membuat awal suatu site, langkah yang pertama dibuat adalah menentukan tempat penyimpanan (root folder), maka langkah yang harus dilakukan adalah... a. File > New > Siteb. File > Addsite > NewFolderc. Site > New Sited. Site > Addnew > Sitee. Site > New > NewFolder

3. Manage site sering kita gunakan pada awal pembuatan website yang baru. Dibawah ini merupakan alasan yang paling tepat untuk menggunakan magane site adalah . . . .a. Untuk menghindari keterbatasan pembuatan halamanb. Untuk memudahkan membuat pada halaman yang baruc. Untuk membuat halaman barud. Untuk mempermudah dalam pembuatan code dan design halamane. Untuk membuat site baru, menduplikasi, menghapus, memasukan dan menngirim site

yang telah ada

4. Tampilan pada dreamweaver yang berfungsi untuk menampilkan dokumen di mana kalian sekarang bekerja disebut dengan…a. site pannelb. insert barc. property inspectord. document toolbare. document window

5. Pada page properties terdapat menu visited links dan active links. Adapun yang dimaksud dengan visited links adalah…a. Tampilan Linkb. Link yang sedang aktifc. Link yang berubah-ubahd. Link yang akan dikunjungie. Link yang sudah dikunjungi

Halaman 1

6. Perhatikan potongan gambar page properties, di samping!Category(gambar1) manakah yang digunakan untuk mengubah halaman atau page (seperti gambar 2) . . .a. Appearanceb. Linksc. Headingd. Titlee. Tracing Image

1 27. Dalam Macromedia Dreamweaver dapat menggunakan warna latar belakang yang diinginkan,

untuk itu diperlukan langkah seperti…a. klik tab common > image > backgroundb. file > background pagec. insert > page backgroundd. modify > page propertiese. klik insert > page properties > background

Perhatikan gambar dibawah ini!

8. Gambar diatas akan menampilkan code dan design secara bersamaan, sehingga dapat memanipulasi halaman lebih mudah. Agar menampilkan tampilan seperti di atas maka klik icon . . .A. codeB. designC. mergeD. titleE. split

9. Perhatikan data di bawah ini!1. word art2. jump menu3. flash button4. text properties5. flash textDari data di atas manakah efek-efek pada Dreamweaver yang dapat digunakan untuk hyperlink…a. 3, 4, 5b. 2, 3, 5c. 1, 2, 3d. 1, 3, 5e. 1, 4, 5

Halaman 2

10. Dalam mendesain di program Dreamweaver diperlukan kemampuan dalam mengolah sebuah tampilan yang menarik. Biasanya untuk mengolah page agar dapat menarik (tidak berantakan) digunakan...a. formb. gambarc. layoutd. tabele. tulisan

11. 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. Pilih Modify > Table > Insert Columnb. Pilih Modify > Table > Insert Rowc. Pilih Insert > Table > Insert Rowd. Pilih Insert > Table > Insert Columne. Klik Kanan > Insert > Insert Column

12. Sebelum membuat sebuah tabel maka akan terlihat tulisan Cell Padding pada kotak insert table. Fungsi dari pengaturan cell padding adalah ...a. untuk menentukan lebar tabel dalam satuan pixelb. untuk mengatur jarak antara isi sel dengan batas tepi sel.c. untuk menentukan jumlah pixel antara setiap sel tabeld. untuk menentukan lebar border tabele. untuk melebarkan suatu bentuk tabel

13. Pada penggunaan table kita akan membuat kolum baru untuk memasukkan data alamat. Maka langkah yang tepat untuk menambah kolom adalah . . . .a. Pilih Modify > Table > Insert Rowb. Pilih Modify > Table > Insert Columnc. Pilih Insert > Table > Insert Rowd. Pilih Insert > Table > Insert Columne. Klik Kanan > Insert > Insert Column

Perhatikan tabel berikut :

14. Untuk membetuk tabel seperti diatas maka pada kolom dan baris masing-masing kita masukan nilai . . . .a. 5 dan 5b. 5 dan 6c. 6 dan 5d. 6 dan 6e. 7 dan 6

Halaman 3

15. Supaya gambar diatas membentuk tabel seperti gambar tabel disamping, maka yang harus dilakukan adalah . . .a. merge cell dari kolom 1 baris 2b. merge cell dari kolom 2 baris 2c. split dari kolom 2 baris 2d. split dari kolom 1 baris 2e. buat tabel baru dengan kolom 2 dan baris 2

16. Apabila kita ingin mengembalikan jumlah tabel yang telah di merge cell maka yang harus dilakuakan adalah . . .. a. klik kanan > tabel > insert tabelb. klik kanan > select tabel > tabel c. klik kanan > tabel > split celld. klik kanan > select tabel > insert tabele. klik kanan > tabel > select tabel > split tabel

17. Tabel pada dreamweaver digunakan untuk membuat sebuah tampilan web agar lebih menarik, properti-properti yang terdapat pada tabel yang berfungsi untuk mengatur jarak antar sel dalam tabel adalah . . . .a. borderb. rowc. columnd. cell spacinge. cell padding

18. Langkah yang tepat untuk menggabungkan dua buah sel atau lebih pada tabel di dreamweaver adalah dengan menggunakan menu....a. merge cellb. insert tablec. cell paddingd. cell spacinge. insert cell

19. Menu Border Thickness pada tabel di dreamweaver digunakan untuk...a. membuat bingkaib. menyisipkan tablec. menyisipkan garisd. menyisipkan kolome. menebalkan garis luar tabel

Halaman 4

20. Perhatikan gambar dibawah ini!

Manakah pernyataan dibawah ini yang kurang tepat untuk gambar diatas . . .a. jarak antara isi sel dengan tepi sel lebih kecil dari pada jarak antarsel dalam tabelb. jarak antara isi sel dengan tepi sel lebih besar dari pada jarak antarsel dalam tabelc. ketebalan batas tabelnya adalah 1d. jarak antara isi sel dengan tepi sel adalah 3e. jarak antarsel dalam tabel adalah 5

21. 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 tengah dan posisi teks di tengah menggunakan perintah ...a. Vert > Top horz > defaultb. Vert > Baseline horz > centerc. Vert > middle horz > centerd. Vert > Bottom horz > centere. Vert > middle horz > default

22. Perhatikan gambar di bawah ini!

Fungsi dari max chars pada menu properties diatas adalah....a. Menentukan panjang kotak file fieldb. Menentukan panjang karakter pengisianc. Tempat untuk nama filed. Tempat untuk mengisikan nama Liste. Untuk menentukan tinggi baris

23. Pada Dreamweaver untuk menampilkan hasil pekerjaan kita pada web dapat kita klik gambar

atau dengan cara menekan tombol…a. F12b. F9c. F10

Halaman 5

d. F11e. F8

24. 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 SMA ISLAM AL-AZHAR, maka hanya akan menampilkan kalimat . . . .a. SEKOLAH SMb. SEKOLAH SMAc. SEKOLAH SMA Id. SEKOLAH SMA ISe. SEKOLAH SMA ISLAM AL-AZHAR

25. Perhatikan gambar di bawah ini!

1 2 3 4 5Dari gambar di atas manakah yang dinamakan dengan radio button...a. 5b. 3c. 1d. 2e. 4

26. Perhatikan data berikut!(1) Images Field(2) Images(3) Image viewer(4) Date(5) TabelDari data di atas manakah yang termasuk dari fasilitas dari COMMON . . . .

A. 1, 2, 3B. 2, 3, 4C. 2, 4, 5D. 1, 4, 5E. 3, 4, 5

27. 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 lineb. double linec. passwordd. multi linee. initial line

Halaman 6

28. Perhatikan gambar di bawah ini!

1 2 3 4 5

Dari gambar di atas manakah yang dinamakan dengan Checkbox...a. 5b. 4c. 3d. 2e. 1

29. Fasilitas Dreamweaver yang menampilkan menu Pull-down dalam suatu form dan mampu menyediakan link dengan tempat yang terbatas dengna tombol GO disebelah kanannya dinamakan dengan ....a. rollover imageb. flash textc. buttond. jump menue. radio button

30. Pada dreamweaver terdapat fasilitas form yang digunakan untuk membuat tombol, area kerja, dan daftar-daftar. Yang tidak termasuk bagian dari FORM adalah ....a. Text filedb. Imagec. List/Menu Aread. Image filede. Jump Menu

31. 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. jump menub. flash buttonc. image mapd. rollover imagee. picture package

32. Pada dreamweaver dapat disisipkan file gambar yang dapat bergerak yang telah dibuat dalam program Flash. File tersebut mempunyai ekstension...a. .flab. .swfc. .docd. . .gife. pdf

33. 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. RadioButton hanya untuk memilih beberapa pilihanb. Checkbox dan RadioButton untuk memilih lebih dari satu pilihanc. Checkbox untuk memilih lebih dari satu pilihand. Radio Button untuk memilih lebih dari satu pilihane. Bentuk fisik dari keduanya yang berbeda yang lainnya sama

Halaman 7

34. 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 > Checkboxb. Insert > Forms > Checkboxc. Form > Forms Objects > Checkboxd. Klik tab Form > pilih Checkboxe. Modify > Forms Objects > Checkbox

35. Perhatikanlah gambar di bawah ini!

Gambar di atas adalah gambar....a. checkboxb. single linec. formd. submite. text area

36. Sebuah tombol yang dapat digunakan untuk melakukan proses tertentu, misalnya untuk Submit atau reset dinamakan dengan....a. buttonb. radio buttonc. text fieldd. radio groupe. checkbox

37. Pada Dreamweaver menfasilitasi penyediaan tombol yang dapat diisi dengan teks dan sudah menggunakan animasi. Langkah yang tepat untuk menyisipkan dan mengatur button text adalah dengan cara...a. View > Interactive Image > Flash Buttonb. Edit > Interactive Image > Flash Buttonc. Site > Interactive Image > Flash Buttond. Insert > Interactive Image > Flash Buttone. Modify > Interactive Image > Flash Button

38. Perhatikan gambar berikut ini !

1 2 3 4 5

Dari gambar diatas manakah yang termasuk flash button . . . .A. 1, 2, 3B. 1, 3, 5C. 2, 3, 4D. 3, 4, 5E. 2, 4, 5

39. Animasi teks ini dapat dibuat menggunakan fasilitas yang disediakan dalam Dreamweaver. Fasilitas animasi teks tersebut dinamakan dengan...a. word artb. jump menuc. flash textd. flash buttone. text properties

Halaman 8

40. Perhatikan data di bawah ini!1. image name2. original image3. rollover image4. hyperlink5. colorDari data di atas manakah yang harus diatur pada penyisipan rollover image...a. 1, 4, 5b. 1, 3, 5c. 1, 2, 3d. 2, 3, 5e. 3, 4, 5

41. Manakah dari format di bawah ini yang tidak dapat digunakan untuk menyisipkan audio pada web yang kita bangun...a. psdb. midic. mp3d. wave. ram

Pehatikan kode program dibawah ini!

<body><blink>KOMPUTER</blink></body>

42. Perhatikan kode program diatas, jika kita jalankan program tersebut maka akan menampilkan . . . .a. kata KOMPUTER akan berjalan dari kanan ke kirib. kata KOMPUTER akan berjalan dari kiri ke kananc. kata KOMPUTER akan berjalan dari bawah ke atasd. kata KOMPUTER akan hilang muncul e. kata KOMPUTER akan hilang muncul dari kiri ke kanan

43. Untuk membuat animasi teks berjalan dari kanan ke kiri pada dreamweaver maka kita harus merubah perintah pada codenya kita tambahkan perintah . . . .a. <marquee> ... </marquee>b. <marquee> . . . /<marquee>c. <marquee> . . .d. <marquee> /<marquee> . . . e. . . . <marquee> </marquee>

44. Dari gambar disamping, LOGIN dan PASSWORD digunakan untuk ijin masuk ke sebuah web tertentu. Dimana dibuat dengan menggunakan fasilitas form. Dibawah ini fasilitas form yang digunakan untuk membentuk LOGIN dan PASSWORD adalah . . .a. Text filedb. List/Menu Areac. Jump Menud. Radio Buttone. CheckBox

Halaman 9

Perhatikan page FORM ISIAN dibawah ini, digunkan untuk soal nomor ....- .....

45. Dari gambar diatas terdapat berapa banyak jumlah text field yang tersedia . . .. a. 9 d. 21b. 18 e. 7c. 15

46. Dari gambar diatas terdapat berapa banyak jumlah list menu yang tersedia . . .. a. 2b. 3c. 4d. 5e. 6

47. Dari gambar diatas tombol Setuju dan Batal dapat dibuat dengan menggunakan fasilitas form yang disebut dengan . . . .a. List menub. Jump menuc. Radio Buttond. Check Buttone. Button

48. Dalam menu website semua halaman akan terhubung antar satu dengan yang lain atau mungkin ke website yang lain, menu yang digunakan untuk penghubung adalah menu...a. formb. sitec. framed. imagee. hyperlink

Halaman 10

49. Perhatikan data di bawah ini!(1) Nama menggunakan text field(2) Agama menggunakan list menu(3) Jenis Kelamin menggunakan radio button(4) Kewarganegaraan menggunakan check box (5) Tombol Simpan menggunakan submitDari data di atas form yang akan dihasilkan adalah seperti gambar....

a. d.

b. e.

c.

50. Pada dreamweaver bahasa yang digunakan adalah bahasa khusus untuk mendesain web, di mana ekstensionnya adalah....a. .doc.b. .psdc. .flad. .swfe. .htm

Halaman 11