Worksheets3.3 LAMAN WEB INTERAKTIF SAINS KOMPUTER TING 5
Total questions: 61
Worksheet time: 39mins
Terdapat ____________ prinsip asas mereka bentuk laman web.
5
6
7
8
Yang berikut merupakan prinsip asas reka bentuk laman web kecuali......
Navigasi
Typogarphy
Keseimbangan visual
warna dan grafik
Kontra
Persekitaran laman web termasuklah...
kesesuaian penggunaan pelbagai jenis pelayar
kelajuan capaian internet
keperluan perisian sokongan untuk paparan
kepelbagaian sistem komputer dan peranti mudah alih yang digunakan oleh pengguna
kepelbagaian saiz paparan monitor yang digunakan
Jenis pelayar yang boleh digunakan bagi memaparkan laman web.
Internet Edplorer
Google Chrome
Firefox
Java
C++
Kelajuan capaian sangat penting bagi tujuan...
hiburan
permainan
berita
carian maklumat
Contoh perisian sokongan untuk animasi, audio dan video ialah
Xampp
Powerpoint
Java
Flash
Teknik atau kaedah yang sesuai digunakan untuk menarik perhatian pengguna laman web seperti...
penggunaan kesan khas seperti drop shadow, tekstur atau cahaya
penggunaan ruang putih
penggunaan fungsi bold, italic,warna dan border
pemilihan bahan
Paparan skrin akan memberikan impak secara terus pada kualiti paparan web berdasarkan saiz resolusi yang digunakan.
Betul
Salah
Konsep perbezaan digunakan untuk menghasilkan tarikan visual terhadap suatu elemen yangin ditekankan dalam laman web.
Betul
Salah
Antara kaedah perbezaan yang boleh digunakan adalah seperti berikut
penggunaan label dan pautan yang berbeza
penggunaan border, warna yang berbeza dan juga kesan khas
Penggunaan teks biasa
penggunaan ruang putih
Prinsip typography merujuk penyusunan teks yang dipaparkan dalam laman web.
Betul
Salah
Penyusunan teks yang baik memudahkan pemahaman dalam proses pembacaan dan juga meningkatkan elemen mesra pengguna dalam laman web.
Betul
Salah
Corak penyusunan teks digunakan mengikut gaya pembacaan pengguna. Berikut merupakan gaya pembacaan pengguna kecuali
corak paparan warna warni
corak paparan berasaskan kertas
corak paparan secara Z-shaped
corak paparan secara F-shaped
Apakah yang akan terjadi sekiranya tidak menggunakan fon yang dikategorikans sebagai selamat?
Sistem pengoperasian tidak menyokong jenis fon tersebut dan mempunyai masalah memaparkan kandungan web.
Paparan jadi kurang jelas
Paparan memaparkan saiz lebih kecil
Sistem beroperasi seperti biasa namun tulisan dipaparkan jadi lebih besar
Antara panduan yang berkaitand engan typography adalah seperti berikut
Seragamkan jenis teks atau fon yang digunakan bagi setiap halaman yang dibuka
Gunakan saiz teks yang berbeza bagi membezakan tajuk dengan kandungan atau huraian
Gunakan warna yang berbeza dalam setiap tajuk dengan kandungan
Gunakan ruang yang luas untuk menonjolkan teks
Apakah peranan penggunaan warna dan grafik sesebuah laman web?
Menonjolkan imej dan identiti
Mampu menarik perhatian pelawat
Meningktkan kebolehbacaan
Menimbulkan warna warni dalam teks
Navigasi merujuk kepada..
perbezaan yang digunakan untuk menghasilkan tarikan visual
struktur laman web yang akan memudahkan seseorang pengguna melayarinya.
penyusunan teks yang dipaparkan dalam laman web
maklumat atau kandungan yang ingin diberikan perhatian dalam laman web
Pilih item yang termasuk dalam teknik navigasi
Bar navigasi
Menu Drop-down
Breadcrumbs
Pautan menggunakan trafik
Site map
Apakah fungsi gabungan elemen visual seperti garisan, imej, teks, bentuk, warna dalam laman web?
Mewujudkan keserasian
Mewujudkan keseimbangan
Mewujudkan nilai estatik
Mewujudkan keseragaman
HTML
HYPERTEXT MARKUP LANGUAGE
HYPERTEXT MARKUP LOUNCH
HYPERLINK MARKUP LANGUAGE
CSS
CASCADING STYLE SHOW
CASCADING STYLE SHEET
CAST STYLE SHEET
tujuan CSS ialah
perubahan nilai - nilai pada nilai atribut
membenarkan perubahan gaya pada laman web
membenarkan client mengubah gaya pada laman web
HTML (Hypertext Markup Language) ialah....
bahasa markup standard yang digunakan oleh pereka web profesional bagi merekabentuk pengaturcaraan
bahasa markup standard yang digunakan oleh pereka web profesional bagi merekabentuk carta alir.
bahasa markup standard yang digunakan oleh pereka web profesional bagi merekabentuk laman web.
CSS (Cascading Style Sheet) ialah salah satu bahasa pengaturcaraan yang merupakan tambahan kepada HTML.
BENAR
PALSU
Antara prinsip asas reka bentuk laman web ialah jenis persekitaran web yang dibina,perbezaan elemen dallam web, penekanan maklumat web,.......,....,....,......
gambarajah yang jelas,tulisan yang kemas,warna yang terang,jenis tulisan yang cantik
typography,warna yang terang,tulisan yang bercorak,gambar yang elok
typography,warna dan grafik,keseimbangan visual,navigasi
typography,warna dan grafik,tuisan yang tidak bercorak,navigasi
Kesesuaian penggunaan pelbagai jenis pelayar, kelajuan capaian Internet, keperluan perisian sokongan adalah antara faktor teknikal bagi prinsip....
typography
jenis persekitaran web yang dibina
warna dan grafik
keseimbangan visual
Penggunaan kesan khas seperti drop shadow, tekstur atau cahaya dan bentuk merupakan prinsip untuk...
penekanan maklumat dalam web
jenis persekitaran web yang dibina
keseimbangan web
navigasi
Antara kaedah perbezaan yang boleh dilakukan adalah seperti berikut : penggunaan label dan pautan yang berbeza,penggunaan border, warna yang berbeza dan juga kesan khas adalah prinsip....
navigasi
keseimbangan visual
penekanan maklumat dalam web
warna dan grafik
Penggunaan warna dan grafik dalam laman web mampu menonjolkan imej dan identiti sesebuah laman web.
BENAR
PALSU
Pereka web biasanya akan menggunakan pelbagai teknik ....dalam laman web mereka mengikut kesesuaian seperti menu drop-down,breadcrumbs,site map,pautan menggunakan grafik dan bar.....
warna dan grafik
keseimbangan visual
navigasi
......................................... merujuk gabungan elemen visual seperti garisan,imej,teks,bentuk dan warna dalam laman web.
navigasi
keseimbangan visual
typography
Antara penstrukturan halaman yang digunakan adalah seperti penstrukturan secara hierarki,penstrukturan secara jujukan dan penstrukturan kompleks.
BENAR
PALSU
Rajah menunjukkan teknik navigasi.....
menu drop down
toolbar
Rajah menunjukkan navigasi jenis....
bar navigasi
breadcrumbs
menu drop down
Rajah menunjukkan teknik navigasi bagi .....
Peta tapak (site map)
toolbar
breadcrumbs
Rajah menunjukkan teknik navigasi jenis
menu drop down
pautan menggunakan grafik
bar navigasi
Rajah yang dibulatkan menunjukkan teknik navigasi...
bar navigasi
breadcrumbs
toolbar
Rajah yang dibulatkan menunjukkan contoh navigasi jenis....
toolbar
bar navigasi
peta tapak (site map)
Teknik navigasi yang paling sesuai digunakan untuk golongan kanak-kanak ialah.....
menu drop -down
pautan menggunakan grafik
bar navigasi
Corak penyusunan teks yang mengikut gaya pembacaan pengguna seperti corak paparan berasaskan kertas,paparan secara Z-shaped,paparan secara F-shaped MERUPAKAN PRINSIP TYPOGRAPHY
BENAR
PALSU
Penggunaan warna yang berwarna-warni LAMAN WEB yang direkabentuk menjadikan pengguna merasa seronok dan tenang.
BENAR
PALSU
Pereka laman web mesti melihat golongan sasaran laman yang akan direkabentuk agar dapat menarik perhatian pengguna dan pengguna akan dapat pengalaman yang menyeronokkan apabila melayari laman web.
BENAR
PALSU
Penggunaan kesan khas seperti drop shadow , tekstur atau cahaya dan bentuk.
Penggunaan ruang putih untuk menjadikan elemen-elemen kelihatan lebih terserlah.
Penggunaan fungsi bold, italic, warna yang berbeza dan border.
PENEKANAN MAKLUMAT DALAM WEB
PERBEZAAN ELEMEN DALAM WEB
JENIS PERSEKITARAN WEB
TYPOGRAPHY
PENSTRUKTURAN KANDUNGAN
Penggunaan label dan pautan yang berbeza.
Penggunaan border, warna yang berbeza & kesan khas.
Penggunaan ruang putih, teks terbalik, teks huruf condong (italic) dan saiz teks yang berbeza.
Penggunaan prinsip perbezaan warna
PENEKANAN MAKLUMAT DALAM WEB
PERBEZAAN ELEMEN DALAM WEB
JENIS PERSEKITARAN WEB
TYPOGRAPHY
PENSTRUKTURAN KANDUNGAN
Merujuk kepada penyusunan teks yang akan dipaparkan dalam laman web.
PENEKANAN MAKLUMAT DALAM WEB
PERBEZAAN ELEMEN DALAM WEB
JENIS PERSEKITARAN WEB
TYPOGRAPHY
PENSTRUKTURAN KANDUNGAN
Merujuk kepada struktur laman web yang akan memudahkan seseorang pengguna melayarinya.
PENEKANAN MAKLUMAT DALAM WEB
PERBEZAAN ELEMEN DALAM WEB
JENIS PERSEKITARAN WEB
TYPOGRAPHY
NAVIGASI
Senaraikan semua maklumat yang bakal dimasukkan ke dalam laman web.
Senaraikan semua perkara yang boleh dilakukan oleh pengguna.
INVENTORI MAKLUMAT
PENGELASAN MAKLUMAT
Mengelaskan senarai maklumat kepada beberapa kategori.
INVENTORI MAKLUMAT
PENGELASAN MAKLUMAT
Kenalpasti Gaya Penstrukturan Halaman tersebut
Hierarki
Jujukan
Kompleks
Kenalpasti Gaya Penstrukturan Halaman tersebut
Hierarki
Jujukan
Kompleks
Kenalpasti Gaya Penstrukturan Halaman tersebut
Hierarki
Jujukan
Kompleks
Rajah menunjukkan satu contoh wireframe
Benar
Palsu
Jangan label bahagian atau elemen dalam membuat wireframe tapak web.
Benar
Palsu
Laman web Wireframe adalah lukisan garis mudah yang membantu anda memvisualisasikan penempatan elemen pada halaman web anda.
Benar
Palsu
Buat laman web wireframe pada akhir membangunkan sebuah laman web.
Benar
Palsu
Kenalpasti Teknik Navigasi tersebut
Toolbar
Bar Navigasi
Breadcrumbs
Peta Tapak (Site Map)
Menu Drop Down
Kenalpasti Teknik Navigasi tersebut
Toolbar
Bar Navigasi
Breadcrumbs
Peta Tapak (Site Map)
Menu Drop Down
Kenalpasti Teknik Navigasi tersebut
Toolbar
Bar Navigasi
Breadcrumbs
Peta Tapak (Site Map)
Menu Drop Down
Kenalpasti Teknik Navigasi tersebut
Toolbar
Bar Navigasi
Breadcrumbs
Peta Tapak (Site Map)
Menu Drop Down
Kenalpasti Teknik Navigasi tersebut
Toolbar
Bar Navigasi
Breadcrumbs
Peta Tapak (Site Map)
Menu Drop Down
Membentuk inventori maklumat dan pengelasan maklumat merupakan langkah-langkah dalam penstrukturan kandungan atau maklumat
BENAR
PALSU
