Duyarlı Web Tasarımı Final Test 1 – ATA-AÖF Web Tasarımı ve Kodlama

Ders: Duyarlı Web Tasarımı
Ünite: Bu derste ünite kullanılmıyor
Test türü: Final Test
Test numarası: 1

Test Soruları

Testi çözmek için sayfa etkileşimli olarak hazırlandığında şıklarını seçebilirsin.

Soru 1 / 20

Bir haber sitesi aynı URL'yi kullanarak mobilde tek sütun, masaüstünde üç sütun gösteriyorsa hangi tasarım ilkesini uygulamıştır?

Soru 2 / 20

HTML5 belgesinde sayfanın alt kısmındaki telif, yazar ve ilişkili bağlantılar için hangi anlamsal öğe uygundur?

Soru 3 / 20

CSS'te bir p öğesi hem .duyuru hem de .vurgulu sınıflarını taşıyorsa yalnız bu iki sınıfın birlikte olduğu öğeyi hangi seçici hedefler?

Soru 4 / 20

@media (width >= 900px) { .kutu { display:grid; } } kuralı hangi durumda eşleşir?

Soru 5 / 20

Mobil öncelikli CSS'te .menu için önce display:block yazılıp @media (min-width: 992px) içinde display:flex seçilirse hangi davranış beklenir?

Soru 6 / 20

display:flex tanımlı yatay bir kapsayıcıda justify-content:center ve align-items:center birlikte ne yapar?

Soru 7 / 20

grid-template-columns: 2fr 1fr; tanımında boş alan iki sütun arasında nasıl paylaştırılır?

Soru 8 / 20

Bir görselin kapsayıcıdan taşmadan kendi oranını koruyarak küçülmesi için hangi CSS kural çifti uygundur?

Soru 9 / 20

Mobil tarayıcıda belge genişliğinin cihaz görüntüleme alanıyla ilişkilendirilmesi için hangi meta bildirimi yaygın kullanılır?

Soru 10 / 20

Bootstrap 5'te sayfa içeriğini ortalayıp ekran sınıflarına göre azami genişlik uygulayan kapsayıcı sınıf hangisidir?

Soru 11 / 20

Bootstrap 5'in varsayılan grid sistemi bir satırı kaç sütun birimine böler?

Soru 12 / 20

Bootstrap 5'te resimlerin kapsayıcı genişliğini aşmadan ölçeklenebilmesi için hangi sınıf kullanılır?

Soru 13 / 20

Bootstrap 5'te gezinme çubuğunun geniş ekranlarda genişleyip küçük ekranda daralmasına yardımcı olan sınıf hangisidir?

Soru 14 / 20

Bootstrap 5'te sırayla değişen görsel veya metin slaytları için hangi bileşen kullanılır?

Soru 15 / 20

CSS'te renk tanımlamak için var(--tema, blue) ifadesindeki blue neyi temsil eder?

Soru 16 / 20

flex: 1 1 200px; kısaltması hangi sırayla özellikleri belirtir?

Soru 17 / 20

Görüntüleme alanına göre başlığın yazı boyutunu alt ve üst sınırla değiştirmek için hangi CSS fonksiyonu uygundur?

Soru 18 / 20

CSS'te 50vw değeri genel olarak hangi büyüklüğe karşılık gelir?

Soru 19 / 20

class="col-12 col-md-6" verilmiş sütun varsayılan Bootstrap 5'te nasıl davranır?

Soru 20 / 20