wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

PTS DMI

Total questions: 30

Worksheet time: 21mins

Name
Class
Date
1.

Dalam mendesain website diperlukan keterampilan mengetahui kode pewarnaan, agar dalam pengaturan website baik

pengaturan warna latarbelakang maupun pengaturan warna font lebih menarik. kode warna untuk warna light green yang tepat yaitu ?

a)

#90ee90

b)

#90cc90

c)

#90aa90

d)

#90ff90

2.

perhatikan sintak html css berikut :

body { background-color : #fffe0; color : #BF00FF;}

maka tampilan dasar warna text website tersebut adalah ... ?

a)

kuning pastel

b)

biru toscha

c)

merah marun

d)

ungu

3.

perhatikan pengaturan css pada class berikut :

.atas{height: 125px; width: 100%;background-color:"lightblue";color: #000080; }

.utama{height: 925px; width: 100%;background-color:"grey";color: #000000; }

.bawah{height: 125px; width: 100%;background-color:"black";color: "white"; }

pertanyaannya pada tampilan website ruang bagian class " atas " memiliki pengaturan warna ?

a)

latar dasar warna biru cahaya dan warna font kuning

b)

latar dasar biru cahaya dan warna font biru

c)

latar dasar abu abu warna font hitam

d)

latar dasar hitam dan warna font putih

4.

perhatikan pengaturan css pada class berikut :

.atas{height: 125px; width: 100%;background-color:"lightblue";color: #000080; }

.utama{height: 925px; width: 100%;background-color:"grey";color: #000000; }

.bawah{height: 125px; width: 100%;background-color:"black";color: "white"; }

pertanyaannya pada tampilan web ruang class utama memiliki pengaturan warna ?

a)

latar dasar warna hijau muda dan font hijau tua

b)

latar dasar abu abu dan font warna putih

c)

latar dasar abu abu dan font warna cokelat

d)

latar dasar abu abu dan font warna hitam

5.

perhatikan sintak berikut :

<marquee> <h1 style="color:#808080;"> kelas</h1> |<h2 style="color:orange;"> XII Multimedia 1</h2>|<h2 style="color:yellow;"> XII Multimedia 2</h2> </Marquee>

sintak html CSS diatas akan menampilkan ......

a)

judul dengan tulisan kelas ukuran besar warna abu abu, judul XII Multimedia 1 ukurannya sedikit lebih kecil dari judul kelas

b)

judul dengan tulisan kelas ukuran besar warna abu abu, judul XII Multimedia 1 dan XII Multimedia 2 dengan masing masing warna jeruk dan kuning dan ukurannya sedikit lebih kecil dari judul kelas

c)

judul dengan tulisan kelas ukuran besar warna hitam, judul XII Multimedia 1 dan XII Multimedia 2 dengan masing masing warna jeruk dan kuning dan ukurannya sedikit lebih kecil dari judul kelas

d)

teks berjalan yang menampilkan judul dengan tulisan kelas ukuran besar warna abu abu, judul XII Multimedia 1 dan XII Multimedia 2 dengan masing masing warna jeruk dan kuning dan ukurannya sedikit lebih kecil dari judul kelas

6.

Properti yang digunakan untuk mengubah font dari elemen adalah ?

a)

font-size

b)

Kedua font-family dan font yang dapat digunakan

c)

text-family

d)

font-family

7.

properti yang digunakan untuk mengubah elemen margin kiri adalah..

a)

margin-left

b)

margin-right

c)

padding-left

d)

padding-right

8.

Bagaimana anda memasukkan komentar dalam file CSS?

a)

/*//Ini adalah komentar / *//

b)

/* Ini adalah komentar */

c)

* /* Ini adalah komentar */*

d)

* Ini adalah komentar *

9.

sintax yang manakah property CSS nya untuk pengaturan tinggi imajiner suatu ruang class ?

a)

.container{ size-up=125px;}

b)

.container{ width =125px;}

c)

.container{ height=125px;}

d)

.container{ height=125pt;}

10.

CSS memiliki singkatan ...?

a)

cashback system sheet

b)

cashlanding style shoot

c)

cashcading Stylo sift

d)

cashcading style sheets

11.

Apa kepanjangan dari HTML ?

a)

Harvest trade marketing line

b)

hirarki textual mokeup language

c)

hypertext markup line

d)

hypertex markup language

12.

perhatikan alamat situs berikut ini :

https://info.gtk.kemdikbud.go.id

berdasarkan domain alamat situs diatas, maka website tersebut termasuk jenis website ...

a)

komersil

b)

pemerintah

c)

hiburan

d)

edukasi

13.

perhatikan alamat situs berikut :

https://www.nicuc.ac.jp

berdasarkan alamat domain diatas. berasal dari negara manakah alamat situs tersebut ...

a)

Jepang

b)

Jerman

c)

Jamaika

d)

Jenne Ponto

14.

software yang digunakan untuk berselancar internet mencari dan mengunjungi alamat situs website yang dituju adalah ...

a)

aplikasi flash player

b)

aplikasi playstore

c)

aplikasi browser

d)

aplikasi office

15.

perhatikan sintaks berikut ini :

< table borders="1">

<tr> <th> nama</th> </tr>

<tr> <td> Abil</td></tr>

</table>

sintaks diatas berfungsi untuk... ?

a)

membuat list

b)

membuat tabel

c)

membuat text berjalan

d)

tidak bisa digunakan karena ada kesalahan penulisan

16.

perbedaan antara html dengan CSS adalah ...

a)

html merupakan struktur utama dalam

pembentukan website yang merupakan

bahasa markah, sedang CSS adalah

pelengkap untuk menambah keindahan pada

tampilan website.

b)

css merupakan struktur utama dalam

pembentukan website yang merupakan

bahasa markah, sedang html adalah

pelengkap untuk menambah keindahan pada

tampilan website.

c)

html merupakan bahasa pemrograman

sedangkan CSS merupakan bahasa markah

d)

html dan SS merupakan bukan bahasa pemograman

17.

alamat website yang menjadi referensi untuk bahan tutorial belajar bahasa pemrograman dan html

css serta database adalah ..

a)

chatgpt

b)

youtube.com

c)

kompasarah.com

d)

w3school.com

18.

keuntungan dari penggunaan web berbasis multimedia. kecuali adalah

a)

Dapat mengatasi berbagai

gaya belajar.

b)

Belajar dengan sistem

visual dan secaraAuditori

c)

mudah mengakses kontent yang mengganggu aktifitas belajar seperti game online

d)

Bahan lebih menarikdan

menyenangkan

19.

perhatikan sintaks berikut :

<video width="400" controls>

<source src="mov_bbb.mp4" type="video/mp4">

<source src="mov_bbb.ogg" type="video/ogg">

Your browser does not support HTML video.

</video>

fungsi sintaks diatas adalah..

a)

untuk menampilkan audio pada website

b)

untuk menampilkan banner pada website

c)

untuk menampilkan peta pada website

d)

untuk menampilkan video pada website

20.

perhatikan sintaks berikut :

<link rel="stylesheet" href="styles.css">

fungsi dari sintaks tersebut adalah ..

a)

sebagai tombol menu

b)

sebagai tautan halaman baru

c)

sebagai tautan yang menghubungkan pengaturan tampilan CSS pada website

d)

sebagai hiperlink pindah halaman

21.

perhatikan sintaks berikut :

p {

font-family: verdana;

font-size: 20px;

color="blue;"}

fungsi dari sintaks css ini adalah..

a)

pengaturan huruf

b)

pengaturan tampilan style paragraf

c)

pengaturan picture

d)

bukan untuk pengaturan apapun

22.

perhatikan kasus dibawah ini :

yusuf dan Ramdani diberi tugas membuat website dengan perintah menampilkan photo.

sintaks htmlnya sama untuk pemanggilan photo, yang dibedakan adalah alamat penyimpanan photo. kemudian ukuran resolusi photo sama. ketika Yusuf ingin membuka website buatannya di komputer photonya bisa tampil, sedang Ramdani tidak sama sekali menampilkan photo diwebsite pada saat menggunakan photo.

dari kasus diatas sebenarnya kesalahan apa yang terjadi.. ?

a)

kemungkinan ukuran dan jenis file photo Yusuf dan Ramdani sama sama sangat kecil

b)

kemungkinan ukuran dan jenis file photo Yusuf dan Ramdani sama sama sangat besar

c)

kemungkinan Yusuf dan ramdani menggunakan sinyal pemanggilan photo secara manual dan masih menggunakan alamat penyimpanan file photo di smartphone

d)

kemungkinan hanya Yusuf menggunakan sinyal pemanggilan photo secara manual dan masih menggunakan alamat penyimpanan file photo di smartphone sedang Ramdani penulisan sintaksnya saja ada yang salah.

23.

perhatikan sintaks css berikut ini :

.button {
  background-color: #04AA6D; /* Green */
  border: none;
  color: #222;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

fungsi sintaks css diatas adalah ..

a)

membuat text hyperlink

b)

membuat jumbotroon

c)

membuat slide

d)

membuat tombol

24.

perhatikan sintaks html css berikut :

<ul class="a">

<li>Coffee</li>

<li>Tea</li>

<li>Coca Cola</li>

</ul>

apakah yang akan tergambarkan hasil olah dari sintaks diatas ?

a)

membuat tabel minuman

b)

membuat list minuman dengan pemanggilan pengaturan css pada class a

c)

hanya membuat list sederhana

d)

membuat tabel minuman tanpa garis

25.

jika kita membuat website dimana file index.html maupun style.css nya disimpan pada folder htdoc. untuk bisa dipanggil pada browser dan terkoneksi database dan localhost. namun sisi lain harus ada update data pengisian konten berita untuk memasukan gambar photo dan narasi berita. apa yang harus dilakukan hanafi pengelola web.. ?

a)

diamkan saja dengan sendirinya berubah

b)

buka file styles.css pada editor code kemudian rubah dan save.

c)

buka file index.html pada editor code kemudian rubah pada body yang mana class nya berisikan konten photo dan paragraf dan save.

d)

cari orang lain yang bisa memotong dan menulis

26.

bagan alur yang menggambarkan langkah-langkah, urutan, dan keputusan dalam suatu proses atau prosedur. serta menggunakan simbol-simbol untuk menunjukkan aktivitas, kondisi, dan alur logika.  disebut...?

a)

storyline

b)

flowchart

c)

story telling

d)

storyboard

27.

alat untuk menulis kode dalam bahasa pemrograman yang digunakan untuk membuat program komputer. Editor kode merupakan alat penting bagi pengembang karena dapat membantu mereka mengkode dengan efisien dan bebas kesalahan. merupakan pengertian fungsi dari ...

a)

browser

b)

komposer

c)

editor code

d)

converter

28.

nama atau alamat unik yang digunakan untuk mengakses suatu website. Domain berfungsi sebagai identitas server dan komputer suatu website, sehingga memudahkan pengguna untuk mengidentifikasinya. adalah pengertian dari..

a)

gawai

b)

portal web

c)

domain

d)

server

29.

pembuatan flowchart saat ingin membuat produk multimedia berupa website. terjadi pada alur proses produksi multimedia pada tahapan ...

a)

pra produksi

b)

proses produksi

c)

pasca produksi

d)

finalisasi produksi

30.

hasil desain website yang baik adalah kecuali ....

a)

website memiliki tampilan desain warna yang menarik dan matching

b)

website membatasi jumlah tampilan penyedia media video, agar konten website ringan dan mudah diakses.

c)

membiarkan adanya kesalahan penulisan pada artikel penyajian dan perbanyak menampilkan video serta memilih warnanya cukup dua warna saja

d)

semuanya benar