“İnternet” kelimesi, “interconnected network” (birbirine bağlı ağ) kelimelerinin kısaltılmış halidir. Web ekosisteminde bir web sayfasının internet üzerinden dağıtımı ve erişilmesi için Web Tarayıcı, HTML Dokümanları, Web Sunucu ve Hipermetin Transfer Protokolü (HTTP) gibi zorunlu bileşenler kullanılır. Proxy (Vekil) Sunucu ise bu zorunlu bileşenlerden biri değildir.
Web sayfaları, sunucu ve istemci arasında HTTP protokolü aracılığıyla transfer edilir. Bu süreçte kullanılan istek metotları arasında `Get`, `Post`, `Head` ve `Options` bulunur. “Header” bir metot değil, istek ve cevap mesajlarının bir bölümüdür. Sunucu-istemci iletişiminde, 3xx durum kodları “Yönlendirme” anlamını taşır.
HTML: Sayfa Yapılandırma
HTML, web sayfalarının iskeletini oluşturur. Modern web tarayıcılarında F12 tuşuna basıldığında, sayfanın kaynak kodlarını gösteren geliştirici araçları açılır.
CSS: Stil ve Biçimlendirme
CSS, HTML elemanlarının nasıl görüneceğini belirler.
JavaScript ve DOM Etkileşimi
JavaScript, web sayfalarına dinamiklik ve interaktiflik katar.
Web Tasarım Süreçleri ve Araçları
Bir web sitesinin arama motorlarında daha iyi görüntülenmesi için yapılan çalışmalar arama motoru optimizasyonu (SEO) kapsamında gerçekleştirilir. Web tasarımı faaliyetlerinde kullanılabilecek yazılımlar arasında Adobe Illustrator, Photoshop ve Corel Draw gibi grafik programları yer alır. MySQL ise bir tasarım yazılımı değil, bir veritabanı yönetim sistemidir.
Web Tasarımı 2024-2025 Final Soruları
Web Tasarımı 2024-2025 Final Soruları (1-12)
20 soru
Şıkka dokun, anında açıklamasını gör — ya da çalışma modunda tüm cevapları aç.
Soru 1
“……. 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?
ADoğru cevap
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.
Soru 2
Aşağıdakilerden hangisi web sayfasını farklı alanlara bölmek için kullanılan yapılardandır?
EDoğru cevap
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ı.
Soru 3
Arama motorlarında sitelerin görüntülenmesi konusunda gerekli çalışmalar aşağıdakilerden hangisi kapsamında gerçekleştirilir?
EDoğru cevap
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.
Soru 4
Bir tabloda iki sütun birleştirilmek istendiğinde aşağıdaki etiketlerden hangisi kullanılmalıdır?
BDoğru cevap
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.
Soru 5
Aşağıdakilerden hangisi etiketine ait parametrelerden değildir?
ADoğru cevap
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.
Soru 6
Aşağıdakilerden hangisi JavaScript’te kullanılan veri tiplerinden değildir?
CDoğru cevap
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.
Soru 7
Aşağıdakilerden hangisi web tasarımı faaliyetine yönelik kullanılabilecek yazılımlardan değildir?
BDoğru cevap
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.
Soru 8
Aşağıdakilerden hangisi bir Belge Nesnesi Modeli (Document Object Model) olayı (event) değildir?
BDoğru cevap
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.
Soru 9
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?
DDoğru cevap
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.
Soru 10
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?
EDoğru cevap
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.
Soru 11
“ 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?
BDoğru cevap
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.
Soru 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?
EDoğru cevap
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.
Soru 13
Sayfada kullanılacak bir başlığın, eklendiği satırdaki konumunu belirlemek üzere aşağıdaki parametrelerden hangisi kullanılmalıdır?
DDoğru cevap
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.
Soru 14
“………………” ş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?
CDoğru cevap
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.
Soru 15
Internet kelimesi ……………….. kelimelerinin kısaltılmış halidir. Yukarıdaki cümlede boş bırakılan yere aşağıdakilerden hangisi gelmelidir?
DDoğru cevap
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.
Soru 16
etiketinin işlevi aşağıdakilerden hangisinde doğru verilmiştir?
CDoğru cevap
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.
Soru 17
“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?
CDoğru cevap
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.
Soru 18
Kullanıcı, 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?
ADoğru cevap
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.
Soru 19
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 etiketi içerisinde kullanılan parametre aşağıdakilerden hangisidir?
DDoğru cevap
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.
Soru 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?
ADoğru cevap
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.