LOLONOLO Ana Sayfa » blog » auzef » Web Tasarımı 2024-2025 Final Soruları
auzefBilgisayar ProgramcılığıWeb Tasarım Ve KodlamaWeb Tasarımı

Web Tasarımı 2024-2025 Final Soruları

Web Tasarımı 2024-2025 Final Soruları

 
LOLONOLO Ana Sayfa » blog » auzef » 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.

Öncesi
TESTi BiTiR, PUANINI GÖR

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

Web’in Temelleri ve Protokoller

“İ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.

  • Temel Etiketler: `<body>` etiketine ait (eski) parametreler arasında `background`, `text`, `vlink` ve `bgcolor` bulunur; `tlink` standart bir parametre değildir. Bir başlığın (`<h1>` gibi) veya bir paragrafın eklendiği satırdaki konumunu yatay olarak belirlemek için `align` parametresi kullanılır.
  • Tablolar: Bir tabloyu açıklayıcı bir başlık oluşturmak için `<caption>` etiketi kullanılır. Tabloda iki sütunu birleştirmek için ise `<td>` etiketi içinde `colspan=2` özelliği kullanılır. Bir hücre içeriğini sağa yaslamak için ise <td align="right"> etiketi kullanılabilir.
  • Çerçeveler: Web sayfasını farklı alanlara bölmek için çerçeveler kullanılabilir. Bir `<iframe>` etiketinin kenarlıklarının olup olmayacağını belirlemek için `frameborder` parametresi kullanılır.

CSS: Stil ve Biçimlendirme

CSS, HTML elemanlarının nasıl görüneceğini belirler.

  • Kutu Modeli (Box Model): box-sizing: border-box; parametresi, bir öğenin kenarlık ve iç kenar dolgusunun, belirlenen genişlik ve yükseklik içerisinde kalmasını sağlar.
  • Seçiciler (Selectors): <div class="ozelAlan"> etiketi, sayfa içerisinde “ozelAlan” isimli sınıf tabanlı seçici (`.ozelAlan`) ile biçimlendirilebilen bir alan oluşturur. menu a {} şeklindeki bir seçici yapısının amacı ise, `menu` seçicisi içindeki `<a>` etiketlerinin biçimlendirilmesini sağlamaktır.

JavaScript ve DOM Etkileşimi

JavaScript, web sayfalarına dinamiklik ve interaktiflik katar.

  • Veri Tipleri: JavaScript’te `String`, `Number`, `BigInt` ve `Boolean` gibi temel veri tipleri bulunur. “Loop” (döngü) bir veri tipi değil, bir kontrol yapısıdır.
  • DOM Olayları: `onload`, `onchange`, `onunload` ve `onclick` standart Belge Nesnesi Modeli (DOM) olaylarındandır. `onmouseon` isminde standart bir olay yoktur; fare ile bir öğenin üzerine gelme olayı `onmouseover`’dır.
  • DOM Manipülasyonu: JavaScript kullanarak DOM üzerinde değişiklikler yapılabilir. Örneğin, bir butona tıklandığında “ilk” ID’sine sahip bir öğenin resim kaynağını değiştiren kod şöyledir:
    <button onclick="document.getElementById('ilk').src='resim.jpeg'">Tıkla</button>

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.

@lolonolo_com

Web Tasarımı 2024-2025 Final Soruları

Web Tasarımı 2024-2025 Final Soruları (1-12)

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?

A) box-sizing
B) box
C) box-area
D) box-size
E) box-width

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.

2- Aşağıdakilerden hangisi web sayfasını farklı alanlara bölmek için kullanılan yapılardandır?

A) Menü
B) Yatay çizgiler
C) Mimariler
D) Logolar
E) Çerçeveler

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ı.

3- Arama motorlarında sitelerin görüntülenmesi konusunda gerekli çalışmalar aşağıdakilerden hangisi kapsamında gerçekleştirilir?

A) Arama motoru kaydı
B) Web tasarımı
C) Web geliştirme
D) Kullanıcı deneyimi
E) Arama motoru optimizasyonu

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.

4- Bir tabloda iki sütun birleştirilmek istendiğinde aşağıdaki etiketlerden hangisi kullanılmalıdır?

A) <tr rowspan=2>
B) <td colspan=2>
C) <table colspan=2>
D) <td rowspan=2>
E) <tr colspan=2>

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.

5- Aşağıdakilerden hangisi <body> etiketine ait parametrelerden değildir?

A) tlink
B) background
C) text
D) vlink
E) bgcolor

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.

6- Aşağıdakilerden hangisi JavaScript’te kullanılan veri tiplerinden değildir?

A) String
B) Number
C) Loop
D) BigInt
E) Boolean

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.

7- Aşağıdakilerden hangisi web tasarımı faaliyetine yönelik kullanılabilecek yazılımlardan değildir?

A) Adobe Illustrator
B) MySQL
C) FreeHand
D) Photoshop
E) Corel Draw

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.

8- Aşağıdakilerden hangisi bir Belge Nesnesi Modeli (Document Object Model) olayı (event) değildir?

A) onload
B) onmouseon
C) onchange
D) onunload
E) onclick

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.

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?

A) Bilgi
B) Tarayıcı hatası
C) Başarı
D) Yönlendirme
E) Sunucu hatası

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.

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?

A) F9
B) F11
C) F8
D) F10
E) F12

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.

11- “<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?

A) meta
B) align
C) center
D) title
E) weight

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.

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?

A) <th align>
B) <td right>
C) <td align=”left”>
D) <th align=”left”>
E) <td align=”right”>

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.

@lolonolo_com

Web Tasarımı 2024-2025 Final Soruları

Web Tasarımı 2024-2025 Final Soruları (13-20)

13- Sayfada kullanılacak bir başlığın, eklendiği satırdaki konumunu belirlemek üzere aşağıdaki parametrelerden hangisi kullanılmalıdır?

A) <opposite>
B) <line>
C) <center>
D) <align>
E) <position>

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.

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?

A) menu a {} <a> menu a {}
B) <a> menu {} menu a {}
C) menu a {} menu {}<a>
D) menu {} menu a {} <a>
E) menu {}<a> .menu a {}

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.

15- Internet kelimesi ……………….. kelimelerinin kısaltılmış halidir. Yukarıdaki cümlede boş bırakılan yere aşağıdakilerden hangisi gelmelidir?

A) intra network
B) interstellar network
C) interscan network
D) interconnected network
E) computer network

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.

16- <div class=”ozelAlan”> etiketinin işlevi aşağıdakilerden hangisinde doğru verilmiştir?

A) Sayfa içerisinde “ozelAlan” “id” tabanlı seçicisi ile biçimlendirilen bir alan oluşturmak.
B) Sayfa içerisinde “ozelAlan” isim tabanlı seçicisi ile biçimlendirilen bir alan oluşturmak.
C) Sayfa içerisinde “ozelAlan” sınıf tabanlı seçicisi ile biçimlendirilen bir alan oluşturmak.
D) Sayfa içerisinde “ozelAlan” sınıf tabanlı seçicisi ile biçimlendirilen bir animasyon oluşturmak.
E) Sayfa içerisinde “ozelAlan” nesne tabanlı seçicisi ile biçimlendirilen bir alan oluşturmak.

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.

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?

A) Head
B) Options
C) Header
D) Get
E) Post

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.

18- 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?

A) <button onclick=”document.getElementById(‘ilk’).src=’resim.jpeg'”>Tıkla</button>
B) <button onchange document.getElementById(‘ilk’).src=resim.jpeg>Tıkla</button>
C) <button onclick=”document.getElementById(‘ilk’).innerHTML=’resim.jpeg'”>Tıkla</button>
D) <button onmouse-document.getElementById(‘ilk’).src=resim.jpeg>Tıkla</button>
E) <button onmouseon=”document.getElementById(‘ilk’).innerHTML=’resim.jpeg'”>Tıkla</button>

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.

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 <iframe> etiketi içerisinde kullanılan parametre aşağıdakilerden hangisidir?

A) border
B) frameline
C) borderline
D) frameborder
E) borderwidth

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.

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?

A) <caption>
B) <th>
C) <thead>
D) <tfoot>
E) <table-title>

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.

@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
Web Tasarımı, Web Tasarımı 2024-2025 Vize Soruları Web Tasarımı ve Kodlama

Auzef Bilgisayar Programcılığı

Auzef Web Tasarımı ve Kodlama 1. Sınıf Bahar Dönemi Final Soruları ve Deneme Sınavları, 2024 Sınav Soruları

 

BEN_BEN

Auzef, Anadolu-Aöf, Ata-Aöf, SEGEM, Açık Lise, Ales, DGS, LGS, ilokul,  Ortaokul, English, TOEFL