Font size
WorksheetsDesain Web
Total questions: 50
Worksheet time: 8mins
Website pertama di dunia dibuat oleh...
Steve Jobs
Bill Gates
Tim Berners-Lee
Mark Zuckerberg
Ciri utama Web 1.0 adalah...
Interaktif dan partisipatif
Hanya bisa dibaca (read-only)
Berbasis media sosial
Menggunakan AI
Teknologi yang memungkinkan pengaturan tampilan halaman web adalah...
HTML
CSS
JavaScript
PHP
Era munculnya CSS pertama kali sekitar tahun...
1990
1996
2001
2010
Web 2.0 dikenal dengan ciri...
Statis
Tidak interaktif
Interaktif dan user-friendly
Tanpa warna
Prinsip utama UX (User Experience) adalah...
Fokus pada tampilan
Fokus pada pengalaman pengguna
Fokus pada animasi
Fokus pada warna
Prinsip UI (User Interface) menekankan pada...
Logika program
Keamanan data
Tampilan visual
Struktur server
Warna dan tipografi dalam desain web berfungsi untuk...
Membuat situs lebih berat
Menarik perhatian dan memperjelas pesan
Mengurangi loading time
Mencegah error
Desain yang memprioritaskan tampilan di smartphone disebut...
Mobile friendly
Desktop only
Static design
Web legacy
Storytelling visual dalam web berfungsi untuk...
Menampilkan teks panjang
Membangun narasi yang menarik
Menyembunyikan informasi
Menghapus gambar
Prinsip consistency dalam UI berarti...
Warna dan gaya berbeda di tiap halaman
Keseragaman elemen visual di seluruh halaman
Tampilan berubah setiap refresh
Layout acak
UX yang baik harus...
Rumit dan detail
Cepat, mudah, dan intuitif
Banyak efek animasi
Hanya fokus pada estetika
Aksesibilitas web berarti...
Desain hanya untuk pengguna ahli
Dapat diakses semua pengguna termasuk difabel
Hanya untuk pengguna premium
Hanya untuk perangkat tertentu
Micro-interaction berfungsi untuk...
Membingungkan pengguna
Memberi respon visual kecil pada tindakan
Mengganti seluruh tampilan
Menonaktifkan tombol
Prinsip feedback dalam UX artinya...
Sistem diam saja
Sistem memberikan respon terhadap aksi pengguna
Web 3.0 dikenal sebagai era...
Artificial Intelligence & konektivitas data
HTML statis
Tanpa desain
Media cetak
Framework CSS populer yang sering digunakan adalah...
Blender
Bootstrap
PowerPoint
Canva
Desain dark mode mulai populer karena...
Meningkatkan konsumsi baterai
Menyilaukan pengguna
Mengurangi silau dan meningkatkan fokus
Hanya tren sesaat
Salah satu prinsip UX: User-Centered Design artinya...
Desain berorientasi ke teknologi
Desain berorientasi ke pengguna
Desain berorientasi ke desainer
Desain tanpa riset
Website modern harus responsif, artinya...
Menyesuaikan tampilan di berbagai perangkat
Hanya bisa di desktop
Tidak berubah ukuran
Tidak menggunakan CSS
Ekstensi file HTML yang benar adalah...
.doc
.html
.css
.exe
Tag pembuka HTML adalah...
<body>
<html>
<title>
<head>
Tag untuk menampilkan judul halaman di browser adalah...
<h1>
<title>
<p>
<head>
Isi halaman web ditempatkan di dalam tag...
Tag <h1> sampai <h6> digunakan untuk...
Membuat hyperlink
Menampilkan gambar
Menentukan judul atau heading
Membuat paragraf
Tag <p> digunakan untuk...
Paragraf
Gambar
Tabel
Garis
Untuk membuat tautan, digunakan tag...
<a>
<link>
<button>
<meta>
Tag <img> digunakan untuk...
Membuat tabel
Menampilkan gambar
Membuat daftar
Menulis teks
Struktur dasar HTML terdiri dari...
Head dan Script
Head dan Body
Header dan Footer
Page dan Section
Tag untuk menampilkan daftar berurutan adalah...
<ul>
<ol>
Tag <br> berfungsi untuk...
Membuat baris baru
Membuat paragraf
Menyisipkan gambar
Menghapus teks
32. Komentar dalam HTML ditulis dengan...
// komentar
/* komentar */
<!-- komentar -->
# komentar
File HTML dapat dibuat menggunakan program...
Notepad
Excel
Paint
Word
Tag <a href="..."> di gunakan untuk.....
Menampilkan gambar
Menyisipkan tautan
Membuat heading
Mengatur warna
Atribut alt pada tag <img> berfungsi untuk...
Memberi teks alternatif jika gambar tidak tampil
Mengatur posisi gambar
Menghapus gambar
Menambah efek
CSS singkatan dari...
CSS digunakan untuk...
Struktur teks
Mengatur tampilan halaman
Menambah link
Menyimpan data
Sintaks dasar CSS adalah...
selector { property: value; }
tag = value
(property) = value
define style
Untuk memberi warna teks digunakan properti...
font
color
text
background
Untuk memberi warna latar belakang digunakan...
text-color
bg-color
background-color
fill
Properti font-family digunakan untuk...
Ukuran teks
Jenis huruf
Warna teks
Gaya teks
Properti font-size mengatur...
Warna teks
Jenis font
Ukuran huruf
Bayangan teks
CSS eksternal disimpan dalam file dengan ekstensi...
.html
.css
.js
.xml
Tag untuk menghubungkan CSS eksternal dalam HTML adalah...
<link>
<script>
Selektor #header menandakan pemanggilan elemen berdasarkan...
Tag
Class
ID
Atribut
46. Selektor .menu menandakan pemanggilan berdasarkan...
ID
Tag
Class
Variable
Layout fleksibel dalam CSS dapat dibuat menggunakan...
Grid dan Flexbox
Table
Frame
Align
Properti margin digunakan untuk...
Mengatur jarak luar elemen
Mengatur jarak dalam
Mengubah warna
Menambah border
Properti padding digunakan untuk...
Jarak luar
Jarak dalam
Ukuran teks
Posisi gambar
Untuk membuat teks berada di tengah digunakan properti...
text-align: center;
text-center: true;
align-text: middle;
font-align: center;
