Web Tasarımı 2023-24 Vize Soruları

Mart 10, 2025

İ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ı 2023-24 Vize Soruları

Web Tasarımı 2023-24 Vize Soruları

İÜ AUZEF – Web Tasarımı 2024 Vize Sınavı

1- “Alan Adı Sistemi (Domain Name System-DNS) sunucuları ….. ile ….. hangi sunucuda ve hangi ….. paylaştığını iletir.”
Yukarıda verilen ifadede boş bırakılan yerlere sırayla aşağıdakilerden hangisi gelmelidir?

A) Kök sunucular – kullanıcı adının – alt sunucuda
B) Kullanıcı adı – kök sunucularının – IP adresinde
C) Kullanıcı adı – IP adresinin – bilgisayarda
D) Kök sunucular – alan adının – IP adresinde
E) Kök sunucular – IP adresinin – gizli sunucularda

Cevap : D) Kök sunucular – alan adının – IP adresinde

Açıklama : DNS çözümlemesi kök (root) sunuculardan başlayarak istenen alan adının IP adresini ilgili alt sunuculara kadar aktarır. Bu süreçte kök sunucular, alan adı ile IP adreslerini eşleştirmeye yönelik ilk referans noktasıdır.

2- Web sayfası içerisinde sırasız liste yapısı oluşturmak için hangi etiket kullanılır?

A) <dl>
B) <ol>
C) <list>
D) <ul>
E) <uol>

Cevap : D) <ul>

Açıklama : HTML’de sırasız (madde işaretli) listeler <ul> etiketiyle tanımlanır. Sıralı listeler için <ol>, tanımlama listeleri için <dl> kullanılır.

3- “Sayfa bağlantıları, kullanıcının mümkün olan en kısa sürede ve kolaylıkla aradığı içeriğe ulaşacağı şekilde yapılandırılmış olmalıdır. Mümkün oldukça her sayfadan diğer tüm sayfalara erişilebilecek şekilde bağlantılar sağlanmalıdır.” Yukarıdaki durum hangi web tasarım ilkesi kapsamında dikkat edilmesi gereken hususlar arasındadır?

A) İçerik
B) Hedef
C) İşlevsellik
D) Tarayıcı uyumu
E) Sayfa tasarımı

Cevap : C) İşlevsellik

Açıklama : Kullanıcı dostu ve hızlı erişim için bağlantıların düzenli, açık ve ulaşılabilir olması işlevselliğin temel prensiplerindendir.

4- “….. etiketinde, başlığın sayfanın neresinde görüntülenmesi talep ediliyorsa bunun etiket içerisinde belirtilebilmesi için ….. parametresinden yararlanılmaktadır.” Boşluklara sırasıyla gelebilecek uygun ikili hangisidir?

A) <h3> – center
B) <meta> – align
C) <h1> – align
D) <h1> – weight
E) <head> – title

Cevap : C) <h1> – align

Açıklama : Eski HTML sürümlerinde align parametresiyle <h1> etiketinin konumu belirlenebilmekteydi. Modern standartlarda ise CSS ile hizalama önerilir.

5- Yukarıdaki klasör yapısı göz önünde bulundurulduğunda, baglanti.html dosyasından iuLogo.jpg dosyasına bağlantı vermek için <a href=”…”> etiketi eklenmelidir. Bu etikette “href” parametresine atanması gereken ve “……..” şeklinde belirtilen değer aşağıdakilerden hangisidir?

A) “../gorseller/iuLogo.jpg”
B) “WebSayfasi/sayfalar/iuLogo.jpg”
C) “iuLogo.jpg”
D) “WebSayfasi/iuLogo.jpg”
E) “gorseller/iuLogo.jpg”

Cevap : A) “../gorseller/iuLogo.jpg”

Açıklama : baglanti.html dosyası “altSayfalar” klasöründeyken görsel “gorseller” klasöründeyse, bir üst dizine geçmek için .. ifadesi kullanılır. Sonra “gorseller” klasöründen ilgili resim çağrılır.

6- Aşağıdakilerden hangisi HTML sürümlerinden biri değildir?

A) HTML 3.2
B) HTML 4.01
C) HTML 5.0
D) HTML 1.0
E) HTML 1.5

Cevap : E) HTML 1.5

Açıklama : Resmî sürümlerde HTML 1.5 bulunmaz. HTML 4.01 ve 5.0 kullanılmış versiyonlardandır; 1.5 sürümü ise standart olarak yayınlanmamıştır.

7- Photoshop, Adobe Illustrator, FreeHand, Corel Draw, SWiSH Max gibi yazılımlar hangi faaliyete yönelik kullanılabilecek yazılımlardır?

A) Kullanıcı deneyimi analizleri
B) Tasarım
C) Web sitesi test faaliyetleri
D) Web sitesi – veri tabanı bağlantısı kurma
E) Proje yönetimi

Cevap : B) Tasarım

Açıklama : Bu tür yazılımlar grafikleri, görselleri ve tasarım şablonlarını hazırlamak amacıyla kullanılan araçlardır.

8- 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ılmaktadır. Aşağıdakilerden hangisi bu durum kodlarından biri değildir?

A) 4** – tarayıcı hatası
B) 1** – bilgi
C) 2** – başarı
D) 3** – uyum
E) 5** – sunucu hatası

Cevap : D) 3** – uyum

Açıklama : HTTP durum kodlarında 3xx kategorisi “redirect” (yeniden yönlendirme) anlamına gelir. “Uyum” diye bir kategori yoktur.

9- İÜ AUZEF Web Tasarımı dersi için hazırlanan ders kitabında verilen açıklamalar doğrultusunda aşağıdaki ifadelerden hangisi yanlıştır?

A) Aynı web sayfalarına erişim için istekte bulunan kullanıcıların oluşturacağı trafiği düzenlemek üzere dosya paylaşım sunucuları kullanılır.
B) Bilgisayar ağları kavramı üzerine çalışmalar sonucunda geliştirilen tanımlar ilk kez ARPANET başlığı ile yayınlanmıştır.
C) Alan Adı Sistemi (Domain Name System-DNS), IP adreslerinin URL bağlantı adresleri ile eşleştirilmesini sağlar.
D) İnternet kelimesi “interconnected network” kelimelerinin kısaltılmış hâlidir.
E) WWW, farklı veri tiplerine internet ağı üzerinden etkileşimli olarak ulaşılmasını sağlayan web sayfaları topluluğudur.

Cevap : A) Aynı web sayfalarına erişim için istekte bulunan kullanıcıların oluşturacağı trafiği düzenlemek üzere dosya paylaşım sunucuları kullanılır.

Açıklama : Bu ifade şüphelidir ve ders kitaplarında aktarılana ters düşmektedir. Diğer seçenekler internet ve WWW’nin tanımı, DNS’in görevi gibi genel kabul görmüş doğrulardır.

10- <img> etiketi kullanılarak web sayfasına bir görselin eklenmesi sağlanır. Eklenecek görselin dosya yolunu belirtmek üzere <img> etiketi içerisinde kullanılması gereken parametre aşağıdakilerden hangisidir?

A) href
B) source
C) reference
D) src
E) link

Cevap : D) src

Açıklama : Görselin konumu src (source) özniteliğiyle belirtilir. <img src=”gorsel.jpg” /> şeklinde kullanılır.

11- Aşağıdakilerden hangisi kapanışı olmayan etiketler arasında yer almaktadır?

A) <head>
B) <body>
C) <a>
D) <h1>
E) <img>

Cevap : E) <img>

Açıklama : HTML’de <img> kendi kendini kapatan (self-closing) bir etikettir ve </img> şeklinde ayrı bir kapanış kullanılmaz.

12- “Fare, klavye, monitör gibi donanımsal bileşenler vasıtasıyla kullanıcının etkileşimde bulunduğu simgeler, pencereler, düğmeler, hiper metinler ve panellerin bütününü ….. olarak ifade edilmektedir.” Boşluğa aşağıdaki ifadelerden hangisi gelmelidir?

A) Web tasarımı
B) Grafiksel kullanıcı arayüzü
C) Metinsel kullanıcı arayüzü
D) Kullanıcı formu
E) Web arka planı

Cevap : B) Grafiksel kullanıcı arayüzü

Açıklama : Grafiksel kullanıcı arayüzü (GUI), pencereler, simgeler, menüler gibi görsel etkileşim öğelerini kapsar.

13- Aşağıdakilerden hangisi biçimlendirme-işaretleme dilleri arasında yer almaz?

A) HTML
B) LaTeX
C) TexMLP
D) GenCode
E) XML

Cevap : D) GenCode

Açıklama : HTML, XML, LaTeX gibi diller yaygın işaretleme/biçimlendirme dilleridir; “GenCode” ise standart bir biçimlendirme dili değildir.

“TexMLP” de yaygın/standart bir işaretleme (markup) dili değildir. Dolayısıyla “HTML, XML, LaTeX” gibi dillerle birlikte sayılması teknik açıdan doğru olmaz. Ancak bazı sorularda <em>“TexMLP”</em>’nin “mevcut kabul ediliyor gibi” gösterilmesi tamamen soru içeriğine veya kaynağa bağlı bir durum. Resmî olarak bilinen ve kullanılan bir biçimlendirme dili değildir. Eğer soru tek cevaplıysa ve şıklar arasında “GenCode” ve “TexMLP” birlikte yer alıyorsa, her ikisi de aslında standart işaretleme dili kategorisine <strong>girmez</strong>. Sınavda sadece biri “yanlış” (veya “yer almaz”) olarak işaretlenmişse, bu muhtemelen soru yazarının tercih ettiği veya dayandığı kaynağa göre yapılmış bir seçimdir.

14- Aşağıdakilerden hangisi günümüz web tarayıcıları arasında yer almaz?

A) Chrome
B) NeXTStep
C) Safari
D) Opera
E) Firefox

Cevap : B) NeXTStep

Açıklama : NeXTStep bir işletim sistemi ve GUI ortamıdır, modern bir web tarayıcısı olarak kullanılmaz. Chrome, Safari, Opera ve Firefox yaygın tarayıcılardır.

15- “Elektronik, kablosuz ve optik ağ teknolojileri kullanılarak, çeşitli protokoller ile iletişim kurmak amacıyla birbirine bağlı bilgisayarlar ağının tamamıdır” tanımı aşağıdaki kavramlardan hangisine aittir?

A) İnternet
B) Protokol
C) Sunucu
D) Yerel ağ
E) İstemci

Cevap : A) İnternet

Açıklama : Tanım, dünyanın dört bir yanındaki bilgisayarları birbirine bağlayan küresel ağ yapısını ifade eder; bu da internet’in tarifidir.

16- Bazı web tarayıcıları HTML dosya tipini otomatik olarak algılayabilirken bazılarında bu özellik mevcut değildir. Bu nedenle uyumsuzluk sorunu oluşmaması adına aşağıdaki etiketlerden hangisi dosya başına eklenmelidir?

A) <meta>
B) <head>
C) <HTML !DOCTYPE>
D) <!DOCTYPE HTML>
E) <DOCTYPE HTM>

Cevap : D) <!DOCTYPE HTML>

Açıklama : Geçerli standartlarda HTML5 belgesi başında <!DOCTYPE HTML> tanımı yapılmalıdır. Eski tarayıcılarda mod uyumluluğunu sağlar.

17- Müşterinin ihtiyaçlarına, web sitesinin kullanılacak iş alanına ve web sitesinin hedef kullanıcı profiline göre projenin genel konseptini belirleyen web sitesi geliştirme ekibi üyesi aşağıdakilerden hangisidir?

A) İçerik tasarımcısı
B) Web tasarımcısı
C) Web geliştirici
D) Proje mimarı
E) Proje müşteri temsilcisi

Cevap : D) Proje mimarı

Açıklama :

18- Web tarayıcındaki sayfa alanında tanımlanan bağlantıya tıklandığında bağlantının nerede açılacağını belirleyen parametre ve tıklanan bağlantının yeni bir sayfada açılması için bu parametreye atanması gereken değer sırasıyla hangisidir?

A) Target, align
B) Target, blank_
C) Target, parent_
D) Target, _parent
E) Target, _blank

Cevap : E) Target, _blank

Açıklama : Bir bağlantının yeni sekmede veya yeni pencerede açılması isteniyorsa target=”_blank” kullanılır.

19- Türkçe içerik hazırlanacağı zaman Türkçe karakterlerde gösterim sorunu yaşanmaması için sırasıyla aşağıdaki hangi etiket ve parametresi kullanılmalıdır?

A) Meta, http-equiv
B) Meta, charset
C) Meta, keyword
D) Head, meta
E) Meta, abstract

Cevap : B) Meta, charset

Açıklama : Örneğin <meta charset=”UTF-8″> kullanarak tarayıcının sayfayı doğru karakter kodlamasıyla işlemesini sağlayabiliriz.

20- I- Test
II- Geliştirme
III- Tasarım
IV- Hedef Belirleme
V- Yayın, bakım ve güncelleme
Yukarıda verilen web geliştirme süreci adımlarının doğru sıralanışı aşağıdakilerden hangisidir?

A) III-I-II-IV-V
B) IV-II-III-I-V
C) IV-III-II-I-V
D) I-II-III-IV-V
E) IV-V-I-II-III

Cevap : C) IV-III-II-I-V

Açıklama : Önce hedef belirlenir (IV), ardından tasarım (III) yapılır, sonra geliştirme (II) aşaması gelir. Geliştirilen proje test (I) edilir ve son olarak yayın, bakım ve güncelleme (V) aşamasına geçilir.

@lolonolo_com

Web Tasarım ve Kodlama

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

#2. Aşağıdakilerden hangisi günümüz web tarayıcıları arasında yer almaz?

#3. Aşağıdakilerden hangisi kapanışı olmayan etiketler arasında yer almaktadır?

#4. Aşağıdakilerden hangisi biçimlendirme-işaretleme dilleri arasında yer almaz?

#6. “Alan Adı Sistemi (Domain Name System-DNS) sunucuları ….. ile ….. hangi sunucuda ve hangi ….. paylaştığını iletir.” Yukarıda verilen ifadede boş bırakılan yerlere sırayla aşağıdakilerden hangisi gelmelidir?

#7. <img> etiketi kullanılarak web sayfasına bir görselin eklenmesi sağlanır. Eklenecek görselin dosya yolunu belirtmek üzere <img> etiketi içerisinde kullanılması gereken parametre aşağıdakilerden hangisidir?

#8. İÜ AUZEF Web Tasarımı dersi için hazırlanan ders kitabında verilen açıklamalar doğrultusunda aşağıdaki ifadelerden hangisi yanlıştır?

#9. Aşağıdakilerden hangisi HTML sürümlerinden biri değildir?

#10. Müşterinin ihtiyaçlarına, web sitesinin kullanılacak iş alanına ve web sitesinin hedef kullanıcı profiline göre projenin genel konseptini belirleyen web sitesi geliştirme ekibi üyesi aşağıdakilerden hangisidir?

#11. 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ılmaktadır. Aşağıdakilerden hangisi bu durum kodlarından biri değildir?

#12. I- Test II- Geliştirme III- Tasarım IV- Hedef Belirleme V- Yayın, bakım ve güncelleme Yukarıda verilen web geliştirme süreci adımlarının doğru sıralanışı aşağıdakilerden hangisidir?

#13. Türkçe içerik hazırlanacağı zaman Türkçe karakterlerde gösterim sorunu yaşanmaması için sırasıyla aşağıdaki hangi etiket ve parametresi kullanılmalıdır?

#14. Bazı web tarayıcıları HTML dosya tipini otomatik olarak algılayabilirken bazılarında bu özellik mevcut değildir. Bu nedenle uyumsuzluk sorunu oluşmaması adına aşağıdaki etiketlerden hangisi dosya başına eklenmelidir?

#15. Web tarayıcındaki sayfa alanında tanımlanan bağlantıya tıklandığında bağlantının nerede açılacağını belirleyen parametre ve tıklanan bağlantının yeni bir sayfada açılması için bu parametreye atanması gereken değer sırasıyla hangisidir?

#16. “Elektronik, kablosuz ve optik ağ teknolojileri kullanılarak, çeşitli protokoller ile iletişim kurmak amacıyla birbirine bağlı bilgisayarlar ağının tamamıdır” tanımı aşağıdaki kavramlardan hangisine aittir?

#17. “Fare, klavye, monitör gibi donanımsal bileşenler vasıtasıyla kullanıcının etkileşimde bulunduğu simgeler, pencereler, düğmeler, hiper metinler ve panellerin bütününü ….. olarak ifade edilmektedir.” Boşluğa aşağıdaki ifadelerden hangisi gelmelidir?

#18. “….. etiketinde, başlığın sayfanın neresinde görüntülenmesi talep ediliyorsa bunun etiket içerisinde belirtilebilmesi için ….. parametresinden yararlanılmaktadır.” Boşluklara sırasıyla gelebilecek uygun ikili hangisidir?

#19. Photoshop, Adobe Illustrator, FreeHand, Corel Draw, SWiSH Max gibi yazılımlar hangi faaliyete yönelik kullanılabilecek yazılımlardır?

#20. Web sayfası içerisinde sırasız liste yapısı oluşturmak için hangi etiket kullanılır?

SONUÇ