auzefWeb Tasarım Ve KodlamaWeb Tasarımı

Web Tasarımı Final Deneme Sınavı -2

Web Tasarımı Final Deneme Sınavı -2

#1. “&&” operatörü ne anlama gelir?

Cevap: D) ve

Açıklama: “&&” operatörü, mantıksal “ve” anlamına gelir ve iki koşulun da doğru olması durumunda true değerini döner.

#2. Sıralı liste yapısı oluşturmak için aşağıdaki etiketlerden hangisi öncelikle kullanılmalıdır?

Cevap: B) <ol>

Açıklama: Sıralı liste oluşturmak için HTML’de <ol> (ordered list) etiketi kullanılır. Bu etiket, numaralı listeler oluşturur.

#3. Bir görselin sayfa içerisindeki konumunu belirlemek için <img> etiketi içerisinde kullanılan parametre hangisidir?

Cevap: D) “align”

Açıklama: <img> etiketi içindeki “align” parametresi, görselin sayfa içerisindeki hizalamasını belirler.

#4. Aşağıdakilerden hangisi web tasarım ilkeleri arasında sayılamaz?

Cevap: B) Web sitesindeki alt sayfalara sadece ana sayfadan erişilecek şekilde planlama yapılmalıdır.

Açıklama: Web tasarım ilkelerine göre, site haritası iyi yapılandırılmalı ve kullanıcıların alt sayfalara kolayca erişebilmesi sağlanmalıdır. Alt sayfalara sadece ana sayfadan erişim planlaması kullanıcı deneyimini olumsuz etkiler.

#5. Genellikle sabit değerler alan değişkenler için -------, farklı değişkenlere göre değişen değerlere sahip olabilecek değişkenler -------- ile tanımlanabilmektedir. Boşluklara sırasıyla hangileri gelmelidir?

Cevap: C) const – let

Açıklama: JavaScript’te sabit değerler “const” anahtar kelimesi ile, değişken değerler ise “let” anahtar kelimesi ile tanımlanır.

#6. <input> girdi öğesi ve <label> etiketi ile tanımlanan ilgili HTML öğesi arasında bağlantı kurulmasını sağlayan ve <input> etiketi içerisinde kullanılan parametre aşağıdakilerden hangisidir?

Cevap: B) id

Açıklama: <input> etiketinde kullanılan “id” parametresi, bu girdi öğesinin benzersiz bir kimliğini tanımlar ve <label> etiketindeki “for” parametresi ile ilişkilendirilir.

#7. Bir web sayfası web tarayıcıda görüntülendiğinde içerikte yer alan metin ve görsellerin biçimlendirilmesi ve düzenlenmesini sağlayan etiketler HTML ile yazılan kodlar içerisinde hangi ana etiket yapısı altında tanımlanır?

Cevap: B) <body>

Açıklama: HTML’de metin ve görsellerin biçimlendirilmesi ve düzenlenmesi, <body> etiketi içinde yapılır. Bu etiket, sayfanın görünür içeriğini tanımlar.

#8. Aşağıdakilerden hangisi web geliştirme sürecinde ihtiyaç duyulan temel yeteneklerden değildir?

Cevap: B) İstatistik

Açıklama: Web geliştirme sürecinde yönetim, sanat, tasarım ve programlama yeteneklerine ihtiyaç duyulur. İstatistik ise web geliştirme sürecinde doğrudan gerekli olmayan bir yetenektir.

#9. Aşağıdakilerden hangisi görsel tasarım için kullanılan araçlardan değildir?

Cevap: E) Notepad

Açıklama: Notepad bir kod editörüdür ve genellikle yazılım geliştirme için kullanılır. Diğer seçenekler ise grafik tasarım araçlarıdır.

#10. JS kodları tarayıcılarda yorumlanarak çalıştırılır. Bu yorumlamanın gerçekleştirilebilmesi için tarayıcılar -------- adı verilen araçları kullanmaktadırlar? Boşluğa hangi ifade gelmelidir?

Cevap: B) JS motorları

Açıklama: Tarayıcılar, JavaScript kodlarını yorumlamak ve çalıştırmak için JavaScript motorlarını kullanırlar. Örneğin, Chrome tarayıcısı V8 motorunu kullanır.

#11. Web geliştirme sürecinde müşterinin yer aldığı sektör, bu sektör içerisindeki yeri, sektör özellikleri, müşterinin sektörde sunduğu ürün veya hizmetlerin neler olduğu gibi konuların analiz edildiği adım hangisidir?

Cevap: C) Hedef Belirleme

Açıklama: Hedef belirleme aşamasında, müşterinin sektörü, bu sektör içindeki yeri ve sunduğu hizmetler analiz edilir. Bu bilgiler, projenin başarılı olması için kritik öneme sahiptir.

#12. Aşağıdaki HTML öğelerinden hangisi <body> etiketinin çocuğudur (child element)?

Cevap: E) <p>

Açıklama: <body> etiketi içinde bulunan öğeler <p>, <div>, <h1> gibi etiketlerdir. <p> etiketi, <body> etiketinin doğrudan çocuğudur.

#13. Bir form içerisinde <input> etiketi ile girdi öğesi eklenmek istendiğinde bu öğenin hangi form alt girdi öğesi olacağını belirlemek üzere kullanılan parametre aşağıdakilerden hangisidir?

Cevap: D) type

Açıklama: <input> etiketinde “type” parametresi, form öğesinin türünü belirler (örneğin, text, password, radio, checkbox vb.). Bu, HTML form öğelerinin çeşitli türlerini tanımlamak için kullanılır.

#14. Bir dosya transferi için ilgili bağlantıya yönlendirme yapılmak isteniyorsa bu sefer parametre değerinin başına “-------” eklenip devamında dosya transfer bağlantısı belirtilmelidir. Boşluğa hangisi gelmelidir?

Cevap: A) ftp:

Açıklama: FTP protokolü ile dosya transferi yapmak için bağlantı adresinin başına “ftp:” eklenmelidir.

#15. Yukarıda yer alan klasör yapısına göre aşağıdakilerden hangisi “baglanti.html” dosyasında yazılan ve bu dosyadan iuKapi.jpg görsel dosyasına bağlantı oluşturulmasını sağlayan etiket kullanımıdır?

Cevap: E) <a href=”iuKapi.jpg”> tıklayınız</a>

Açıklama: Verilen klasör yapısına göre, “baglanti.html” dosyası ve “iuKapi.jpg” dosyası aynı dizinde bulunmaktadır. Bu durumda, bağlantı oluşturmak için sadece dosya adı kullanılır. Bu nedenle doğru cevap E) <a href=”iuKapi.jpg”> tıklayınız</a> olacaktır.

#16. Bir çerçeve setini sütun bazlı bölümlemek için hangi parametreye değer(ler) vermek gerekir?

Cevap: C) “cols”

Açıklama: HTML’de bir çerçeve setini sütun bazlı bölümlemek için “cols” parametresi kullanılır. Bu parametre, çerçeve setinin dikey olarak bölünmesini sağlar. Örneğin, <frameset cols=”25%, 75%”> şeklinde tanımlandığında, çerçeve seti dikey olarak iki sütuna bölünür ve ilk sütun sayfanın %’ini, ikinci sütun ise u’ini kaplar.

Açıklama-2: Auzef ders kitabında cevap A) “width” oalrak geçiyor.kitapta bu konuda bir hata olabilir. HTML’de bir çerçeve setini sütun bazlı bölümlemek için doğru parametre “cols” olmalıdır. “width” parametresi, çerçeve veya diğer HTML öğelerinin genişliğini ayarlamak için kullanılır, ancak çerçeve setini sütun bazlı bölmek için kullanılmaz.

#17. Web sayfalarında her bir girdi öğesine ilişkin başlık metinlerini eklemek ve başlık ile ilgili girdi öğesi arasında bağlantı kurulmasını sağlamak üzere kullanılan etiket hangisidir?

Cevap: C) <label>

Açıklama: <label> etiketi, form elemanlarına başlık eklemek ve başlık ile ilgili girdi öğesi arasında bağlantı kurmak için kullanılır. Bu, kullanıcı deneyimini ve erişilebilirliği artırır.

#18. 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ırada bazı metodlardan yararlanılır. Aşağıdakilerden hangisi bu metodlar arasında yer almaz?

Cevap: A) cut

Açıklama: HTTP istek ve cevap sürecinde yaygın olarak kullanılan metotlar arasında GET, POST, PUT ve DELETE bulunur. “cut” metodu HTTP protokolünde mevcut değildir.

#19. 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, gerekli fizibilite çalışmalarını gerçekleştiren, web sitesinin hizmete girmesi sonrasında kullanıcıların siteye yönlendirilebilmesi için gerekli reklam, organizasyon ve iş birliklerini gerçekleştiren, bir bakıma müşteri, kullanıcı ve geliştirici ekip ile etkileşimde olan ve bu üçü arasında koordinasyonu sağlayan kişi kimdir?

Cevap: C) Proje mimarı

Açıklama: Proje mimarı, müşterinin ihtiyaçlarına göre projenin konseptini belirler ve tüm süreci koordine eder. Hem müşteri ile hem de geliştirme ekibi ile sürekli iletişim halinde olup projeyi başarılı bir şekilde tamamlamaktan sorumludur.

#20. Web sayfalarına etkileşimli bir yapı kazandırmak için aşağıdaki dillerden hangisini kullanmaktayız?

Cevap: D) JavaScript

Açıklama: JavaScript, web sayfalarına etkileşimli özellikler eklemek için kullanılan bir programlama dilidir. HTML ve CSS ile birlikte çalışarak dinamik içerikler oluşturur.

TESTi BiTiR, PUANINI GÖR

SONUÇ

-

İ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ı Final Deneme Sınavı -2

İ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ı Final Deneme Sınavı -2

Share your score!
Tweet your score!
Share to other

HD Quiz powered by harmonic design

Web Tasarımı Final Deneme Sınavı -2

İ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ı Final Deneme Sınavı -2

Web Tasarımı Final Deneme Sınavı -2

Web Tasarımın Temel İlkeleri – Ünite 2

Giriş

Web tasarımı, internetin geniş kitleler tarafından kullanılabilir hale gelmesinde kilit bir rol oynar. Web tasarımın temel ilkeleri, kullanıcı dostu, estetik ve işlevsel siteler oluşturmak için gereklidir. Bu makalede, web tasarımının temel ilkeleri ve bu ilkelerin nasıl uygulanacağı üzerinde durulacaktır.

Web Tasarımının Temel İlkeleri

Web tasarımının temel ilkeleri arasında tutarlılık, basitlik, kullanılabilirlik, erişilebilirlik ve estetik yer alır. Bu ilkeler, bir web sitesinin kullanıcı deneyimini artırmak için dikkate alınması gereken temel unsurlardır.

Tutarlılık

Tutarlılık, web sitenizin her sayfasında aynı tasarım unsurlarının kullanılması anlamına gelir. Bu, kullanıcıların siteyi kolayca gezinebilmesini sağlar ve profesyonel bir görünüm sunar. Tutarlılık, renk şemaları, yazı tipleri, butonlar ve menüler gibi unsurları içerir.

Basitlik

Basitlik, kullanıcıların web sitesinde ihtiyaç duydukları bilgilere hızlı ve kolay bir şekilde ulaşmalarını sağlar. Karmaşık ve dağınık tasarımlar, kullanıcıların siteyi terk etmesine neden olabilir. Bu nedenle, web sayfaları sade ve anlaşılır olmalıdır.

Kullanılabilirlik

Kullanılabilirlik, bir web sitesinin ne kadar kolay ve etkili bir şekilde kullanılabileceğini ifade eder. Kullanıcılar, siteyi kullanırken herhangi bir zorluk yaşamamalıdır. Navigasyonun kolay olması, arama işlevinin bulunması ve hızlı yüklenme süreleri, kullanılabilirliği artıran faktörlerdir.

Erişilebilirlik

Erişilebilirlik, web sitesinin tüm kullanıcılar tarafından erişilebilir olmasını sağlar. Bu, engelli kullanıcılar için uygun tasarım unsurlarının kullanılması anlamına gelir. Örneğin, görme engelli kullanıcılar için ekran okuyucularla uyumlu bir site tasarımı yapılmalıdır.

Estetik

Estetik, web sitesinin görsel olarak çekici olmasını ifade eder. İyi bir estetik tasarım, kullanıcıların siteyi daha uzun süre ziyaret etmelerini sağlar. Renk uyumu, yazı tipi seçimi ve görsel düzenlemeler, estetik açıdan önemli unsurlardır.

Sonuç

Web tasarımının temel ilkeleri, kullanıcı dostu ve etkili web siteleri oluşturmak için hayati öneme sahiptir. Tutarlılık, basitlik, kullanılabilirlik, erişilebilirlik ve estetik, başarılı bir web tasarımının anahtarıdır. Bu ilkeler göz önünde bulundurularak tasarlanan web siteleri, kullanıcıların ihtiyaçlarını karşılayacak ve olumlu bir kullanıcı deneyimi sunacaktır.

Web Tasarımı Final Deneme Sınavı -2

Web Tasarımın Temel İlkeleri – Ünite 2

1- 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, gerekli fizibilite çalışmalarını gerçekleştiren, web sitesinin hizmete girmesi sonrasında kullanıcıların siteye yönlendirilebilmesi için gerekli reklam, organizasyon ve iş birliklerini gerçekleştiren, bir bakıma müşteri, kullanıcı ve geliştirici ekip ile etkileşimde olan ve bu üçü arasında koordinasyonu sağlayan kişi kimdir?

A) Web tasarımcı
B) Kullanıcı
C) Proje mimarı
D) Web geliştirici
E) Test elemanı

Cevap: C) Proje mimarı

Açıklama: Proje mimarı, müşterinin ihtiyaçlarına göre projenin konseptini belirler ve tüm süreci koordine eder. Hem müşteri ile hem de geliştirme ekibi ile sürekli iletişim halinde olup projeyi başarılı bir şekilde tamamlamaktan sorumludur.

2- Gerçekleştirilecek sitenin hem görsel tasarımını gerçekleştiren hem de kullanılması gereken fonksiyonları belirleyen kişi kimdir?

A) Proje yöneticisi
B) Web tasarımcı
C) Web geliştirici
D) Analist
E) Test elemanı

Cevap: B) Web tasarımcı

Açıklama: Web tasarımcı, sitenin görsel tasarımını yapar ve kullanıcı deneyimini optimize eder. Kullanılacak fonksiyonları belirler ve sitenin estetik ve işlevsellik açısından uyumlu olmasını sağlar.

3- Aşağıdakilerden hangisi görsel tasarım için kullanılan araçlardan değildir?

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

Cevap: E) Notepad++

Açıklama: Notepad++ bir kod editörüdür ve genellikle yazılım geliştirme için kullanılır. Diğer seçenekler ise grafik tasarım araçlarıdır.

4- Aşağıdakilerden hangisi/hangileri web tasarımcının görev alanı içerisindedir?

I. Görsel öğeler tasarlamak
II. Web sitesinin güvenlik testlerini yapmak
III. Web sitesinin kullanılabilirlik analizlerini yapmak
IV. HTML, CSS bilmek
V. Java, PHP, MySql bilmek.
A) I ve II
B) I, III ve IV
C) IV ve V
D) II ve III
E) Yalnız V

Cevap: B) I, III ve IV

Açıklama: Web tasarımcısı, görsel öğeler tasarlar, kullanılabilirlik analizleri yapar ve HTML, CSS gibi web teknolojilerini bilir. Güvenlik testleri ve ileri düzey programlama ise genellikle geliştiricilerin görev alanındadır.

5- Aşağıdakilerden hangisi web geliştirme sürecinde ihtiyaç duyulan temel yeteneklerden değildir?

A) Yönetim
B) İstatistik
C) Sanat
D) Tasarım
E) Programlama

Cevap: B) İstatistik

Açıklama: Web geliştirme sürecinde yönetim, sanat, tasarım ve programlama yeteneklerine ihtiyaç duyulur. İstatistik ise web geliştirme sürecinde doğrudan gerekli olmayan bir yetenektir.

6- I. Geliştirme
II.Test
III.Hedef Belirleme
IV.Tasarım
V.Yayın
Yukarıdaki maddeleri web geliştirme sürecini göz önünde bulundurarak doğru bir şekilde sıraladığınızda hangisi baştan 3. sırada olur?

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

Cevap: C) III

Açıklama: Web geliştirme sürecinde ilk adım hedef belirleme, ikinci adım tasarım, üçüncü adım geliştirme, dördüncü adım test ve son adım yayındır. Dolayısıyla, hedef belirleme üçüncü sırada yer alır.

7- Web geliştirme sürecinde müşterinin yer aldığı sektör, bu sektör içerisindeki yeri, sektör özellikleri, müşterinin sektörde sunduğu ürün veya hizmetlerin neler olduğu gibi konuların analiz edildiği adım hangisidir?

A) Geliştirme
B) Test
C) Hedef Belirleme
D) Tasarım
E) Yayın

Cevap: C) Hedef Belirleme

Açıklama: Hedef belirleme aşamasında, müşterinin sektörü, bu sektör içindeki yeri ve sunduğu hizmetler analiz edilir. Bu bilgiler, projenin başarılı olması için kritik öneme sahiptir.

8- Projelerde iş-zaman planlaması için kullanılan diyagram hangileridir?

A) CRISP-DM
B) PowerChart
C) Gantt
D) MSProject
E) Venn

Cevap: C) Gantt

Açıklama: Gantt diyagramları, projelerde iş-zaman planlaması için yaygın olarak kullanılır. Bu diyagramlar, projedeki görevlerin zaman çizelgesini gösterir.

9- Aşağıdakilerden hangisi web tasarım ilkeleri arasında sayılamaz?

A) Sayfa tasarlanırken sayfaların bütünlüğüne dikkat edilmelidir.
B) Web sitesindeki alt sayfalara sadece ana sayfadan erişilecek şekilde planlama yapılmalıdır.
C) Site haritasının çok iyi bir şekilde yapılandırılmış olması gerekir.
D) Metinsel içeriklerin anlaşılır, uzun ve gereksiz cümlelerden arındırılmış olması gerekmektedir.
E) Web sayfaları için yerleşim planları çıkartılırken ana taslağın ister bir kâğıda ister bilgisayar ortamında bir uygulama vasıtasıyla hazırlanması gerekmektedir.

Cevap: B) Web sitesindeki alt sayfalara sadece ana sayfadan erişilecek şekilde planlama yapılmalıdır.

Açıklama: Web tasarım ilkelerine göre, site haritası iyi yapılandırılmalı ve kullanıcıların alt sayfalara kolayca erişebilmesi sağlanmalıdır. Alt sayfalara sadece ana sayfadan erişim planlaması kullanıcı deneyimini olumsuz etkiler.

10- Bir web sitesinin farklı yaş gruplarına göre tasarlanması hangi tasarım ilkesi başlığı altında ele alınabilir?

A) Test
B) İçerik
C) Kullanılabilirlik
D) Tarayıcı uyumu
E) Fonksiyonellik

Cevap: C) Kullanılabilirlik

Açıklama: Kullanılabilirlik, bir web sitesinin farklı yaş grupları tarafından kolayca kullanılabilmesini sağlar. Tasarımın kullanıcı dostu olması, tüm kullanıcılar için erişilebilir ve anlaşılır olmasına dikkat edilir.

Web Tasarım ve Kodlama
Web Tasarımı Web Tasarımı ve Kodlama

Web Tasarımın Temel İlkeleri

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

Editor

Editör

error: Kopyalamaya Karşı Korumalıdır!