Sebagai tambahan materi untuk memperdalam penguasaan tentang mata pelajaran Pemrograman Web, kali ini
Jaring Web memberikan solusi dengan membagi contoh soal pemrograman web semester gasal. untuk mendownload file dalam format WORD dapat mengeklik LINK DOWNLOAD dibawah Soal. Soal kami lengkapi dengan kunci jawaban, sehingga dapat mempermudah dalam penguasaan materi.
Kompetensi Dasar yang di tuangkan dalam soal ini adalah :
3.1. Memahami konsep teknologi aplikasi web
3.2.
Memahami format teks pada halaman web
3.3.
Memahami format tabel pada halaman web
3.4.
Memahami tampilan format multimedia
3.5.
Memahami format kaitan pada halaman web
Langsung saja ke soal berikut ini !
I.
PILIHAN GANDA
Pilihlah salah satu jawaban yang paling tepat dengan cara memberi tanda silang pada huruf A, B, C, D,atau E !
1.
Profesi dalam pengembangan aplikasi web yang bertugas dalam membuat tampilan situs (web) mulai dari pengolahan gambar, tata letak, warna, dan semua aspek visual situs, fokus utama mereka adalah tampilan / layout dari web adalah ....
A.
Web Administrator
D. Web Designer
B.
Web Programmer
E. Web Master
C.
Web Developer
2.
Versi HTML yang diliris pada tanggal 14 Januari 1996 dengan beberapa kemampuan tambahan seperti penambahan form, hal ini menjadi pionir untuk membuat sebuah web yang interaktif adalah ...
A.
Versi 1.0
D. Versi 4.0
B.
Versi 2.0
E. Versi 5.0
C.
Versi 3.0
3.
Bahasa standar web yang didefinisikan dan dikelola penggunaannya oleh W3C (World Wide Web Consurtium), dikembangkan oleh Tim Berners-Lee. Selanjutnya , bahasa tersebut dipopulerkan oleh browser Mosaic adalah ...
A.
HTML
D. ASP
B.
PHP
E. C++
C.
XML
4.
Analisis tentang proses bagaimana aplikasi berbasis web ini akan menampilkan informasi kepada pengguna adalah ...
A.
Analisis isi informasi
D. Analisis komputerisasi
B.
Analisis fungsional
E. Analisis konfigurasi
C.
Analisis interaksi
5.
Kelompok perangkat lunak seperti desktop publishing tetapi format yang dihasilkan adalah halaman web. Aplikasi ini biasanya bersifat “WYSIWYG” (What You See Is What You Get, dibaca “whizzy-wig”) yaitu apa yang kamu lihat, itulah yang kamu dapatkan adalah …
A.
Web page authoring
D. Aplikasi Internet.
B.
Perangkat Lunak
E. Editor
C.
Perangkat Keras
6.
Perhatikan script HTML berikut ini !
Untuk mengisi content sebuah web, di letakkan di antara TAG adalah ...
A.
<html> </html>
D. <body> </body>
B.
<title>
</title>
E. <table> </table>
C.
<head> </head>
7.
Fungsi TAG <del> dalam coding HTML adalah …
A.
Mendefinisikan teks di bawah garis
D. Mendefinisikan teks ditandai
B.
Mendefinisikan teks di atas garis
E. Mendefinisikan teks dicoret
C.
Mendefinisikan teks sisipan
8.
Tag yang di gunakan untuk membuat daftar berurutan dengan menggunakan huruf romawi kecil adalah ...
A.
<ol type=”A”>
D. <ol type=”i”>
B.
<ol start=”a”>
E. <ol start=”i”>
C.
<ol type=”I”>
9.
Di bawah ini yang bukan termasuk atribut tabel data (<table>) adalah …
A.
height
D. bgcolor
B.
width
E. valign
C.
align
10.
Atribut yang digunakan untuk menggabungkan 7 kolom adalah …
A.
<td rowspan=7>....</td>
D. <td pointspan=7>....</td>
B.
<td colspan=7>....</td>
E. <td cellspan=7>....</td>
C.
<td tabel=7>....</td>
11.
Mana pernyataan berikut ini yang benar untuk tag tabel di dalam tabel ....!
A.
<table>..</table> diletakan di dalam tabel
B.
<table>..</table> diletakan di dalam sel
C.
<table>..</table> diletakan di dalam row
D. <table>..</table> diletakan di dalam <tr>..</tr>
E. <table>..</table> diletakan di dalam <td>..</td>
12.
Perhatikan gambar di bawah ini !
Untuk mengisi no 1,2 3,4, 5, 6 yang benar adalah ...
A.
Logo, Header, Navigasi, Footer, White Space
B.
Logo, Header, White Space, Footer, Navigasi
C.
Logo, Header, Navigasi, White Space, Footer
D.
Logo, Navigasi, White Space, Footer, Header
E.
Logo, Navigasi, Footer, Header , White Space
13.
Perhatikan gambar di bawah ini !
Yang membedakan penggunaan TAG <img...... > pada gambar komputer 1 dan komputer 2 adalah....
A.
Pada gambar komputer 1 menggunakan atribut align CENTER dan gambar komputer 2 menggunakan atribut align MIDLE
B.
Pada gambar komputer 1 menggunakan atribut align RIGHT dan gambar komputer 2 menggunakan atribut align RIGHT
C.
Pada gambar komputer 1 menggunakan atribut align RIGHT dan gambar komputer 2 menggunakan atribut align LEFT
D.
Pada gambar komputer 1 menggunakan atribut align LEFT dan gambar komputer 2 menggunakan atribut align RIGHT
E.
Pada gambar komputer 1 menggunakan atribut align LEFT dan gambar komputer 2 menggunakan atribut align LEFT
14.
Perhatikan gambar di bawah ini !
Untuk menampilkan navigasi audio seperti gambar di atas serta audio berjalan secara otomatis dan berulang, TAG yang digunakan adalah.....
A.
<audio controls = " autoplay " autoplay=" controls " loop="loop" >
B.
<audio controls = "controls" autoplay=" loop" loop=" autoplay " >
C.
<audio controls = " loop" autoplay="autoplay" loop=" controls" >
D.
<audio controls = " loop" autoplay=" controls" loop="autoplay" >
E.
<audio controls = "controls" autoplay="autoplay" loop="loop" >
15.
Untuk menampilkan video pada halaman HTML, diperlukan Format video yang disupport oleh browser adalah ....
A.
MP3, WebM, Ogg
D. MP4, WebN, Oqq
B.
MP4, WebM, Ogg
E. MP3, WebN, Oqq
C.
MP4, WebN, Ogg
16.
Untuk membuat image map, tag yang digunakan adalah ....
A.
<road> dan <location>
D. <image> dan <area>
B.
<map> dan <location>
E. <map> dan <area>
C.
<road> dan <area>
17.
Suatu metode yang digunakan dalam HTML untuk membuat hubungan antar halaman yang terdapat dalam satu situs web adalah ...
A.
HTML
D. WWW
B.
LINK
E. HTTP
C.
URL
18.
Tanda yang menunjukan bahwa tujuan link adalah nama bagian, bukan berupa file adalah ....
A.
@
D. #
B.
&
E. %
C.
!
19.
Untuk melengkapi script link di bawah ini adalah ...
A.
href
D. www
B.
reff
E. http
C.
src
20.
Untuk melengkapi script link di bawah ini adalah ...
A.
emailto
D. httpto
B.
mailto
E. urlto
C.
srcto
II.
Esay
Jawablah pertanyaan di bawah ini dengan tepat, singkat dan benar !
1.
Jelaskan perbedaan tujuan yang bersifat informatif dan fungsional !
2.
Tuliskan script HTML untuk menampilan daftar menu berikut ini !
3.
Perhatikan layout halaman web berikut ini, kemudian tuliskan skrip untuk menampilkan layout halaman web seperti gambar di bawah ini !
4.
Tuliskan skrip untuk menampilkan gambar dengan nama file gambar UAS_2015.jpg dan gambar tersebut terletak di folder web/images !
5.
Tuliskan skrip untuk membuat link menuju halaman index.html!
Download Materi
