SOAL PRODUKTIF KEJURUAN KELAS XI TEKNIK KOMPUTER JARINGAN (TKJ) 1. A. B. C. D. E. 2. A. B. C. D. E. 3. A. B. C. D. E. 4. HTML adalah kepanjangan dari .

Hyper Text Mark-up Language Hiper Text Multiple Language Hipo Text Mark-up Language Hyper Text Multiple Land Hipo Text Multiple Land Dibawah ini adalah bahasa untuk pemrograman web, kecuali . HTML XML CSS Javascript Notepad Software untuk menulis bahasa HTML yang paling sederhana adalah . Ms Word Ms Excel Ms Powerpoint Notepad Ms Acces Perhatikan gambar berikut :

Yang dimaksud dengan Title adalah . A. A B. B C. C D. D E. E 5. Untuk memberi warna teks web diatur dengan mengubah nilai atribut . A. Body B. Title C. Bgcolor D. Fontcolor E. Head 6. Untuk memberi gambar pada belakang web diatur dengan mengubah nilai atribut . A. Body background B. Body C. Bgcolor D. Fontcolor E. Head 7. Untuk mengatur paragraf pada web dapat digunakan tag A. <B> B. <I> C. <U> D. <P> E. <BR> 8. Untuk memisahkan baris pada web dapat digunakan tag .

A. <B> B. <I> C. <U> D. <P> E. <BR> 9. Untuk membuat garis horizontal didalam web dapat digunakan tag . A. <BR> B. <P> C. <HR> D. <H1> E. <H6> 10. Perhatikan gambar berikut :

Untuk mendapatkan hasil seperti gambar di atas, maka kita dapat menggunakan tag . A. <P> B. <Hn> n= number C. <HR> D. <HV> E. <B> Perhatikan gambar berikut :

2 4 5 6

1 3

11. Mengacu pada gambar di atas, untuk tulisan nomer SATU, tag HTML yang digunakan adalah A. <I> B. <B> C. <U> D. <SUP> E. <SUB> 12. Mengacu pada gambar di atas, untuk tulisan nomer TIGA, tag HTML yang digunakan adalah A. <I> B. <B> C. <U> D. <SUP>

E. <SUB> 13. Mengacu pada gambar di atas, untuk tulisan nomer LIMA, tag HTML yang digunakan adalah A. <I> B. <B> C. <U> D. <SUP> E. <SUB> 14. Untuk menformat teks dengan jenis tertentu seperti Verdana, atau Times New roman digunakan tag HTML . A. FONTSIZE B. FONTCOLOR C. FONTFACE D. FONTSTRIKE E. FONTBACKGROUND 15. Manfaat atribut ALT dari tag IMG untuk . A. Membuat sebuah definision list B. Meloncat ke bagian (section) tertentu dalam halaman web C. Membuat teks alternative bagi gambar yang ditampilkan D. Membuat hyperlink ke sebuah file E. Menentukan heading 16. Atribut HTML yang digunakan untuk memanjangkan dan mengatur ukuran sel dalam table adalah . A. Frameset dan colspan B. Cellpadding dan cellspacing C. Rowpan dan cellpadding D. Cellspacing dan colspan E. Colspan dan rowspan 17. Untuk menampilkan gambar dalam halaman web maka gambar tersebut harus berformat . A. SWF B. FLA C. JPG D. DOC E. PDF 18. Tag <IMG SRC=.. .JPG> digunakan untuk . A. Mengubah gambar B. Mengatur gambar C. Menampilkan gambar D. Menghapus gambar E. Memindahkan gambr 19. Tag <IMG> memiliki atribut . A. SIZE, COLOR, FACE B. SIZE , WIDTH C. HEIGHT, WIDTH D. TYPE E. BUTTON 20. Langkah-langkah untuk membuka program untuk membuat website yang paling tepat adalah . A. Start program Macromedia Macromedia Flash B. Start all program Microsoft Office Macromedia Dreamweaver C. Start all program Macromedia Macromedia Dreamweaver D. Start All program Macromedia Macromedia firework E. Start all program Macromedia Macromedia Captivate Perhatikan gambar berikut :

21. Dengan melihat gambar di atas, yang dimaksud dengan table adalah . A. A B. B C. C D. D E. E 22. Dengan melihat gambar di atas, yang dimaksud dengan Browser adalah . A. A B. B C. C D. D E. E 23. Fungsi dari title adalah . A. Batas halaman B. Untuk memaksimalkan isi web C. Untuk memberikan tanda pengenal pada setiap halaman web D. Untuk mengatur property halaman web E. Untuk mengatur tampilan web 24. Tempat untuk mengubah berbagai properties dari obyek yang dipilih atau teks dalam dreamweaver adalah . A. Property Inspector B. Document window C. Panel group D. Tag Selector E. Common 25. Terdiri dari tombol-tombol yang dapat digunakan dari berbagai objek seperti image, table, frame adalah . A. Insert Bar B. Document Window C. Panel Groups D. Property Inspector E. Tag Selection 26. Untuk memudahkan mengatur folder dari website yang sedang dibangun, kita bisa menggunakan fasilitas . A. Files Panel B. Tag Selector C. Document windows D. Standart toolbar E. Insert Bar 27. Suatu image yang akan berubah ketika pointer dari mouse diarahkan pada image tersebut adalah . A. Image button B. Rollover Image C. Image Placeholder

D. Scroll Image E. Image bar 28. Bagian yang digunakan untuk mengatur jarak antara isi sel dalam table dengan batas tepi sel adalah . A. Cell Spacing B. Cell Padding C. Border D. Width E. Height 29. Perhatikan gambar berikut :

Tampilan seperti gambar di atas disebut . A. Coding B. Design C. Split D. Command E. Browser 30. Perhatikan gambar berikut :

Gambar di atas adalah bagian yang disebut . A. Behavior B. Layer C. Tag Inspector D. Properties E. Aplication ESSAY Buatlah KODE PROGRAM WEB berikut ini dengan ketentuan : 1. Kode CSS berikut disimpan dengan nama UAS.css
/* CSS Document */ .Judul { font-size: 13px; color: #6095d0; font-family: Arial, Helvetica, sans-serif; font-weight:bold; } .Author { font-size: 10px; color: #00F; font-family: Georgia, "Times New Roman", Times, serif; } p { font-size: 12px; color: #000000;

font-family: verdana;

/* perintah membuat menu horizontal */ ul { margin: 0; padding:0; list-style: none; } li { display:inline; } li a{ float:left; color:#ff8d1b; text-decoration:none; border-right:1px solid #ff7f00; border-bottom:1px solid #fff; border-top:1px solid #fff; padding:2px 10px 2px 10px; font-family:Georgia, garamond, serif; } li a:hover{ float:left; color:#db6d00; text-decoration:none; border-bottom:1px solid #ff7f00; border-top:1px solid #ff7f00; background:#ffdfbf; }

2. File image : disimpan di folder Image dengan nama : Gambar.jpeg 3. Fungsikan file CSS tersebut untuk membangun web sesuai dengan gambar berikut :

Main Page (home)

Keahlian Page (Keahlian)

**** Good Luck, Kerjakan dengan JUJUR tanpa mencontek ****