Web Tasarımı 2024-2025 Final Soruları
Web Tasarımı 2024-2025 Final Soruları
#1. “Web’te sayfalar arasında veri iletimi sürecinde istek ve cevap mantığı işlemektedir. Buna göre bir sayfa üzerinden istekte bulunulur ve sunucu vasıtasıyla isteklere cevap verilir. Bu süreçte kullanılacak metodlar arasında ………………… yer almaktadır.”
Yukarıdaki ifadede boş bırakılan yere aşağıdakilerden hangisi gelemez?
Cevap: C) Header
Açıklama: Get, Post, Head ve Options geçerli HTTP istek metotlarıdır. ”Header” (Başlık) ise bir metot değil, HTTP istek ve cevap mesajlarının içinde yer alan ve meta verileri taşıyan bir bölümdür.
#2. Aşağıdakilerden hangisi web tasarımı faaliyetine yönelik kullanılabilecek yazılımlardan değildir?
Cevap: B) MySQL | Açıklama: Adobe Illustrator, Photoshop, FreeHand ve Corel Draw gibi yazılımlar, web sitesinin görsel tasarımını ve grafiklerini oluşturmak için kullanılır. MySQL ise bir veri tabanı yönetim sistemidir ve web tasarımından çok web geliştirmesinin (arka uç) bir parçasıdır.
#3. <div class=”ozelAlan”> etiketinin işlevi aşağıdakilerden hangisinde doğru verilmiştir?
Cevap: C) Sayfa içerisinde ”ozelAlan” sınıf tabanlı seçicisi ile biçimlendirilen bir alan oluşturmak. | Açıklama: Bu etiket, sayfa içinde bir <div> alanı oluşturur ve class=”ozelAlan” ifadesiyle bu alanı ”ozelAlan” isimli bir sınıfa atar. Bu sınıf, CSS’te .ozelAlan şeklinde sınıf tabanlı bir seçici ile hedeflenerek biçimlendirilebilir.
#4. Internet kelimesi ……………….. kelimelerinin kısaltılmış halidir.
Yukarıdaki cümlede boş bırakılan yere aşağıdakilerden hangisi gelmelidir?
Cevap: D) interconnected network | Açıklama: İnternet kelimesi, dünya çapında birbirine bağlı bilgisayar ağlarını ifade eden ”interconnected network” (birbirine bağlı ağ) teriminin birleşiminden ve kısaltmasından türetilmiştir.
#5. Aşağıdakilerden hangisi <body> etiketine ait parametrelerden değildir?
Cevap: A) tlink | Açıklama: background, text, vlink (ziyaret edilmiş link rengi) ve bgcolor (arkaplan rengi) <body> etiketinin (artık kullanımı önerilmeyen) parametreleridir. tlink ise standart bir <body> parametresi değildir.
Öğrenme Yönetim Sistemi Öğrenci Dostu LOLONOLO bol bol deneme sınavı yapmayı önerir.
#6. <h1> etiketinde, başlığın sayfanın neresinde görüntülenmesi talep ediliyorsa bunun etiket içerisinde belirtilebilmesi için ……………… parametresinden yararlanılmaktadır.”
Yukarıdaki boşluğa aşağıdakilerden hangisi gelmelidir?
Cevap: B) align | Açıklama: HTML’de başlık (<h1>, <h2> vb.) gibi blok seviyesindeki etiketlerin yatayda hizalanması için (artık kullanımı önerilmese de) align parametresi kullanılır.
#7. Sayfada kullanılacak bir başlığın, eklendiği satırdaki konumunu belirlemek üzere aşağıdaki parametrelerden hangisi kullanılmalıdır?
Cevap: D) <align> | Açıklama: Bir başlığın veya paragrafın satır içindeki yatay konumunu (hizalamasını) belirlemek için kullanılan parametre align’dır. <align> bir etiket değil, etiket içinde kullanılan bir parametredir.
#8. Web sayfasına eklenecek bir çerçevenin kenar çizgilerinin (kenarlıklarının) olup olmayacağını belirlemek üzere kullanılan, kenarlık olmayacaksa 0, olacaksa 1 değerini alan ve <iframe> etiketi içerisinde kullanılan parametre aşağıdakilerden hangisidir?
Cevap: D) frameborder | Açıklama: <iframe> etiketinde çerçevenin kenarlığını gösterip gizlemek için (artık kullanımı önerilmese de) frameborder parametresi kullanılır. Değer olarak ”0” kenarlığı kaldırır, ”1” ise gösterir.
#9. Bir tabloda iki sütun birleştirilmek istendiğinde aşağıdaki etiketlerden hangisi kullanılmalıdır?
Cevap: B) <td colspan=2> | Açıklama: HTML tablolarında, bir hücrenin (<td> veya <th>) yatay olarak birden fazla sütun kaplaması için colspan özelliği kullanılır. <td colspan=2> etiketi, hücrenin iki sütunluk yer kaplamasını sağlar.
#10. Aşağıdakilerden hangisi bir Belge Nesnesi Modeli (Document Object Model) olayı (event) değildir?
Cevap: B) onmouseon | Açıklama: onload, onchange, onunload ve onclick standart DOM olaylarıdır. Ancak onmouseon isminde standart bir olay yoktur; fare ile bir öğenin üzerine gelme olayı onmouseover olarak adlandırılır.
Öğrenme Yönetim Sistemi Öğrenci Dostu LOLONOLO bol bol deneme sınavı yapmayı önerir.
#11. “………………” şeklindeki seçici yapısının amacı …………….. etiketlerinin biçimlendirilmesine ilişkin tanımlamaları gerçekleştirmektir.
Yukarıdaki ifadede boş bırakılan yerlere sırasıyla gelmesi gerekenler hangi şıkta doğru verilmiştir?
Cevap: C) .menu a {} – .menu {} – <a>
Açıklama: İlk boşluğa seçicinin kendisi olan menu a {} gelmelidir. Bu seçicinin amacı, menu seçicisinin etkin olduğu alan içindeki <a> etiketlerini biçimlendirmektir. Bu yapı en uygun şekilde C seçeneğinde ifade edilmiştir.
#12. Tablonun herhangi bir hücresinde yer alan içeriği, hücre içerisindeki konumunu sağa yaslı olacak şekilde ayarlamak için aşağıdaki etiketlerden hangisi kullanılabilir?
Cevap: E) <td align=”right”> | Açıklama: Bir tablo hücresindeki (<td>) içeriği sağa yaslamak için align parametresine right değeri verilir. Doğru kullanım <td align=”right”> şeklindedir.
#13. Aşağıdakilerden hangisi web sayfasını farklı alanlara bölmek için kullanılan yapılardandır?
Cevap: E) Çerçeveler | Açıklama: ”Çerçeveler” (Frames), özellikle eski HTML standartlarında, bir web sayfasını birden çok bağımsız bölüme ayırmak için kullanılan bir yapıydı.
#14. Sunucular web sitelerine erişim isteklerini HTTP çerçevesinde işlemektedir. Sunucu-istemci arasındaki iletişim esnasında çeşitli durum kodları üretilerek veri alışverişi hakkında genel bir sonuca varılabilmektedir. 3xx durum kodunun açıklaması aşağıdakilerden hangisidir?
Cevap: D) Yönlendirme | Açıklama: HTTP durum kodlarında 300’lü kodlar (3xx) ”Yönlendirme” (Redirection) kategorisine aittir. Bu kodlar, istenen kaynağın başka bir adrese taşındığını tarayıcıya bildirir.
#15. Bilgisayarınızda aşağıdaki tuşlardan hangisine bastığınızda, sunucunun web tarayıcı ile paylaştığı dosyanın içeriği olan birçok karakter topluluğu ve ifadelerin yer aldığı kod satırları gelir?
Cevap: E) F12 | Açıklama: Modern web tarayıcılarının çoğunda F12 tuşuna basmak, ”Geliştirici Araçları”nı açar. Bu araçlar, sayfanın HTML, CSS ve JavaScript kodlarını inceleme ve düzenleme imkanı sunar.
Öğrenme Yönetim Sistemi Öğrenci Dostu LOLONOLO bol bol deneme sınavı yapmayı önerir.
#16. Kullanıcı, <button> etiketi ile web sayfasına eklenmiş bir butona fare ile tıkladığında “id” değeri “ilk” olan bir öğenin yerine “resim.jpeg” adlı dosyanın gelmesini sağlayan kod satırı aşağıdakilerden hangisidir?
Cevap: A) <button onclick=”document.getElementById(‘ilk’).src=’resim.jpeg’”>Tıkla</button> | Açıklama: Bu işlem için butona bir onclick olayı eklenmelidir. Bu olay tetiklendiğinde, JavaScript kodu document.getElementById(‘ilk’) ile hedef öğeyi bulur ve .src özelliğini ‘resim.jpeg’ olarak değiştirerek resmin kaynağını günceller. Bu, ”ilk” ID’li öğenin bir resim (<img>) etiketi olduğunu varsayar.
#17. ……. parametresi ile birlikte bir öğenin kenarlık ve iç kenar dolgusunun belirlenen genişlik ve yükseklik içerisinde kalması sağlanır. Böylece öğenin boyutu, sadece belirlenen yükseklik ve genişlikten meydana gelir.”
Yukarıdaki ifadede boş bırakılan yere aşağıdakilerden hangisi gelmelidir?
Cevap: A) box-sizing
Açıklama: CSS’te box-sizing: border-box; özelliği, bir HTML elemanının toplam genişlik ve yüksekliğine kenarlık (border) ve iç boşluk (padding) değerlerinin dahil edilmesini sağlar.
#18. Arama motorlarında sitelerin görüntülenmesi konusunda gerekli çalışmalar aşağıdakilerden hangisi kapsamında gerçekleştirilir?
Cevap: E) Arama motoru optimizasyonu | Açıklama: Bir web sitesinin arama motorlarında daha iyi sıralamalar elde etmesi ve daha görünür olması için yapılan teknik ve içeriksel çalışmaların tümü ”Arama Motoru Optimizasyonu” (SEO) kapsamında yer alır.
#19. Aşağıdakilerden hangisi JavaScript’te kullanılan veri tiplerinden değildir?
Cevap: C) Loop | Açıklama: String, Number, BigInt ve Boolean JavaScript’in temel veri tipleridir. ”Loop” (döngü) ise bir veri tipi değil, belirli bir kod bloğunu tekrar tekrar çalıştırmak için kullanılan bir kontrol akışı yapısıdır.
#20. Tabloyu açıklayıcı bir başlık oluşturulmak istendiğinde, bu tablo başlığı aşağıdaki hangi etiketin açılış ve kapanışı arasında yazılmalıdır?
Cevap: A) <caption> | Açıklama: HTML’de bir tabloya (<table>) ait bir başlık veya açıklama eklemek için standart ve semantik olarak doğru olan etiket <caption> etiketidir. Bu etiket, <table> etiketinden hemen sonra yerleştirilir.
Öğrenme Yönetim Sistemi Öğrenci Dostu LOLONOLO bol bol deneme sınavı yapmayı önerir.
SONUÇ
Web Tasarımı 2024-2025 Final Soruları
Web Tasarımı 2024-2025 Final Soruları
Web Tasarımı 2024-2025 Final Soruları
Web Tasarımı: HTML, CSS, JavaScript ve Temel Kavramlar |
|
|---|---|
@lolonolo_com |
Web Tasarımı 2024-2025 Final Soruları
Web Tasarımı 2024-2025 Final Soruları (1-12) |
|
|---|---|
@lolonolo_com |
Web Tasarımı 2024-2025 Final Soruları
Web Tasarımı 2024-2025 Final Soruları (13-20) |
|
|---|---|
@lolonolo_com |
Web Tasarımı 2024-2025 Final Soruları
Web Tasarımı 2024-2025 Final Soruları
| İstanbul Üniversitesi Açık ve Uzaktan Eğitim Fakültesi (Auzef) Açık Öğretim Fakültesi Bölüm : Web Tasarımı ve Kodlama 1. Sınıf Web Tasarımı Bahar Dönemi Web Tasarımı 2024-2025 Final Soruları |
|---|
Web Tasarımı 2024-25 Final Soruları
| Web Tasarım ve Kodlama | ||
|---|---|---|
|
Auzef Web Tasarımı ve Kodlama 1. Sınıf Bahar Dönemi Final Soruları ve Deneme Sınavları, 2024 Sınav Soruları


