Web Grafik Tasarımı - Web Tasarımı ve Kodlama

Ünite 1

Soru 1

Bilgi işlemde, web sunucularının kullanıcı isteklerini işlemek için harici bir program yürütmesini sağlayan arayüz özelliğine ne ad verilir?

CGI

webAR

URI

Açıklama:

CGI (Ortak Ağ Geçidi Arayüzü): Bilgi işlemde, web sunucularının tipik olarak kullanıcı isteklerini işlemek için harici bir program yürütmesini sağlayan bir arayüz özelliğidir.

Doğru Cevap: A

Soru 2

Grafik kullanıcı arayüzüne sahip ilk web tarayıcısı aşağıdakilerden hangisidir?

Netscape Navigator

Mosaic

Internet Explorer

Microsoft Edge

Apple Safari

Açıklama:

Mosaic, grafik kullanıcı arayüzüne sahip ilk web tarayıcıdır. Satır içi görüntüleri görüntüleyebilen ve form gönderebilen tarayıcı ve aynı zamanda formları işleyebilen CGI özellikli bir sunucu hizmetine sahiptir.

Doğru Cevap: B

Soru 3

Web tasarımında “kendin yap (DIY)” mantığını ilk başlatan Açık kaynak kodlu yazılım aşağıdakilerden hangisidir?

WordPress

Php-fusion

MySpace

Drupal

GIMP

Açıklama:

MySpace’in kodlamayı yaygınlaştırması, kullanıcılara basit HTML programlama yoluyla sayfa tasarımlarını veya sayfa arka zeminlerini özelleştirme, kişiselleştirme olanağı sunması ile mümkün olmuştur. Bu sayede kullanıcılar HTML diliyle kod yazarak renk doygunluğu yüksek imgeler, görsel ağırlıklı tasarımlar ve metin alanlarından oluşan dönemin dijital estetiğini kişisel MySpace sayfalarında yaratmaya başlamışlardır. Bu dönemin üzerinden yaklaşık 20 yıl geçtikten sonra web sitesi tasarımları, uygulama arayüzleri çok daha rafine ve sade bir tasarım ve görüntü dilinde olsa da da MySpace’in başlattığı kendin yap (DIY) mantığıyla kullanıcılara sunduğu web tasarım yaklaşımının şu andaki web’in de şekillenmesine neden olan önemli adımlardan biri olduğunu söylemek doğru olacaktır.

Doğru Cevap: C

Soru 4

Aşağıdakilerden hangisi Web 2.0’ın temel özelliklerinden biri değildir?

Alexa, Google Home ve Siri gibi ses özellikli sistemler

HTML, PHP, ASP, JSP Web teknolojileri

Akıllı cihazlar, akıllı arabalar ve akıllı evler

Nesnelerin interneti ve Her Şeyin İnterneti

Her yerden ve her zaman erişilebilen modern ve duyarlı Web

Açıklama:

Web 2.0’ın temel özellikleri:
• Herhangi bir cihazdan, her yerden ve her
zaman erişilebilen modern ve duyarlı Web
• Çeşitli veri kaynaklarından otomatik içerik
güncellemeleri içeren dinamik web sayfaları
• Modern web teknolojileri HTML 5, CSS
ve JavaScript, yerel mobil çerçeveler ve karma Web çerçeveleri
• Sosyal medya platformları
• Bulut bilişim platformları
• Çeşitli ileri teknolojilere giriş
• Akıllı cihazlar, akıllı arabalar ve akıllı evler
• Nesnelerin interneti ve Her Şeyin İnterneti
• Yapay zekâ, makine öğrenimi, büyük veri, veri bilimi ve otomasyonun yükselişi
• Artırılmış gerçeklik, sanal gerçeklik, karma gerçeklik ve benzeri araçların tanıtımı
• Alexa, Google Home ve Siri gibi ses özellikli sistemler
Web 1.0’ın temel özellikleri:Web teknolojileri HTML, PHP, ASP, JSP

Doğru Cevap: B

Soru 5

Web görüntüleri için genellikle ihtiyaç duyulan çözünürlük aşağıdakilerden hangisidir?

72 dpi

100 dpi

200 dpi

150 dpi

300 dpi

Açıklama:

Baskı teknolojileri söz konusu olduğunda piksel tabanlı bir görüntünün net ve kaliteli bir sonuç verebilmesi için ihtiyaç duyulan çözünürlük en az 300 dpi iken web görüntüleri için genellikle 72 dpi yeterlidir.

Doğru Cevap: A

Soru 6

Etkileşimlilik

Eşzamanlılık

Taşınabilir olma

Zaman ve mekandan bağımsız olma

Arayüz tabanlı görsel iletişim

Yeni medyayı geleneksel medyadan ayıran temel özellikler yukarıdakilerden hangileridir?

Yalnız I ve II

II, III ve IV

III, IV ve V

I,II, IV ve V

I, III, IV ve V

Açıklama:

Yeni medyayı geleneksel medyadan ayıran temel özelliklerden birkaçını; analog sistemleri geride bırakan hızı sağlayan dijitallik, okuyucuyu, izleyiciyi kullanıcı hâline getiren etkileşimlilik, telefon veya televizyon gibi geleneksel medya araçlarının aksine kullanıcının istediği zamanda etkileşime girmesine olanak sağlayan eşzamansızlık özelliği, geleneksel medya araçlarının tersine taşınabilir olma hâli ve taşınabilirlik özelliğinin de katkısıyla kullanıcılarına diledikleri zaman ve diledikleri yerden iletişim kurma olanağı sağlayan; zaman ve mekandan bağımsız olma özelliği, geleneksel medyanın kitle hâline getirdiği okuyucu/izleyicilerin, kişisel tercihlerine uygun iletişim kurma imkânı veren kitlesizleştirme, kitlesizleşen iletişim ortamının ve mobil teknolojilerin sağladığı kişiselleştirme, web 2.0 teknolojileri sayesinde gelişen ağ erişimi özelliği, dijital ortamda arayüz tabanlı görsel iletişim özelliği şeklinde sıralayabiliriz.

Doğru Cevap: E

Soru 7

Arayüz tasarımında sayfa/web uygulaması içindeki bölümler veya gezinme düğmeleri gibi benzer bilgileri gruplamak hangi gestalt ilkesine bir örnektir?

Yakınlık İlkesi

Benzerlik ilkesi

Simetri

Tamamlama

Süreklilik

Açıklama:

Yakınlık İlkesi: Birbirine yakın nesneleri grup olarak algılarız. Tıpkı sayfa/web uygulaması içindeki bölümler veya gezinme düğmeleri gibi benzer bilgileri gruplarken bu ilkeden yararlanabiliriz.
Aynı zamanda beyaz boşluk, gözlerin biraz dinlenmesini sağlamak için tasarımda temel bir rol oynar.

Doğru Cevap: A

Soru 8

Düzenli ve tutarlı bir görünüm oluşturmak için farklı unsurları bir araya getiren grafik tasarım ögesi aşağıdakilerden hangisidir?

Simetrik denge

Asimetrik denge

Hizalama

Ritim

Hiyerarşi

Açıklama:

Ritim, daha düzenli ve tutarlı bir görünüm oluşturmak için farklı unsurları bir araya getirir.
Logolar veya renk gibi belirli ögelerin tekrarı, bir görsel mesajın kolayca tanınmasına ve genel görünümü güçlendirmesine yardımcı olabilir.

Doğru Cevap: D

Soru 9

Aşağıdakilerden hangisi vektör tabanlı görüntülerin tasarımcılara sunduğu avantajlardan biri değildir?

Görüntüde kalite kaybı olmadan ölçeklenebilir olma

Kalite kaybı olmadan sıkıştırılabilir olma

Küçük dosya boyutuna sahip olmaları

Vektör tabanlı görüntülerin kolayca büyütülüp küçültülmesi

Karmaşık görüntüleri görüntüleme için rasterleştirilmeleri

Açıklama:

Vektör tabanlı görüntülerin tasarımcılara sunduğu avantajları;
• Görüntüde kalite kaybı olmadan ölçeklenebilir olma
• Kalite kaybı olmadan sıkıştırılabilir olma
• Vektör tabanlı görüntülerin küçük dosya
boyutuna sahip olmaları• Vektör tabanlı görüntülerin kolayca büyütülüp küçültülmesi, özelliklerinin ayarlanabilir olması
• Kolayca raster görüntüye çevrilme
olarak sayabiliriz. Sayılan avantajlarına karşın vektör tabanlı görüntülerin; karmaşık grafik görüntüler için uygun olmama ve görüntüleme için rasterleştirmelerinin gerekli olması gibi dezavantajları mevcuttur.

Doğru Cevap: E

Soru 10

"...................., yalnızca Mac’te ve Mac için çalışan bir web tasarım yazılımıdır. Yazılım, farklı tasarım toplulukları tarafından tasarlanmış temaları kullanıcının seçimine sunar. Seçilen tema kullanılarak yapılan tasarımların çeşitli Apple marka cihazlarda nasıl görüneceğini eşzamanlı olarak görmek mümkündür."
Yukarıdaki cümlede boş bırakılan yeri aşağıdakilerden hangisi doğru şekilde tamamlar?

EpicPxls

InVision

RapidWeaver

Framer

Squarespace

Açıklama:

RapidWeaver, yalnızca Mac’te ve Mac için çalışan bir web tasarım yazılımıdır. Yazılım, farklı
tasarım toplulukları tarafından tasarlanmış temaları kullanıcının seçimine sunar. Seçilen tema kullanılarak yapılan tasarımların çeşitli Apple marka cihazlarda nasıl görüneceğini eşzamanlı olarak görmek mümkündür.

Doğru Cevap: C

Soru 11

İlk el tipi cep telefonu ne zaman, kim tarafından icat edilmiştir?

1973 Motorola

1975 Nokia

1971 Samsung

1971 Apple

1973 LG

Açıklama:

1917’lerden itibaren telsiz telefonlarla ilgili çalışmalar başlamışsa de ilk el tipi cep telefonu 1973 yılında Motorola tarafından icat edilmiştir.
1973 Motorola

Doğru Cevap: A

Soru 12

Aşağıdakilerden hangisi Web 1.0’ın temel özelliklerin biri değildir?

Metin ve resim içeriğiyle dolu statik web sayfaları

Websiteleri, Web Sunucusu yöneticileri tarafından barındırılması

Web düzenleri, HTML sayfaları kullanılarak statik olarak oluşturulması

Tüm Web içerikleri tüm tarayıcılarda aynı şekilde görüntülenememiştir.

Bulut bilişim platformları

Açıklama:

Web 1.0’ın temel özellikleri:
• Metin ve resim içeriğiyle dolu statik web sayfaları
• Websiteleri, Web Sunucusu yöneticileri tarafından barındırılması
• Web düzenleri, HTML sayfaları kullanılarak statik olarak oluşturulması
• Tüm Web içerikleri tüm tarayıcılarda aynı şekilde görüntülenememiştir.
• Kullanıcı, güncellenen içeriği görmek için içeriğin sayfalarını yenilemek zorunda kalmıştır.
• Webteknolojileri HTML, PHP, ASP, JSP idi.
Veriler, merkezi sunucularda barındırıldı ve veritabanı ile doğrudan bağlantılı monolitik web siteleri tarafından doğrudan erişilmiştir.
Bulut bilişim platformları

Doğru Cevap: E

Soru 13

Aşağıdakilerden hangisi Web 2.0’ın temel özelliklerinden biridir?

Sosyal medya platformları

Web düzenleri, HTML sayfaları kullanılarak statik olarak oluşturulması

Tüm Web içerikleri tüm tarayıcılarda aynı şekilde görüntülenememiştir.

Kullanıcı, güncellenen içeriği görmek için içeriğin sayfalarını yenilemek zorunda kalmıştır.

Webteknolojileri HTML, PHP, ASP, JSP idi.

Açıklama:

Web 2.0’ın temel özellikleri:
• Herhangi bir cihazdan, her yerden ve her zaman erişilebilen modern ve duyarlı Web
• Çeşitli veri kaynaklarından otomatik içerik güncellemeleri içeren dinamik web sayfaları
• Modern web teknolojileri HTML 5, CSS ve JavaScript, yerel mobil çerçeveler ve karma Web çerçeveleri
• Sosyal medya platformları
• Bulut bilişim platformları
• Çeşitli ileri teknolojilere giriş
• Akıllı cihazlar, akıllı arabalar ve akıllı evler
• Nesnelerin interneti ve Her Şeyin İnterneti Yapay zekâ, makine öğrenimi, büyük veri, veri bilimi ve otomasyonun yükselişi
• Artırılmış gerçeklik, sanal gerçeklik, karma gerçeklik ve benzeri araçların tanıtımı
• Alexa, Google Home ve Siri gibi ses özellikli sistemler

Doğru Cevap: A

Soru 14

1052

350

1000

100

Açıklama:

Doğru Cevap: B

Soru 15

Aşağıdakilerden hangisi grafik kullanıcı arayüzüne sahip ilk web tarayıcıdır?

Explorer

Netscape

Mosaic

Mozilla

Opera

Açıklama:

Mosaic, grafik kullanıcı arayüzüne sahip ilk web tarayıcıdır.

Doğru Cevap: C

Soru 16

Aşağıdakilerden hangisi Web 1.0’ın temel özelliklerinden biridir?

Sosyal medya platformları

Statik web sayfaları

Bulut bilişim platformları

Artırılmış gerçeklik

Siri gibi ses özellikli sistemler

Açıklama:

Web 1.0’ın temel özelliklerinden biri; Metin ve resim içeriğiyle dolu statik web sayfalarıdır.

Doğru Cevap: B

Soru 17

Web görüntüleri için yeterli olan çözünürlük genellikle kaç dpi’dır?

105

250

300

Açıklama:

Web görüntüleri için genellikle 72 dpi yeterlidir.

Doğru Cevap: B

Soru 18

Aşağıdakilerden hangisi yeni medyayı geleneksel medyadan ayıran temel özelliklerden biri değildir?

Etkileşimlilik

Eşzamansızlık

Kitlesizleştirme

Kişiselleştirme

Tek yönlü iletişim

Açıklama:

Tek yönlü iletişim geleneksel medyanın özelliklerinden biridir.

Doğru Cevap: E

Soru 19

Bir bilgisayar sisteminin iki veya daha fazla ayrı bileşeninin bilgi alışverişinde bulunduğu ortak alanı tanımlayan kavram aşağıdakilerden hangisidir?

Windows

Ağ

Arayüz

Analog

Converter

Açıklama:

Bilgisayar bilimlerinde arayüz; bir bilgisayar sisteminin iki veya daha fazla ayrı bileşeninin bilgi alışverişinde bulunduğu ortak alandır.

Doğru Cevap: C

Soru 20

Aşağıdakilerden hangiside arayüzdeki gezinim bileşenleri doğru olarak verilmiştir?

Butonlar, listeler, yazı alanları

Listeler, arama çubuğu, butonlar

Etiketler, yazı alanları, butonlar

Arama çubuğu, etiketler, ikonlar

Yazı alanları, ikonlar, butonlar

Açıklama:

Arayüzdeki gezinim bileşenleri; arama çubuğu, etiketler, ikonlar ve buna benzer diğer bileşenlerdir. Arayüz üzerinde yer alan butonlar (düğmeler), listeler, yazı alanları ve bunun gibi bileşenler girdi alanları olarak adlandırılır.

Doğru Cevap: D

Soru 21

Stili olmayan HTML, düz arka plan, asimetrik düzen ve varsayılan bilgisayar yazı karakterleri ile işlenmemiş ham görüntüler hangi web tasarım tarzının göstergeleridir?

Neo-brutalism

Memphis tasarımı

Görünür Çerçeveler

Tipografik tasarım

Hareketli yazı

Açıklama:

Neo-brutalism, yeni acımasızlık yaklaşımı, 1950’li ve 1960’lı yıllarda ortaya çıkan, beton gibi ham malzemeleri kullanan mimari akım Brutalism’in 2014 yılından itibaren web tasarımına olan yansımasıdır. Stili olmayan HTML, düz arka plan, asimetrik düzen ve varsayılan bilgisayar yazı karakterleri ile işlenmemiş ham görüntüler bu tarzın göstergeleridir.

Doğru Cevap: A

Soru 22

Aşağıdakilerden hangisi temel grafik tasarım ilkelerinden biri değildir?

Denge

Hizalama

Hiyerarşi

Ritim

Yazılım

Açıklama:

Temel grafik tasarım ilkeleri: Denge, hizalama, hiyerarşi, kontrast, ritim, yakınlık, renk ve boşluk.

Doğru Cevap: E

Soru 23

Paint Bucket, Lasso ve Grabber simgeleri gibi çığır açan çalışmalara imza atan tasarımcı kimdir?

Andy Hertzfeld

Susan Kare

April Greiman

Matt Mullenweg

Donald Norman

Açıklama:

Macintosh işletim sistemi için çok sayıda ikon, yazı karakteri ve orijinal pazarlama materyali tasarlayan Susan Kare, Paint Bucket, Lasso ve Grabber simgeleri gibi çığır açan çalışmalara da imza atmıştır.

Doğru Cevap: B

Soru 24

Aşağıdakilerden hangisi vektör tabanlı görüntülerin özelliklerinden biridir?

En küçük birimi pikseldir

Raster grafiklerdir

Kalite kaybı olmadan sıkıştırılabilir

JPG, BMP, PNG gibi formatlarda görüntü oluşur

Yüksek kaliteli görüntülerin yüksek bellek gereksinimleri vardır

Açıklama:

Vektör tabanlı görüntüler kalite kaybı olmadan sıkıştırılabilir. Diğer şıklar piksel tabanlı görüntünün özelliklerindendir.

Doğru Cevap: C

Soru 25

İnsan gözünün çevredeki nesneler tarafından yansıtılan, görünür spektrumdaki ışığı kullanarak fotopik görüş (gündüz görüşü), renkli görüş, skotopik görüş (gece görüşü) ve mezopik görüş (alacakaranlık görüşü) yoluyla çevreyi yorumlama yeteneğine ne denir?

Retina görüntüsü

Görsel algı

Gestalt

Dreamweaver

Arayüz

Açıklama:

Görsel algı; insan gözünün çevredeki nesneler tarafından yansıtılan, görünür spektrumdaki ışığı kullanarak fotopik görüş (gündüz görüşü), renkli görüş, skotopik görüş (gece görüşü) ve mezopik görüş (alacakaranlık görüşü) yoluyla çevreyi yorumlama yeteneğidir. Çevreyi görsel olarak algılama bir kişinin ne kadar net gördüğünü ifade eden görme keskinliğinden farklıdır. İnsanlar çevreyi çok net görseler dahi, görsel algılama ile ilgili sorunlar yaşayabilirler.

Doğru Cevap: B

Soru 26

Gezinme menüsündeki web bağlantıları veya sosyal medya bağlantıları gibi sayfanın veya mobil uygulamanın arayüzünün ögeleri, hangi ilke kapsamında örnek olarak gösterilebilir?

Tamamlama

Süreklilik

Simetri

Benzerlik İlkesi

Yakınlık İlkesi

Açıklama:

Benzerlik İlkesi: Renk, şekil, boyut, doku ve yön aynı özellikleri taşıyan nesneleri, bitişik veya yakın konumda olmasalar bile aynı kümenin parçası olarak algılarız. Aynı özellikleri taşıyan elementleri bilgi ve görsel hiyerarşi için kullanabilir. Benzer elementler bize onların bir grubun parçası olduklarını gösterir. Örnek verecek olursak bunlar; gezinme menüsündeki web bağlantıları veya sosyal medya bağlantıları gibi sayfanın veya mobil uygulamanın arayüzünün ögeleri olabilirler.

Doğru Cevap: D

Soru 27

Bir galerideki küçük görseller, bir görsel slaytı veya bir açılır menü, hangi ilkeye örnek olarak gösterilebilir?

Ortak kader

Yakınlık İlkesi

Süreklilik

Simetri

Tamamlama

Açıklama:

Süreklilik: Bir bütüne baktığımızda bütün içindeki hareket ve yönü bütünü oluşturan ögelerin özellikleri sayesinde algılarız. Bu da bize süreklilik hissi verir. Süreklilik, belirli unsurlar dikkatimizi belirli bir yere veya yöne yönlendirmemiz gerektiğinde kullanılır. Bunun örnekleri, bir galerideki küçük görseller, bir görsel slaytı veya bir açılır menü olabilir

Doğru Cevap: C

Soru 28

"........ bir tasarımın ögeleri, tasarımın bütününde dairesel bir düzende yerleştirilir. Bu, izleyicinin gözünde bir hareket ve dinamizm duygusu sağlar." Cümlesindeki boşluğa aşağıdakilerden hangisi getirilmelidir?

Asimetrik

Simetrik

Hizalama

Radyal

Hiyerarşi

Açıklama:

Bu, bir tasarımı oluşturan şekiller, metin kutuları ve görseller gibi grafik tasarım ögelerinin belirli bir düzen içinde görsel olarak eşit olarak dağılımını ifade eder. Tasarımcılar dengeli, yani kararlı tasarım veya dengesiz, bir diğer deyişle dinamik tasarım arasında tasarımın içeriğine ve ihtiyacına göre seçim yapabilirler. Grafik tasarım bağlamında denge üç çeşittir. Radyal de bunlardan biridir.
Burada, bir tasarımın ögeleri, tasarımın bütününde dairesel bir düzende yerleştirilir. Bu, izleyicinin gözünde bir hareket ve dinamizm duygusu sağlar.

Doğru Cevap: D

Soru 29

Aşağıdakilerden hangisi tasarımcıya sunulan, piksel tabanlı görüntülerinin dezavantajlarından biri değildir?

Piksel tabanlı görüntülerin ölçeklemesinin kalite kayıplarıyla ilişkili olması

Sıkıştırma formatlarının kalite kayıplarına neden olabilmesi

Yüksek kaliteli görüntülerin yüksek bellek gereksinimleri olması

Büyük boyutlu görsellerde görüntü izlemenin zahmetli olabilmesi

Yüksek kaliteli görüntülerin çok düşük belleklere gereksinimleri olması

Açıklama:

Piksel tabanlı görüntüleri hem renk skalası hem de bu renklerin parlaklık derecelendirmesi açısından avantajları vardır. Aynı zamanda görüntüyü oluşturan her bir pikselin tekrar düzenlenebilir olması da tasarımcıya sunulan avantajlardandır. Buna karşın; • Piksel tabanlı görüntülerin ölçeklemesinin kalite kayıplarıyla ilişkili olması
• Sıkıştırma formatlarının kalite kayıplarına neden olabilmesi
• Yüksek kaliteli görüntülerin yüksek bellek gereksinimleri olması
• Büyük boyutlu görsellerde görüntü izlemenin zahmetli olabilmesi gibi dezavantajları mevcuttur.
Yüksek kaliteli görüntülerin çok düşük belleklere gereksinimleri olması

Doğru Cevap: E

Soru 30

Aşağıdakilerden hangisi vektör tabanlı görüntülerin, tasarımcılara sunduğu avantajlardan biri değildir?

Görüntüde kalite kaybı olmadan ölçeklenebilir olma

Kalite kaybı olmadan sıkıştırılabilir olma

Vektör tabanlı görüntülerin küçük dosya boyutuna sahip olmaları

Büyük boyutlu görsellerde görüntü izlemenin zahmetli olabilmesi

Vektör tabanlı görüntülerin kolayca büyütülüp küçültülmesi, özelliklerinin ayarlanabilir olması

Açıklama:

Vektör tabanlı görüntülerin tasarımcılara sunduğu avantajları;
• Görüntüde kalite kaybı olmadan ölçeklenebilir olma
• Kalite kaybı olmadan sıkıştırılabilir olma
• Vektör tabanlı görüntülerin küçük dosya boyutuna sahip olmaları
Vektör tabanlı görüntülerin kolayca büyütülüp küçültülmesi, özelliklerinin ayarlanabilir olması
• Kolayca raster görüntüye çevrilme olarak sayabiliriz.
Büyük boyutlu görsellerde görüntü izlemenin zahmetli olabilmesi

Doğru Cevap: D

Soru 31

İlk web sayfası hangi tarihte Berners Lee ve ekibinin çalışmalarıyla ortaya çıkmıştır?

6 Ağustos 1991

6 Mart 1991

6 Nisan 1991

6 Mayıs 1991

6 Haziran 1991

Açıklama:

İlk web sayfası 6 Ağustos 1991’de BernersLee ve ekibinin çalışmalarıyla dünyaya merhaba
demiştir.

Doğru Cevap: A

Soru 32

CERN, kaç
yılında Web protokolünü ve kodunu telif ücretsiz
hâle getirerek kullanımını tüm dünyadaki internet
kullanıcılarına açmıştır?

1990

1991

1992

1993

1994

Açıklama:

CERN, 1993
yılında Web protokolünü ve kodunu telif ücretsiz
hâle getirerek kullanımını tüm dünyadaki internet
kullanıcılarına açmıştır.

Doğru Cevap: D

Soru 33

"Flash teknolojisiyle aynı zamanda geliştirilen....... ise zaman içinde web tasarımının temel
taşlarından biri hâline gelmiştir."
Yukarıdaki cümlede boşluğa aşağıdakilerden hangisi gelmelidir?

CCS

CSS

CCC

SSS

CSR

Açıklama:

Flash teknolojisiyle aynı zamanda geliştirilen CSS ise zaman içinde web tasarımının temel
taşlarından biri hâline gelmiştir.

Doğru Cevap: B

Soru 34

Web tasarımına yön veren girişimlerden biri
olan WordPress, kimler
tarafından 2003 yılında internetteki yerini almıştır.

Mike Mullenweg ve Matt Little

Matt Mullenweg ve Mike Big

Matt Mullenweg ve Mike Little

Matthew Mullenweg ve Mike Little

Matt Mullenweg ve Michel Little

Açıklama:

Web tasarımına yön veren girişimlerden biri
olan WordPress, Matt Mullenweg ve Mike Little
tarafından 2003 yılında internetteki yerini almıştır.

Doğru Cevap: C

Soru 35

İlk web sayfası hangi yılda ortaya çıkmıştır?

1971

1981

1991

2001

2011

Açıklama:

Web tarayıcı, Ocak 1991’den itibaren CERN dışında diğer araştırma kurumlarına ve ardından Ağustos 1991’de genel halka sunulmuş, ilk web sayfası 6 Ağustos 1991’de Berners-Lee ve ekibinin çalışmalarıyla dünyaya merhaba demiştir. Avrupa Nükleer Araş- tırma Örgütü olarak Türkçeye çevrilebilecek olan CERN’deki bir NeXT bilgisayarda barındırılan bu ilk sayfa; World Wide Web hakkında bilgi içeren basit bir sayfadır. Bu buluş ve teknik yapısı; içeriği yatay ve dikey olarak düzenlemek için ağırlıklı olarak HTML tablolarıyla çalışan bir tasarım sisteminin de başlangıcı olmuştur. Bu ilkel web sayfaları, modern web sayfalarıyla karşılaştırıldığında; modern web sayfalarının içeriğindeki görsel ögelerin tamamından yoksun ve salt metin bloklarından oluşan sayfalardır.

Doğru Cevap: C

Soru 36

Hangisi Web 1.0'ın temel özelliklerinden biri değildir?

Kullanıcı, güncellenen içeriği görmek için içeriğin sayfalarını yenilemek zorunda kalmıştır

Web siteleri, Web Sunucusu yöneticileri tarafından barındırılması

Tüm Web içerikleri tüm tarayıcılarda aynı şekilde görüntülenememiştir

Çeşitli veri kaynaklarından otomatik içerik güncellemeleri içeren dinamik web sayfaları

Web teknolojileri HTML, PHP, ASP, JSP idi

Açıklama:

Web 1.0’ın temel özellikleri:
• Metin ve resim içeriğiyle dolu statik web sayfaları
• Web siteleri, Web Sunucusu yöneticileri tarafından barındırılması
• Web düzenleri, HTML sayfaları kullanılarak statik olarak oluşturulması
• Tüm Web içerikleri tüm tarayıcılarda aynı şekilde görüntülenememiştir.
• Kullanıcı, güncellenen içeriği görmek için içeriğin sayfalarını yenilemek zorunda kal- mıştır.
• Web teknolojileri HTML, PHP, ASP, JSP idi.

Doğru Cevap: D

Soru 37

Hangisi Web 2.0'ın özelliklerinden biri değildir?

Metin ve resim içeriğiyle dolu statik web sayfaları

Sosyal medya platformları

Bulut bilişim platformları

Çeşitli ileri teknolojilere giriş

Alexa, Google Home ve Siri gibi ses özellikli sistemler

Açıklama:

Web 2.0’ın temel özellikleri:

Herhangi bir cihazdan, her yerden ve her zaman erişilebilen modern ve duyarlı Web
Çeşitli veri kaynaklarından otomatik içerik güncellemeleri içeren dinamik web sayfaları
Modern web teknolojileri HTML 5, CSS ve JavaScript, yerel mobil çerçeveler ve karma Web çerçeveleri
Sosyal medya platformları
Bulut bilişim platformları
Çeşitli ileri teknolojilere giriş
Akıllı cihazlar, akıllı arabalar ve akıllı evler
Nesnelerin interneti ve Her Şeyin İnterneti
Yapay zekâ, makine öğrenimi, büyük veri, veri bilimi ve otomasyonun yükselişi
Artırılmış gerçeklik, sanal gerçeklik, karma gerçeklik ve benzeri araçların tanıtımı
Alexa, Google Home ve Siri gibi ses özellikli sistemler

Doğru Cevap: A

Soru 38

Aşağıdakilerden hangisi temel grafik tasarım ilkelerinden biri değildir?

Denge

Hizalama

Uzaklık

Hiyerarşi

Kontrast

Açıklama:

Temel grafik tasarım ilkelerine bir göz atacak olursak kısaca aşağıdaki gibi sıralamak mümkündür:

Denge
Hizalama
Hiyerarşi
Kontrast
Ritim
Yakınlık
Renk ve boşluk

Doğru Cevap: C

Soru 39

Simetrik, asimetrik ve radyal, hangi temel grafik tasarım ilkesinin çeşitleridir?

Denge

Hizalama

Hiyerarşi

Kontrast

Ritim

Açıklama:

Denge: Bu, bir tasarımı oluşturan şekiller, metin kutuları ve görseller gibi grafik tasarım ögelerinin belirli bir düzen içinde görsel olarak eşit olarak dağılımını ifade eder. Tasarımcılar dengeli, yani kararlı tasarım veya dengesiz, bir diğer deyişle dinamik tasarım arasında tasarımın içeriğine ve ihtiyacına göre seçim yapabilirler. Grafik tasarım bağlamında denge üç çeşittir.

Simetrik- Bu tasarım türü, ögelerin ağırlığının yerleşimin her iki tarafına eşit olarak bölündüğü dikey eksen ve/veya yatay eksen boyunca oluşturulur.
Asimetrik- Bu tür bir denge, bir düzenin akışını eşitlemek için ölçek, kontrast ve renk kullanır. Genellikle bir web sayfasının iki tarafının birbirinden farklı olduğu ancak benzer ögeler içerdiği web sitelerinde bulunur.
Radyal- Burada, bir tasarımın ögeleri, tasarımın bütününde dairesel bir düzende yerleştirilir. Bu, izleyicinin gözünde bir hareket ve dinamizm duygusu sağlar.

Doğru Cevap: A

Soru 40

Tasarım bileşenleri arasında karanlık ve aydınlık; kalın ve ince; çağdaş ve geleneksel; büyük ve küçük ilişkileri aşağıdakilerden hangisi için kullanılabilir?

Denge

Kontrast

Ritim

Yakınlık

Renk ve boşluk

Açıklama:

Kontrast, hedef kitlenin dikkatini tasarımın temel unsurlarına yönlendirdiği için görsel iletişim tasarımında önemli bir ilkedir. Bir tasarımdaki benzer ögeler arasındaki ayrımı korumak ve böylece bir düzenin genel okunabilirliğini artırmak için gereklidir. Tasarım ögeleri karşıt olarak yerleştirildiğinde istenen kontrast oluşur. Örneğin, tasarım bileşenleri arasında karanlık ve aydınlık; kalın ve ince; çağdaş ve geleneksel; büyük ve küçük ilişkileri kontrast yaratmak için kullanılabilir.

Doğru Cevap: B

Soru 41

Aşağıdakilerden hangisi piksel tabanlı görüntülerin avantajlarından biridir?

Piksel tabanlı görüntülerin ölçeklemesinin kalite kayıplarıyla ilişkili olması

Sıkıştırma formatlarının kalite kayıplarına neden olabilmesi

Yüksek kaliteli görüntülerin yüksek bellek gereksinimleri olması

Görüntüyü oluşturan her bir pikselin tekrar düzenlenebilir olması

Büyük boyutlu görsellerde görüntü izlemenin zahmetli olabilmesi

Açıklama:

Piksel tabanlı görüntüleri hem renk skalası hem de bu renklerin parlaklık derecelendirmesi açısından avantajları vardır. Aynı zamanda görüntüyü oluşturan her bir pikselin tekrar düzenlenebilir olması da tasarımcıya sunulan avantajlardandır. Buna karşın;
• Piksel tabanlı görüntülerin ölçeklemesinin kalite kayıplarıyla ilişkili olması
• Sıkıştırma formatlarının kalite kayıplarına neden olabilmesi
• Yüksek kaliteli görüntülerin yüksek bellek gereksinimleri olması
• Büyük boyutlu görsellerde görüntü izleme- nin zahmetli olabilmesi gibi dezavantajları mevcuttur.

Doğru Cevap: D

Soru 42

Piksel tabanlı grafik uygulama programlarından hangisi yalnızca raster grafik düzenlemede değil, bir bütün olarak dijital sanatta endüstri standardı hâline gelmiştir?

Adobe Photoshop

GIMP

Corel Photo-Paint

CorelDRAW

Dreamweaver

Açıklama:

Piksel tabanlı grafik uygulama programlarına örnek vermek gerekirse; Adobe Photoshop en bilinenlerden biridir ve ücretli bir görüntü işleme programıdır. Adobe Photoshop, Windows ve macOS için Adobe tarafından geliştirilen ve yayınlanan bir raster grafik düzenleyicisidir. Yazılım yalnızca raster grafik düzenlemede değil, bir bütün olarak dijital sanatta endüstri standardı hâline gelmiştir. Photoshop, raster görüntüleri birden çok katmanda düzenleyebilir, oluşturabilir.

Doğru Cevap: A

Soru 43

Aşağıdakilerden hangisi vektör tabanlı görüntülerin dezavantajlarından biridir?

Görüntüde kalite kaybı olmadan ölçeklenebilir olma

Küçük dosya boyutuna sahip olmaları

Kolayca büyütülüp küçültülmesi, özelliklerinin ayarlanabilir olması

Kalite kaybı olmadan sıkıştırılabilir olma

Görüntüleme için rasterleştirmelerinin gerekli olması

Açıklama:

Vektör tabanlı görüntülerin tasarımcılara sunduğu avantajları;
• Görüntüde kalite kaybı olmadan ölçeklenebilir olma
• Kalite kaybı olmadan sıkıştırılabilir olma
• Vektör tabanlı görüntülerin küçük dosya boyutuna sahip olmaları
Vektör tabanlı görüntülerin kolayca büyütülüp küçültülmesi, özelliklerinin ayarlanabilir olması
• Kolayca raster görüntüye çevrilme olarak sayabiliriz.
Sayılan avantajlarına karşın vektör tabanlı görüntülerin; karmaşık grafik görüntüler için uygun olmama ve görüntüleme için rasterleştirmelerinin gerekli olması gibi dezavantajları mevcuttur.

Doğru Cevap: E

Soru 44

Ölçeklenebilir vektör grafikleri (SVG) biçimindeki vektör görüntüleri oluşturmak ve düzenlemek için kullanılan ücretsiz, açık kaynaklı grafik düzenleyi program hangisinde doğru verilmiştir ?

CorelDRAW

Inkscape

Adobe Illustrator

Squarespace

RapidWeaver

Açıklama:

Inkscape, öncelikle Ölçeklenebilir Vektör Grafikleri (SVG) biçiminde vektör görüntüleri oluşturmak için kullanılan ücretsiz ve açık kaynaklı bir vektör grafik düzenleyicisidir. Yazılım diğer formatları da içe ve dışa aktarabilir. Inkscape, dikdörtgenler, elipsler, çokgenler, yaylar, spiraller, yıldızlar ve üç boyutlu geometrik şekiller gibi ilkel vektör grafikleri ve metinleri oluşturabilir. Bu nesneler düz renkler, desenler, radyal veya doğrusal renk gradyanları ile doldurulabilir. Yazılım tarafından fotoğraflardan ve diğer tarama kaynaklarından vektör grafikler oluşturmasını sağlayan, tarama grafiklerinin gömme ve isteğe bağlı olarak izlenmesi de desteklenir. Oluşturulan şekiller, taşıma, döndürme, ölçekleme ve eğriltme gibi dönüşümlerle daha fazla manipüle de edilebilir. Inkscape’in en son sürümü Linux, Windows ve macOS işletim sistemlerinde çalışmayı destekler.

Doğru Cevap: B

Soru 45

Baskı teknolojileri söz konu- su olduğunda piksel tabanlı bir görüntünün net ve kaliteli bir sonuç verebilmesi için ihtiyaç duyulan çözünürlük en az 300 dpi iken web görüntüleri için genellikle kaç dpi yeterlidir?

102

Açıklama:

Doğru Cevap: B

Soru 46

Modern görme teorileri, ilk olarak 1604’te gözdeki retinal görüntünün oluşumunu doğru ola- rak kim tanımlamıştır?

Christoph Scheiner

Richard Gregory

Johannes Kepler

Hermann von Helmholtz

James Gibson

Açıklama:

Modern görme teorileri, ilk olarak 1604’te göz- deki retinal görüntünün oluşumunu doğru ola- rak tanımlayan Johannes Kepler ile başlar.

Doğru Cevap: C

Soru 47

Gestalt kelimesi ne anlama gelmektedir?

Şekil

Görüntü

Algı

Anlama

Biçim

Açıklama:

Gestalt Biçim anlamına gelmektedir.

Doğru Cevap: E

Soru 48

…………….ritmin senkronize bir şekilde hareket etmesi ve değişmesi yoluyla grafiksel bir arayüze dinamizm kazandıran bir ilkedir.
Yukarıdaki cümledeki boşluğa aşağıdakilerden hangisi gelmelidir?

Benzerlik İlkesi

Ortak kader

Yakınlık İlkesi

Simetri

Süreklilik

Açıklama:

Ortak kader, ritmin senkronize bir şekilde hareket etmesi ve değişmesi yoluyla grafiksel bir arayüze dinamizm kazandıran bir ilkedir.

Doğru Cevap: B

Soru 49

Ekran tipografisi adına önemli katkıları olan Susan Kare’in tasarladığı yazı karakterleri arasında aşağıdakilerden hangisi yer almaktadır?

Time new roman

Ariel

Verdana

Cenevre

Terminal

Açıklama:

Ekran tipografisi adına önemli katkıları olan Susan Kare’in tasarladığı yazı karakterleri arasında Monaco, Cenevre yer alır.

Doğru Cevap: D

Soru 50

Corel Photo-Paint kaç yılından beri Corel tara- fından geliştirilen raster grafik editörüdür?

1990

1991

1992

1993

1994

Açıklama:

Corel Photo-Paint ise 1992’den beri Corel tara- fından geliştirilen raster grafik editörüdür.

Doğru Cevap: C

Soru 51

__________ bilgisayar teknolojilerinin toplumsal hayatın her alanında iletişim amacıyla kullanılması, bilimsel bilginin elektronik aygıtlar ve özellikle bilgisayarlar tarafından işlenmesi üzerine kuramsal bilgi ve pratik teknikleri araştıran bilim dalıdır.
İfadesi aşağıdakilerden hangisi ile tamamlanmalıdır?

Bilişim

WEB

Internet

WEB tasarım

URL

Açıklama:

Doğru seçenek A'dır.
bilişim; bilgisayar teknolojilerinin toplumsal hayatın her alanında iletişim amacıyla kullanılması, bilimsel bilginin elektronik aygıtlar ve özellikle bilgisayarlar tarafından işlenmesi üzerine kuramsal bilgi ve pratik teknikleri araştıran bilim dalıdır.

Doğru Cevap: A

Soru 52

Metin ve resim içeriğiyle dolu statik web sayfalarıdır.
Web düzenleri, HTML sayfaları kullanılarak statik olarak oluşturulmuştur.
Tüm Web içerikleri tüm tarayıcılarda aynı şekilde görüntülenemez.
Kullanıcı, güncellenen içeriği görmek için içeriğin sayfalarını yenilemek zorunda kalır.

Bu özellikler aşağıdakilerden hangisine aittir?

Web 1.0

Web 2.0

HTML

PHP

ASP

Açıklama:

Doğru seçenek A'dır.
Web 1.0’ın temel özellikleri: • Metin ve resim içeriğiyle dolu statik web sayfaları • Web siteleri, Web Sunucusu yöneticileri tarafından barındırılması • Web düzenleri, HTML sayfaları kullanılarak statik olarak oluşturulması • Tüm Web içerikleri tüm tarayıcılarda aynı şekilde görüntülenememiştir. • Kullanıcı, güncellenen içeriği görmek için içeriğin sayfalarını yenilemek zorunda kalmıştır.

Doğru Cevap: A

Soru 53

Herhangi bir cihazdan, her yerden ve her zaman erişilebilen modern ve duyarlıdır.
Çeşitli veri kaynaklarından otomatik içerik güncellemeleri içeren dinamik web sayfalarıdır.
Modern web teknolojileri HTML 5, CSS ve JavaScript, yerel mobil çerçeveler ve karma Web çerçeveleridir.
Bu özellikler aşağıdakilerden hangisine aittir?

Web 1.0

Web 2.0

PHP

ASP

JSP

Açıklama:

Doğru cevap B'dir.
Web 2.0’ın temel özellikleri: • Herhangi bir cihazdan, her yerden ve her zaman erişilebilen modern ve duyarlı Web • Çeşitli veri kaynaklarından otomatik içerik güncellemeleri içeren dinamik web sayfaları • Modern web teknolojileri HTML 5, CSS ve JavaScript, yerel mobil çerçeveler ve karma Web çerçeveleri

Doğru Cevap: B

Soru 54

Arayüz tasarımında "Renk, şekil, boyut, doku ve yön aynı özellikleri taşıyan nesneleri, bitişik veya yakın konumda olmasalar bile aynı kümenin parçası olarak algılanır." ilkesinin kullanılması aşağıdakilerden hangisiyle ilgilidir?

Yakınlık

Benzerlik

Simetri

Tamamlama

Süreklilik

Açıklama:

Cevap B seçeneğidir.
Benzerlik İlkesi: Renk, şekil, boyut, doku ve yön aynı özellikleri taşıyan nesneleri, bitişik veya yakın konumda olmasalar bile aynı kümenin parçası olarak algılarız. Aynı özellikleri taşıyan elementleri bilgi ve görsel hiyerarşi için kullanabilir. Benzer elementler bize onların bir grubun parçası olduklarını gösterir. Örnek verecek olursak bunlar; gezinme menüsündeki web bağlantıları veya sosyal medya bağlantıları gibi sayfanın veya mobil uygulamanın arayüzünün ögeleri olabilirler.

Doğru Cevap: B

Soru 55

Aşağıdakilerden hangisi arayüz tasarımında kullanılan görsel algı ilkelerinden biri değildir?

Yakınlık

Benzerlik

Simetri

Süreklilik

Gizlilik

Açıklama:

Doğru cevap E'dir.
Yakınlık İlkesi: Birbirine yakın nesneleri grup olarak algılarız. Tıpkı sayfa/web uygulaması içindeki bölümler veya gezinme düğmeleri gibi benzer bilgileri gruplarken bu ilkeden yararlanabiliriz. Aynı zamanda beyaz boşluk, gözlerin biraz dinlenmesini sağlamak için tasarımda temel bir rol oynar. Benzerlik İlkesi: Renk, şekil, boyut, doku ve yön aynı özellikleri taşıyan nesneleri, bitişik veya yakın konumda olmasalar bile aynı kümenin parçası olarak algılarız. Aynı özellikleri taşıyan elementleri bilgi ve görsel hiyerarşi için kullanabilir. Benzer elementler bize onların bir grubun parçası olduklarını gösterir. Örnek verecek olursak bunlar; gezinme menüsündeki web bağlantıları veya sosyal medya bağlantıları gibi sayfanın veya mobil uygulamanın arayüzünün ögeleri olabilirler. Simetri: Simetrik olarak eşit olan nesneleri algısal olarak gruplandırma eğilimindeyiz, bu da bilgiyi kolayca yapılandırmak için bu simetriye dayalı desenler oluşturmamıza olanak tanır. Simetriyi doğru bir şekilde nasıl birleştireceğimizi bilmek, bize grafik ögelerini akıcı, harmonik ve basit bir şekilde düzenleme imkânı vererek, göstermek istediğimiz şeye öncelik kazandırır. Süreklilik: Bir bütüne baktığımızda bütün içindeki hareket ve yönü bütünü oluşturan ögelerin özellikleri sayesinde algılarız. Bu da bize süreklilik hissi verir. Süreklilik, belirli unsurlar dikkatimizi belirli bir yere veya yöne yönlendirmemiz gerektiğinde kullanılır. Bunun örnekleri, bir galerideki küçük görseller, bir görsel slaytı veya bir açılır menü olabilir.

Doğru Cevap: E

Soru 56

Aşağıdakilerden hangisi temel grafik tasarım ilkelerinden dengenin bir özelliğidir?

Asimetrik

Kontrast

Ritim

Hizalama

Hiyerarşi

Açıklama:

Cevap A seçeneğidir.
Asimetrik- Bu tür bir denge, bir düzenin akışını eşitlemek için ölçek, kontrast ve renk kullanır. Genellikle bir web sayfasının iki tarafının birbirinden farklı olduğu ancak benzer ögeler içerdiği web sitelerinde bulunur.

Doğru Cevap: A

Soru 57

Aşağıdakilerden hangisi grafik tasarımda radyal dengenin açıklamasıdır?

Bu tasarımda, ögelerin ağırlığının yerleşimi her iki tarafa eşit olarak bölündüğü dikey eksen ve/veya yatay eksen boyunca oluşturulur.

Genellikle bir web sayfasının iki tarafının birbirinden farklı olduğu ancak benzer ögeler içerdiği web sitelerinde bulunur.

Tasarımın ögeleri, tasarımın bütününde dairesel bir düzende yerleştirilir.

Tasarımın bu temel ilkesi görüntüler, şekiller veya metin bloklarıdır.

Doğru rengi seçmek, doğru renk armonisini yaratmak tasarımın kullanıcı üzerinde nasıl bir his yaratacağını tanımlar.

Açıklama:

Cevap C seçeneğidir.
Radyal- Burada, bir tasarımın ögeleri, tasarımın bütününde dairesel bir düzende yerleştirilir. Bu, izleyicinin gözünde bir hareket ve dinamizm duygusu sağlar

Doğru Cevap: C

Soru 58

Aşağıdakilerden hangisi vektör tabanlı görüntülerin tasarımcılara sunduğu avantajlardan biri değildir?

Görüntüde kalite kaybı olmadan ölçeklenebilir olma

Kalite kaybı olmadan sıkıştırılabilir olma

Kolayca raster görüntüye çevrilme

Vektör tabanlı görüntülerin kolayca büyütülüp küçültülmesi

Yüksek kaliteli görüntülerin yüksek bellek gereksinimleri olması

Açıklama:

Doğru cevap E seçeneğidir.
Görüntüde kalite kaybı olmadan ölçeklenebilir olma • Kalite kaybı olmadan sıkıştırılabilir olma • Vektör tabanlı görüntülerin küçük dosya boyutuna sahip olmaları Vektör tabanlı görüntülerin kolayca büyütülüp küçültülmesi, özelliklerinin ayarlanabilir olması • Kolayca raster görüntüye çevrilme olarak sayabiliriz.

Doğru Cevap: E

Soru 59

Aşağıdakilerden hangisi piksel tabanlı uygulama programlarının kullandığı formatlardan değildir?

TIF

JPG

BMP

GIF

BNG

Açıklama:

Doğru cevap E'dir.
Piksel tabanlı grafik uygulama programları TIF, JPG, BMP, PNG, GIF gibi formatlarda görüntü Web Grafik Tasarımı çıktısı üretirler.

Doğru Cevap: E

Soru 60

Aşağıdaki temel grafik tasarım ilkelerinden hangisi faklıdır?

Hizalama

Hiyerarşi

Renk ve boşlukYa

Ritim

Radyal

Açıklama:

Cevap E seçeneğidir.
Radyal temel grafik tasarım ilkelerinden dengenin bir çeşididir. Diğerleri ise tasarım ilkelerindendir.

Doğru Cevap: E

Ünite 2

Soru 1

Bir tasarımda defalarca bir nesnenin diğerlerinden daha önemli bir noktada gösterilmesi neyi ifade eder?

Hiyerarşi

Ölçek / Oran

Hâkimiyet/Vurgu

Kontrast

Hizalama

Açıklama:

Hiyerarşi: Bir tasarımda defalarca bir nesnenin diğerlerinden daha önemli bir noktada gös-terilmesidir.

Doğru Cevap: A

Soru 2

Bir tasarımda metin kullanma sanatı ve bilimine ne ad verilir?

Tipografi

Ölçek / Oran

Hâkimiyet/Vurgu

Cmyk

RGB

Açıklama:

Tipografi: Bir tasarımda metin kullanma sanatı ve bilimi, tipografi olarak tanımlanmaktadır.

Doğru Cevap: A

Soru 3

Aşağıdakilerden hangisi veya hangileri Web tasarımının ve Web grafik tasarımının özellikleridir?
I. Yaratıcılık
II. Dinamiklik
III. Erişilebilirlik
IV. Yenilemeye açık olma
V. Bakım kolaylığı
VI. Hızlı yükleme
VII. Hedef Kitle ile Etkileşim

I/II/III/IV/V/VI/VII

II/III/IV/V

III/IV/V/VI

VI/VII

I/II/III/VII

Açıklama:

WEB TASARIMININ VE WEB GRAFİK TASARIMININ ÖZELLİKLERİ
Bu başlık altında Web tasarımının ve Web grafik tasarımının en belirgin özellikleri açıklanacaktır. Web tasarımının ve Web grafik tasarımının özellikleri şu şekilde sıralanabilir:

Yaratıcılık
Dinamiklik
Erişilebilirlik
Yenilemeye açık olma
Bakım kolaylığı
Hızlı yükleme
Hedef Kitle ile Etkileşim

Doğru Cevap: A

Soru 4

Çalışmayı seven, durmadan ilerlemek isteyen ve araştırmacı karakter aşağıdakilerden hangi kavramı vurgular?

Yaratıcılık

Dinamiklik

Erişilebilirlik

Yenilemeye açık olma

Hedef Kitle ile Etkileşim

Açıklama:

Yaratıcılık
Web grafik tasarımının en önemli unsurlarından biri olan yaratıcılık, çalışma ve egzersizle öğrenilebi- len, öğrenildikten sonra ise zamanla bir beceriye dönüşebilen bir kavramdır. Yaratıcı ürünler ortaya koya- bilmek için öncelikle iyi bir araştırmacı ve gözlemci olmak gerekmektedir. Bununla birlikte, tasarım için kullanılan programın özelliklerine de teorik ve uygulama boyutunda hakim olunması gerekmektedir. Bu bağlamda yaratıcı olabilmek için, kullanılan programların özelliklerini iyi bir şekilde bilmek ve bu özellik- leri uygulamaya koyabilmek gerekir. Yaratıcılık özelliği taşıyan bireyler;

çalışmayı severler,
durmadan ilerlemek isterler,
araştırmacı karakterlerdir.

Doğru Cevap: A

Soru 5

Kullanıcı dostu olan dinamik web siteleri hem ziyaretçilere hem de yöneticilere oldukça önemli avantajlar da sunmaktadır. Aşağıdakilerden hangisi ve hangileri bu avantajlardandır?
I. Yönetim paneli aracılığıyla Web sitesinin ayarları değiştirebilmekte veya içerik yüklemesi yapılabilmektedir.
II. Hazır temalar da bu sitelerde kullanılabilmektedir.
III. Dinamik Web sitelerinde tasarım değişikleri kolayca yapılabilmektedir.
IV. Güncelleme işlemleri, dinamik Web sitelerinde daha hızlı yapılabilmektedir.,
V. Dinamik Web siteleri, içerik ve mimari açıdan gelişime açıktır

I/II/III/IV/V

I/V

I/II/IV

II/V

Açıklama:

Dinamiklik
Resim 2.4
Dinamiklik, bir Web sitesinde olması gereken önemli özelliklerden biridir. Dinamik Web siteleri, ASP ve PHP gibi programlama dilleri kullanılarak hazırlanır. Önemli avantajları bünyesinde barındıran bu siteler, yönetim (admin) panelini de içermektedir. Dinamik Web sitesi kullanıcıları, yönetim paneli aracılı- ğıyla; yazı, görsel, video veya çeşitli eklentileri Web sitelerine yükleyebilirler. Kullanıcı dostu olan dinamik web siteleri hem ziyaretçilere hem de yöneticilere oldukça önemli avantajlar da sunmaktadır. Bu avantajlar şu şekilde sıralanabilir:

Bu siteler için oluşturulan özel bir yönetim paneli vardır.
Yönetim paneli aracılığıyla Web sitesinin ayarları değiştirebilmekte veya içerik yüklemesi yapılabil- mektedir.
Hazır temalar da bu sitelerde kullanılabilmektedir.
Dinamik Web sitelerinde tasarım değişikleri kolayca yapılabilmektedir.
Dinamik Web sitelerini yönetebilmek ya da içerik yükleyebilmek için herhangi bir kodlama bilgi- sine gereksinim duyulmamaktadır.
Bu siteler, arama motoru optimizasyonu konusunda avantaj sağlamaktadır.
Güncelleme işlemleri, dinamik Web sitelerinde daha hızlı yapılabilmektedir.,
Dinamik Web sitelerinde içerik yapısı, ihtiyaca göre düzenlenebilmektedir.
Dinamik Web sitelerinde etkileşim olanağı oldukça yüksektir.
Bu sitelerde, veri girişi, veri silme gibi işlemler kolay yapılabilmektedir.
Dinamik Web siteleri, içerik ve mimari açıdan gelişime açıktır.
Bu siteler, büyük projelerin mimari ve içerik yönetimleri için oldukça kullanışlıdır.

Doğru Cevap: A

Soru 6

"Tasarım, çok farklı yetenek düzeyleri olan bireylerce kullanılabilir, satın alınabilir olmalı ve bu konuda eşit şartlar sağlanmış olmalıdır" ilkesi hangi evrensel tasarım tanımlar?

Eşitlikçi Kullanım

Kullanımda Esneklik

Basit ve Sezgisel Kullanım

Düşük Fiziksel Güç Gereksinimi

Hata için Tolerans

Açıklama:

Eşitlikçi Kullanım: Tasarım, çok farklı yetenek düzeyleri olan bireylerce kullanılabilir, satın alınabilir olmalı ve bu konuda eşit şartlar sağlanmış olmalıdır.

Doğru Cevap: A

Soru 7

Aşağıdakilerden hangisi Bir Web sitesinin yenilenmesini gerektiren nedenlerden biri değildir?
A. Web sitesi kullanan kurumların stratejilerini değiştirmesi
B. Web sitesinin sunduğu işlevlerin yeterli olmaması
C. Web site yönetiminin zor olması
D. Web sitenin hız seviyesinin yükselmesi
E. Web site tasarımının eski kalması

Açıklama:

Bir Web sitesinin yenilenmesini gerektiren ne- denler ise şu şekilde sıralanabilir:

Web sitesi kullanan kurumların stratejileri- ni değiştirmesi
Web sitesinin sunduğu işlevlerin yeterli ol- maması
Web site yönetiminin zor olması
Web sitenin hızının yavaşlaması
Web site tasarımının eski kalması
Web site tasarımının duyarlı (responsive) bir yapıda olmaması

Doğru Cevap: D

Soru 8

Web sitelerinde hedef kitle ile olan etkileşimi artırmak için hangi işlemlerin uygulanması gerekmektedir?
I. Web sitesinde arama butonu kullanmak
II. Faydalı ve akıcı metinler üretmek
III. İç link kullanımına önem göstermek
IV. Google Analytics gibi uygulamalar kullanarak kullanıcı davranışlarını analiz etmek ve bu doğrultuda eylem planları oluşturmak
V. Site hızının yüksek kalmasını sağlamak
VI. Web sitesinde öneri algoritmaları kullanmak

I/II/III/IV/V/VI

I/II/III/IV/V

II/III/IV/VI

IV/V/VI

I/II/III/IV

Açıklama:

Web sitelerinde hedef kitle ile olan et- kileşimi artırmak için şu işlemlerin uygulanması gerekmektedir:
• Web sitesinde arama butonu kullanmak
• Kullanıcıları aksiyona geçirmek için kulla- nılan mesajları ideal düzeyde kullanmak
• Faydalı ve akıcı metinler üretmek
• İç link kullanımına önem göstermek
• Google Analytics gibi uygulamalar kullana- rak kullanıcı davranışlarını analiz etmek ve bu doğrultuda eylem planları oluşturmak
• SEO konusunda uzman desteği almak
• Site hızının yüksek kalmasını sağlamak
• Web sitesinde çoklu ortam ögeleri kullana- rak farklı etkileşim seçenekleri sunmak
• Kullanıcı dostu bir tasarım kullanmak
• Web sitesinde öneri algoritmaları kullanmak • Canlı sohbet butonu kullanmak

Doğru Cevap: A

Soru 9

Dinamiklik, bir Web sitesinde olması gereken önemli özelliklerden biridir. Dinamik Web siteleri hangi programlama dilleri kullanılarak hazırlanır?

ASP ve PHP

URL

SERVER

Pingdom

GTMetrix

Açıklama:

Dinamiklik
Dinamiklik, bir Web sitesinde olması gereken önemli özelliklerden biridir. Dinamik Web siteleri, ASP ve PHP gibi programlama dilleri kullanılarak hazırlanır.

Doğru Cevap: A

Soru 10

Dikkat Dağıtıcı Durumlardan Kurtulmak
Sürekli olarak zihninde başka şeyler düşünen bireyler yaratıcı olmaktan uzaktırlar. Özellikle stresli durumlarda yaratıcılık körelebilmektedir. Bu durumda bireylerin dikkat dağıtıcı durumlardan kurtulmaları için ne tür aktivite önerilir?
1. Meditasyon-Yoga-Yürüyüş/Spor
2. Alışveriş-sohbet
3. Beyin fırtınası
4. Üzerinde çalıştığı konuya odaklanmak
5. Yaratıcılığı zorlamamk

Açıklama:

Dikkat Dağıtıcı Durumlardan Kurtulmak
Sürekli olarak zihninde başka şeyler düşünen bireyler yaratıcı olmaktan uzaktırlar. Özellikle stresli du- rumlarda yaratıcılık körelebilmektedir. Bireylerin dikkat dağıtıcı durumlardan kurtulmaları için yapabile- cekleri bazı aktiviteler şu şekilde özetlenebilir.
• Meditasyon
• Yoga
• Yürüyüş/Spor

Doğru Cevap: A

Soru 11

"Bir mesajı iletmek, bir görseli geliştirmek veya bir düşünceyi görselleştirmek için metnin ve görsellerin algılanabilir ve görülebilir bir düzlemde, iki boyutlu veya üç boyutlu olarak organize edilmesini içeren yaratıcı süreç"ifadesi aşağıdaki uygulamalardan hangisini tanımlar?

Web tasarım

Web grafik

Photosop uygulama

Grafik tasarım

Arayüz tasarım

Açıklama:

Bir mesajı iletmek, bir görseli geliştirmek veya bir düşünceyi görselleştirmek için metnin ve görsellerin algılanabilir ve görülebilir bir düzlemde, iki boyutlu veya üç boyutlu olarak organize edilmesini içeren yaratıcı süreç, Grafik Tasarım olarak adlandırılır.
Doğru yanıt D seçeneğidir.

Doğru Cevap: D

Soru 12

Grafik tasarımda, bir nesnenin diğer nesnelerle olan ilişkisinden bağımsız olarak en önemli detaylarını belirtmek için baskınlığını ifade eden kavram aşağıdakilerden hangisidir?

Ölçek/Oran

Doyma

Hakimiyet/Vurgu

Hiyerarşi

Kontrast

Açıklama:

Hâkimiyet/Vurgu: Bir nesnenin diğer nesnelerle olan ilişkisinden bağımsız olarak en önemli detayları belirtmek için baskınlığını ifade eder.
Doğru yanıt C seçeneğidir

Doğru Cevap: C

Soru 13

Grafik Tasarımda "Takip" kavramı, aşağıdakilerden hangisinde doğru biçimde tanımlanmıştır?

Bir tasarımda nesnelerin nasıl dizildiğini ifade eder

Bir gruptaki harfler arasındaki boşluk olarak tanımlanmaktadır.

Bir ögenin başka bir ögeye göre boyutu, olarak tanımlanmaktadır.

Bir renkten diğerine kademeli bir değişimdir.

Görüntünün açık ve koyu kısımları arasında bulunan farkı tanımlamaktadır.

Açıklama:

Takip: Bir gruptaki harfler arasındaki boşluk, takip olarak tanımlanmaktadır.
Doğru yanıt B seçeneğidir.

Doğru Cevap: B

Soru 14

Bir tasarımda metin kullanma sanatı ve bilimine ne ad verilir?

Fotografi

Fotogram

Litografi

Kaligrafi

Tipografi

Açıklama:

Tipografi: Bir tasarımda metin kullanma sanatı ve bilimi, tipografi olarak tanımlanmaktadır.
Doğru yanıt E seçeneğidir.

Doğru Cevap: E

Soru 15

I. Yaratıcılık, II. Dinamiklik, III. Erişilebilirlik, IV. Ekonomiklik, V. Hızlı yükleme;
Sıralanan unsurlardan hangileri Web grafik tasarımın özellikleri arasında yer almaktadır?

I, II, III ve V

I, II, IV ve V

II, III, IV ve V

I, IV ve V

I, I ve V

Açıklama:

Web tasarımının ve Web grafik tasarımının özellikleri şu şekilde sıralanabilir:
Yaratıcılık • Dinamiklik • Erişilebilirlik • Yenilemeye açık olma • Bakım kolaylığı • Hızlı yükleme • Hedef Kitle ile Etkileşim
Ekonomik olmak, tasarımın bir kriteri değildir.
Doğru yanıt I, II, III ve V numaralı unsurlardan oluşan A seçeneğidir.

Doğru Cevap: A

Soru 16

I. Olabilecek en fazla sayıda kullanıcıya bağımsızlık sağlamak, II. Ürünün bütünlüğünü tehlikeye düşürmeden kullanıcı özel gereksinimlerine uyum sağlamak, III. • Estetik olarak başarılı olmak, IV. Kesinlikle benzersizlik özelliği taşımak;
Covington ve Hannah (1997), evrensel tasarım için 6 farklı ölçüt belirlemiştir. Sıralananlardan hangileri bu ölçütler arasında yer almaktadır?

I, II ve III

I, II ve IV

I, III. ve IV

I ve II

I ve III

Açıklama:

Covington ve Hannah (1997), evrensel tasarım için 6 farklı ölçüt belirlemiştir. Bu ölçütler şu şekildedir:
• Olabilecek en fazla sayıda kullanıcıya bağımsızlık sağlayan,
• Ürünün bütünlüğünü tehlikeye düşürmeden kullanıcı özel gereksinimlerine uyum sağlayan,
• Estetik olarak başarılı,
• Ortalama bir gereksinim düzeyinde başarı gösteren,
• Tüketiciye bilgi veren,
• Sürdürülebilir olan tasarımdır.
IV. numara ile verilen "Kesinlikle benzersizlik özelliği taşımak" belirtilen ölçütlerden biri değildir.
Doğru yanıt, I. II ve III numaralı ifadelerin yer aldığı A seçeneğidir.

Doğru Cevap: A

Soru 17

".............. Web siteleri, ASP ve PHP gibi programlama dilleri kullanılarak hazırlanır. Önemli avantajları bünyesinde barındıran bu siteler, yönetim (admin) panelini de içermektedir." ifadesinde boş bırakılan yeri aşağıdakilerden hangisi doğru biçimde tamamlar?

Web

Dinamik

Video

Web grafik

Statik

Açıklama:

Dinamik Web siteleri, ASP ve PHP gibi programlama dilleri kullanılarak hazırlanır. Önemli avantajları bünyesinde barındıran bu siteler, yönetim (admin) panelini de içermektedir.
Doğru yanıt B seçeneğidir.

Doğru Cevap: B

Soru 18

I. Statik Web sitelerine göre çalışma hızları biraz daha yavaştır, II.Statik web sitelerine göre saklama alanı kısıtlı, bant genişliği daha dardır. III. Güvenlik açığı, statik Web sitelerine oranla daha fazladır.
Sıralananlardan hangileri Dinamik web sitelerinin özellikleri arasında yer alır?

I ve II

II ve III

I ve III

Yalnız I

Yalnız III

Açıklama:

Dinamik yapı, Web sitelerinin hedef kitlesini genişleterek yaygın etkinin artmasında önemli bir rol oynamaktadır. Bu sayede Web sitelerinde kullanılan Web grafik tasarımları daha geniş bir kitleye ulaşabilmektedir. Dolayısıyla geliştirilen Web grafik tasarımlarının amacına ulaşaşabilmesi için dinamik bir yapıda sunulması gerektiği ifade edilebilir.
Bununla birlikte dinamik Web sitelerinin sınırlılıkları da bulunmaktadır. Bu sınırlılıklar şu şekilde özetlenebilir.
• Statik Web sitelerine göre çalışma hızları biraz daha yavaştır.
• Güvenlik açığı, statik Web sitelerine oranla daha fazladır.
ifadelerin yer aldığı C seçeneğidir.

Doğru Cevap: C

Soru 19

" ................. bir ürün, hizmet veya çevrenin çoğunluk tarafından kullanılabilirliğinin derecesidir." ifadesinde boş bırakılan yeri aşağıdakilerden hangisi doğru biçimde tamamlar?

Bakım kolaylığı

Dinamiklik

Algılanabilirlik

Renk kullanımı

Erişilebilirlik

Açıklama:

Erişilebilirlik; bir ürün, hizmet veya çevrenin çoğunluk tarafından kullanılabilirliğinin derecesidir." ifadesinde boş bırakılan yeri aşağıdakilerden hangisi doğru biçimde tamamlar?
Doğru yanıt, E seçeneğidir.

Doğru Cevap: E

Soru 20

Aşağıdakilerden hangisi bir web sitesinin yenilenmesini gerektiren nedenlerden biri değildir?

Web sitesi kullanan kurumların stratejilerini değiştirmesi

Web site yönetiminin aşırı kolay olması

Web sitenin hızının yavaşlaması

Web site tasarımının eski kalması

Web sitesinin sunduğu işlevlerin yeterli olmaması

Açıklama:

Bir Web sitesinin yenilenmesini gerektiren nedenler ise şu şekilde sıralanabilir:
• Web sitesi kullanan kurumların stratejilerini değiştirmesi
• Web sitesinin sunduğu işlevlerin yeterli olmaması
• Web site yönetiminin zor olması
• Web sitenin hızının yavaşlaması
• Web site tasarımının eski kalması
• Web site tasarımının duyarlı (responsive) bir yapıda olmaması.
Web sitesi yönetiminin aşırı kolay olması, bir yenileme gerekçesi olamaz. Doğru yanıt B seçeneğidir.

Doğru Cevap: B

Soru 21

Aşağıdaki terimlerden hangisi "bir renkten diğerine kademeli bir değişim" in karşılığıdır?

Hizalama

Takip

Eğim

RGB

Hareket

Açıklama:

Grafik tasarımında bir renkten diğerine kademeli değişime "eğim" denmektedir. Bu nedenle doğru yanıt c şıkkıdır.

Doğru Cevap: C

Soru 22

Aşağıdakilerden hangisi grafik tasarımında kullanılan "öncü" terimine karşılık gelir?

Bir tasarımda boş bırakılan bölüm veya bölümler

Metin satırları arasındaki boşluk

Bir gruptaki harfler arasındaki boşluk

Bir öğenin başka bir öğeye göre boyutu

Bir tasarımda metin kullanma sanatı ve bilimi

Açıklama:

Öncü terimi harflerin ve sözcüklerin aksine metin satırları arasındaki boşluktur. Bu nedenle doğru yanıt b şıkkıdır.

Doğru Cevap: B

Soru 23

Aşağıdakilerden hangisi web tasarımı ve web grafik tasarımı ile ilgili yanlış bir özelliktir?

Bakım kolaylığı

Hızlı yükleme

Yaratıcılık

Tek yönlü iletişim

Dinamiklik

Açıklama:

Web tasarımı ve web grafik tasarımının özellikleri arasında tek yönlü iletişim yoktur. Aksine hedef kitle ile etkileşim söz konusudur. Bu nedenle doğru yanıt d şıkkıdır.

Doğru Cevap: D

Soru 24

"Bilinçaltını devreye koymak" web tasarımı ve web grafik tasarımının hangi özelliği içinde yer alır?

Dinamiklik

Yenilemeye açık olma

Erişilebilirlik

Hızlı yükleme

Yaratıcılık

Açıklama:

Bilinçaltını devreye koymak, yaratıcılık özelliğinin bir aşamasıdır. Bu aşamaya kuluçka süresi de denmektedir. Bu nedenle doğru yanıt e şıkkıdır.

Doğru Cevap: E

Soru 25

Aşağıdakilerden hangisi dinamik web sitelerinin avantajlarından değildir?

Dinamik web sitelerini yönetebilmek ya da içerik yükleyebilmek için belirli bir kodlama sistemine gereksinim vardır.

Dinamik web siteleri büyük projelerin mimari ve içerik yöntemleri için oldukça kullanışlıdır.

Dinamik web sitelerinde tasarım değişiklikleri kolayca yapılabilmektedir.

Dinamik web siteleri arama motoru optimizasyonu konusunda avantaj sağlamaktadır.

Dinamik web sitelerinde veri girişi, veri silme gibi işlemler kolayca yapılabilmektedir.

Açıklama:

Dinamik web sitelerini yönetebilmek ya da içerik yükleyebilmek için herhangi bir kodlama sistemine gereksinim duyulmamaktadır. Bu nedenle doğru yanıt a şıkkıdır.

Doğru Cevap: A

Soru 26

Evrensel tasarım felsefesinin dayandığı ilkeler ilk kez hangi tarihte ifade edilmiştir?

1958

1978

1941

1948

1971

Açıklama:

Evrensel tasarım felsefesinin dayandığı ilkeler ilk kez 1948'de Birleşmiş Milletler Genel Kurulu tarafından benimsenip ilan edilen İnsan Hakları Evrensel Bildirgesi'nde ifade edilmiştir. Bu nedenle doğru yanıt d şıkkıdır.

Doğru Cevap: D

Soru 27

"Tasarımda bireye gerekli olan bilgi ortam koşulları ve bireyin duyusal becerilerinden etkilenmeyecek şekilde verilmelidir" ifadesi aşağıdaki tasarım ilkelerinden hangisine aittir?

Kullanımda Esneklik

Eşitlikçi Kullanım

Algılanabilir Bilgi

Basit ve Sezgisel Kullanım

Düşük Fiziksel Güç Gereksinimi

Açıklama:

Bu ifade "Algılanabilir Bilgi" ile ilgilidir. Bu nedenle doğru yanıt c şıkkıdır.

Doğru Cevap: C

Soru 28

Aşağıdakilerden hangisi bir web sitesinin yenilenmesini gerektirici nedenler arasında sayılmaz?

Web sitesi kullanan kurumların stratejilerinin değişmesi

Web sitesi kullanıcılarının kişisel istekleri

Web sitesi yönetiminin zor olması

Web sitesinin sunduğu işlevlerin yeterli olmaması

Web sitesinin hızının yavaşlaması

Açıklama:

Web sitesi kullanıcılarının kişisel istekleri bir web sitesinin yenilenmesini gerektiren nedenler arasında sayılmaz. Bu nedenle doğru yanıt b şıkkıdır.

Doğru Cevap: B

Soru 29

"Pingdom" aşağıdakilerden hangisi ile ilgili bir terimdir?

Sayfa bozukluklarının düzenlenmesi

Güvenlik açığının giderilmesi

Web site hızının ölçülmesi

İçerik paylaşımlarının denetlenmesi

Kodların doğru bir şekilde çalışması

Açıklama:

Pingdom web site hızını ölçmek için kullanılan bir araçtır. Bu nedenle doğru yanıt c şıkkıdır.

Doğru Cevap: C

Soru 30

Evrensel tasarım kavramının açıklandığı Birleşmiş Milletler Engelli Hakları Sözleşmesi'ni Türkiye hangi tarihte kabul etmiştir?

9 Mart 1975

9 Mart 1977

17 Mart 1998

21 Mart 2011

30 Mart 2007

Açıklama:

30 Mart 2007 tarihinde kabul edilmiştir. Bu nedenle doğru yanıt e şıkkıdır.

Doğru Cevap: E

Ünite 3

Soru 1

Aşağıdakilerden hangisi we tasarımı kalite faktörlerinden biri değildir?

Bill Gates’in “İçerik kraldır!” (1996) sloganı, web tasarım sürecinde dikkate alınmalıdır.

Web tasarımı yapılırken ilgili web sitesine öncelikli ve hızlı bir şekilde ulaşılabilmesi sağlanmalıdır.

Web tasarımı yapılırken masaüstü, dizüstü ve mobil uyumluluk gözetilmelidir.

Kullanıcı ara yüzünde karmaşık terminoloji kalite göstergesidir.

Kullanıcı arayüzünde uzun metinler, anlaşılmaz kısaltmalardan kaçınmalıdır.

Açıklama:

Karmaşık terminolojiden kaçınılmalıdır.

Doğru Cevap: D

Soru 2

World Wide Web ne zaman, kim tarafından icat edilmiştir?

1989 yılında, Tim Berners-Lee

1959 yılında, Tim Berners-Lee

1989 yılında, Thomas Knoll

1959 yılında, Thomas Knoll

1989 yılında, Mark Hamburg

Açıklama:

World Wide Web, 1989 yılında, Tim Berners- Lee tarafından icat edilmiştir.

Doğru Cevap: A

Soru 3

I. İlk dijital fotoğraf makinası, 1975 yılında, Eastman Kodak fabrikalarında, Steven Sasson tarafından icat edilmiştir.
II. 1984 Los Angeles Yaz Olimpiyatları’nda kullanılan ve 1986’da piyasaya sürülen Canon RC-701, ilk modellerden biridir.
III. Bütünüyle dijital fotoğraf makinalarının ilk prototipi ise 1988 yılında Fujix DS-1P markasıyla gerçekleştirilmiştir.
Yukarıda verilen ifadelerden hangileri doğrudur?

Yalnız I

Yalnız II

I ve II

II ve III

I, II ve III

Açıklama:

Tüm açıklamalar doğrudur.

Doğru Cevap: E

Soru 4

I. Web tasarımı kreatif olmalıdır.
II. Web tasarımı özgün olmalıdır.
III. Web tasarımı, kullanıcı dostu olmalıdır.
IV. Web tasarım yazılım hakimiyeti gerektirmez.
Yukarıdaki ifadelerden hangileri doğrudur?

I ve II

II ve III

I, II ve IV

I, II ve III

II, III ve IV

Açıklama:

IV. madde yanlıştır.
Web tasarımı, kullanılan donanım ve yazılıma hâkimiyeti gerektirir

Doğru Cevap: D

Soru 5

I. PDF dosyası genellikle vektör grafikleri, metin ve bitmap grafiklerinin birleşimidir.
II. PDF Adobe tarafından 1992 yılında metin biçimlendirmesi ve görüntüler de dâhil olmak üzere belgeleri, uygulama yazılımı, donanım ve işletim sistemlerinden bağımsız bir şekilde sunmak için geliştirilen bir dosya formatıdır.
III. Her PDF dosyası metin, yazı tipleri, vektör grafikleri, raster görüntüler ve görüntülemek için gereken diğer bilgiler dâhil olmak üzere sabit mizanpajlı düz bir belgenin tam bir açıklamasını kapsar.
Yukarıda PDF ile ilgili verilenlerden hangileri doğrudur?

Yalnız I

Yalnız II

I ve II

I ve III

I, II ve III

Açıklama:

Tüm maddeler doğrudur.

Doğru Cevap: E

Soru 6

Grafikleri, bir bilgisayar grafiği biçimi olarak, noktalar, çizgiler, eğriler ve çokgenler gibi Kartezyen düzlemde tanımlanan geometrik şekillerden doğrudan doğruya görseller oluşturmak için kullanılan mekanizmalar kümesine ne ad verilir?

PDF

PNG

Vektör

Bitmap

Pixel

Açıklama:

Vektör grafik ekranları ilk olarak 1958 yılında ABD SAGE hava savunma sistemi tarafından kullanılmıştır (Holzer 2019: 14). Vektör grafikleri, bir bilgisayar grafiği biçimi olarak, noktalar, çizgiler, eğriler ve çokgenler gibi Kartezyen düzlemde tanımlanan geometrik şekillerden doğrudan doğruya görseller oluşturmak için kullanılan mekanizmalar kümesidir

Doğru Cevap: C

Soru 7

Aşağıdakilerden hangisi Photoshop ve Illustrator programlarının ortak özelliklerinden biridir?

Her iki program da bitmap tabanlıdır.

Her iki program da dışarıya, JPEG, PNG ve PDF dosyalarını aktarabilir.

Her iki programda da bitmap dosyaları işlenebilir.

Her iki programda da vektör dosyaları işlenebilir.

Her iki programda da dosya çözünürlüğü ön plandadır.

Açıklama:

Photoshop ve Illustrator Programlarının Farklı Özellikleri
• Photoshop programı bitmap, Illustrator programı vektör tabanlıdır.
• Photoshop Programında vektör dosyaları PNG olarak açılır. Photoshop programı vektör dosyalarını işleyemez.
• Illustrator Programında bitmap dosyaları açılabilir. Fakat işlenemez.
• Photoshop Programında çözünürlük önemlidir, Illustrator programında çözünürlük önemli değildir; dosyalar görüntü kaybı olmadan ölçeklenebilir.
• Photoshop programında dosyalar fazla yer tutabilir, Illustrator programında dosyalar daha az yer kaplar; Web’te daha hızlı açılır.

Doğru Cevap: B

Soru 8

Aşağıda araçlardan hangisi o anda seçili olan araca yönelik seçenekleri görüntüler?

Kontrol paneli

Doküman penceresi

Uygulama çubuğu

İşlem geçmişi

Katmanlar

Açıklama:

Kontrol Paneli o anda seçili olan araca yönelik seçenekleri görüntüler.

Doğru Cevap: A

Soru 9

Aşağıdakilerden hangisi bir web sitesinin tasarımına başlamadan önce ayarlanması gereken web konumlarından biri değildir?

Domain

Hosting

Bandwith

Panels

Server

Açıklama:

Bir web sitesinin tasarımına başlamadan önce Domain, Hosting, Bant Genişliği ve Sunucu konumlarının sağlanması gerekmektedir.

Doğru Cevap: D

Soru 10

I. Katmanlar üst üste yığılı asetatlara benzerdir.
II. Katmanın saydam alanlarından alttaki katmanları görebilirsiniz.
III. Katmandaki içeriği yerleştirmek için katmanı yığındaki asetat tabakasını kaydırır gibi hareket ettirebilirsiniz.
IV. Katmanlar paneli katmanlarınızı mantıksal sırada yerleştirip organize etmenize izin vermez.
Yukarda katmanlara ilişkin verilenlerden hangileri doğrudur?

I ve II

II ve III

I, II ve IV

II, III ve IV

I, II ve III

Açıklama:

IV. madde yanlıştır.
Katmanlarınızı mantıksal sırada yerleştirmek ve Katmanlar panelinde yığılmayı azaltmak için grupları kullanabilirsiniz.

Doğru Cevap: E

Soru 11

Web tasarımı kalite faktörleri içinde sayılan “Ne kadar az o kadar iyi” ifadesi kime aittir?

William Addison Dwiggins

William Fetter

Tim Berners- Lee

Bill Gates

Ludwig Mies van der Rohe

Açıklama:

Bauhaus üyesi Ludwig Mies van der Rohe’nin “Ne kadar az o kadar iyi” (1947) ifadesi, web tasarım sürecinde dikkate alınmalıdır.

Doğru Cevap: E

Soru 12

Aşağıdaki ressam ve eser seçeneklerinden hangisi 1987-2003 yıllarında Illustrator programının imajlarında kullanılmıştır?

Leonardo Da Vinci-Mona Lisa

Pablo Picasso-Guernica

Edvard Munch- Çığlık

Vincent van Gogh - Yıldızlı Gece

Sandro Botticelli/Venüs'ün Doğuşu

Açıklama:

Illustrator, 1986 yılında Adobe bünyesinde, Mike Schuster, Bill Paxton ve John Warnock tarafından geliştirilmiş ve 1987 yılında piyasaya sürülmüştür. Programın mucitleri, programın imajı olarak 1987-2003 yılları arasındaki farklı sürümlerde, Sandro Botticelli’nin (1445-1510) Venüs’ün Doğuşu (1484-1486) tablosundan Venüs’ün yakın plan portresini alarak farklı görsel varyasyonları ile kullanmışlardır. Bu simge, Rönesans’tan Dijital Çağ’a görkemli bir kültürel sıçramayı temsil etmekte; Yanı sıra, Botticelli’nin resmindeki yumuşak s duruşları ve kavisli çizgiler ile gelişen enerji dolu estetik, Illustrator yazılımının vektörel grafik olanakları ile örtüşmektedir.

Doğru Cevap: E

Soru 13

Aşağıdaki sözcüklerden hangisi Raster olarak da bilinir?

Bitmap

Illustrator

Adobe

PDF

RAW

Açıklama:

Bitmap, Raster olarak da bilinir.

Doğru Cevap: A

Soru 14

Aşağıdaki grafik dosyası formatlarından hangisinde vektör grafikleri yaygın olarak bulunur?

SVG

JPEG

PNG

APNG

GIF

Açıklama:

Vektör grafikleri, her biri genel olarak ve belirli durumlarda avantaj ve dezavantajları olan raster grafiklere bir alternatiftir. Vektör grafikleri günümüzde SVG, WMF, EPS, PDF, CDR veya AI grafik dosyası formatlarında yaygın olarak bulunur ve özünde JPEG, PNG, APNG, GIF, WebP, BMP ve MPEG4 gibi daha yaygın raster grafik dosyası biçimlerinden farklıdır.

Doğru Cevap: A

Soru 15

Aşağıdaki ifadelerden hangisi vektör görüntülerini doğru tanımlar?

Gerçekçiliğe odaklanıldığında sıkça kullanılır

Yüksek çözünürlükte görüntülerdir

Büyük formatta görüntülerdir

Yükleme hızları düşüktür

Piksellerden değil kod satırlarından oluşur

Açıklama:

Piksellerden oluşan bitmap görüntüleri, ürünlerin dijital görselleri ile web sitelerinde kullanılan yaygın görüntü türüdür. Buna karşılık, iki boyutlu bir görüntü oluşturmak için matematiksel denklemlere dayanan vektör görüntüleri, dosya boyutu önemli olduğunda ve güzellik ya da gerçekçilikten çok bilgiye odaklanıldığında sıklıkla kullanılır. Tasarımınızın hafif olması gerekiyorsa, yüksek çözünürlüklü bitmap görüntülerden kaçınmalı ve bunun yerine küçük formatlar kullanmalısınız. Vektör görüntüleri doğal olarak daha küçüktür, çünkü piksellerden değil kod satırlarından oluşurlar. Sonuç olarak, vektör grafikleri küçük dosya boyutu nedeniyle daha hızlı yüklenir ve bu da onları web sitelerinde popüler hâle getirir.

Bitmap görüntüleri, tasarımda gerçekçi bir duyarlılık ve görünüm oluşturur.

Vektör görüntüleri, kullanıcının dikkatini çekmek için güçlü ve bir basit iletişim sağlar

Doğru Cevap: E

Soru 16

Aşağıdaki ifadelerden hangisi Photoshop araçları içinde yer alan Sihirli Değnek aracının işlevini tanımlar?

Benzer renkteki alanları tek bir tıklamayla seçer

Elips alan seçer

Görüntüde yukarıdan aşağıya tek bir piksel sütunu seçer

Bir nesneyi fırçayla boyayarak kolayca seçim yapmanızı sağlar

Bir fotoğraftaki yaygın kırmızı göz sorunlarını ortadan kaldırır

Açıklama:

Sihirli Değnek Aracı (Magic Wand Tool): Benzer renkteki alanları tek bir tıklamayla seçer.

Doğru Cevap: A

Soru 17

Aşağıdakilerden hangisi bir Web sitesi tasarımının ilk aşamasında yer almaz?

Domain

Hosting

Bant Genişliği

Sunucu

Dosya Transfer Protokolü

Açıklama:

Bir web sitesinin tasarımına başlamadan önce Domain, Hosting, Bant Genişliği ve Sunucu konumlarının sağlanması gerekmektedir. Yine bir web sitesi, tasarımı tamamlandıktan sonra ise gereken HTML ve CSS işlemlerinin ardından internete yüklenir.FTP (Dosya Transfer Protokolü) ise tasarım aşamasından sonra dosya aktarımları için gereklidir.

Doğru Cevap: E

Soru 18

Aşağıdaki ifadelerden hangisi PNG bitmap dosyaları için söylenemez?

Kayıpsız görüntü saklamak için kullanılan bir saklama biçimidir

Palet tabanlı görüntüleri destekler

Gri tonlamalı görüntüleri destekler

Palet tabanlı olmayan tam renkli rgb veya rgba görüntülerini destekler

Profesyonel kalitede baskı grafikleri için doğrudan kullanılır

Açıklama:

PNG, “Taşınabilir Ağ Grafiği” anlamındaki “Portable Network Graphics”in kısaltmasıdır ve kayıpsız görüntü saklamak için kullanılan bir saklama biçimidir. PNG, palet tabanlı görüntüleri (24 bit RGB veya 32 bit RGB renklerinden oluşan paletlerle), gri tonlamalı görüntüleri (saydamlık için alfa kanallı veya alfa kanalı olmayan) ve palet tabanlı olmayan tam renkli RGB veya RGBA görüntülerini destekler. PNG, profesyonel kalitede baskı grafikleri için değil, görüntüleri internete aktarmak içindir; bu nedenle CMYK gibi RGB olmayan renk alanları desteklenmez.

Doğru Cevap: E

Soru 19

Aşağıdaki ifadelerden hangisi Photoshop ve Illustrator programlarının ortak özellikleri içinde
yer almaz?

Programların arayüzleri birbirine benzerlik gösterir

Programlarda kullanılan araçların çoğu birbirine benzerlik gösterir

Paneller, araç ayarları ve efektlerin çoğu birbirine benzerdir

Her iki program da dışarıya, JPEG, PNG ve PDF dosyalarını aktarabilir

Her iki program da bitmap tabanlıdır

Açıklama:

Photoshop ve Illustrator Programlarının Ortak Özellikleri
- Programların arayüzleri birbirine benzerlik gösterir.
- Programlarda kullanılan araçların çoğu birbirine benzerlik gösterir.
- Paneller, araç ayarları ve efektlerin çoğu birbirine benzerdir.
- Her iki program da dışarıya, JPEG, PNG ve PDF dosyalarını aktarabilir.
- Her iki program da sadece PDF formatında bitmap ve vektör dosyalarını dışarı aktarabilir.
- Program içerisinde diğer programa geçiş seçeneği oluşturulabilir.
Photoshop ve Illustrator Programlarının Farklı Özellikleri
- Photoshop programı bitmap, Illustrator programı vektör tabanlıdır.

Doğru Cevap: E

Soru 20

Bir web sitesi tasarlanırken farklı sayfaların tasarımlarını yan yana ve bağlam içinde görüntülemek için Photoshop programı içerisinde kullanılan araç aşağıdakilerden hangisidir

Dikdörtgen İşaretleme

Oval İşaretleme

Tek Sütun İşaretleme

Kement

Çalışma Yüzeyleri

Açıklama:

Çalışma Yüzeyleri (Artboard Tool): Farklı cihazlar veya ekran boyutları için birden fazla web veya UX (kullanıcı deneyimi) mizanpajını kolayca tasarlamanıza olanak tanır. Bir web sitesini tasarlarken farklı sayfaların tasarımlarını yan yana ve bağlam içinde görüntülemek için Photoshop programı içerisinde Çalışma Yüzeyleri’ni (Artboard Tool) kullanabilirsiniz.

Doğru Cevap: E

Soru 21

World Wide Web’in icat edildiği yıl aşağıdaki ifadelerden hangisidir?

1978.

1989.

1995.

1998.

2000.

Açıklama:

World Wide Web, 1989 yılında, Tim Berners Lee tarafından icat edilmiştir.

Doğru Cevap: B

Soru 22

Photoshop yazılımını icad eden yazılım mühendisi aşağıdaki ifadelerden hangisidir?

Thomas Knoll.

Mike Schuster.

Bill Paxton.

Sandro Botticelli.

John Warnock.

Açıklama:

1987 yılında, bir yazılım mühendisi olan Thomas Knoll, Photoshop’u icat eder. Ardından kardeşi John Knoll ile birlikte bu yazılımı geliştirirler. 1988 yılında Adobe, Photoshop’u satın alır 1990 yılında, Adobe Photoshop 1.0 piyasaya sürülür.

Doğru Cevap: A

Soru 23

Aşağıdaki ifadelerden hangisi 2019 yılında Bilim ve Mühendislik dalında Oscar ödülünü kazanan tasarım yazılımdır?

CorelDRAW.

Inkscape.

Flash.

Photoshop.

Illustrator.

Açıklama:

Knoll Kardeşler bundan sonra da Photoshop için çalışmalarına devam ederek yazılımı fotoğraftan sinemaya doğru geliştirirler ve 2019 yılında, Mark Hamburg ile birlikte Bilim ve Mühendislik dalında Oscar ödülünü kazanırlar.

Doğru Cevap: D

Soru 24

Adobe şirketinin PDF formatını geliştirdiği yıl aşağıdaki ifadelerden hangisidir?

1990.

1991.

1992.

1993.

1994.

Açıklama:

PDF Adobe tarafından 1992 yılında metin biçimlendirmesi ve görüntüler de dâhil olmak üzere belgeleri, uygulama yazılımı, donanım ve işletim sistemlerinden bağımsız bir şekilde sunmak için geliştirilen bir dosya formatıdır.

Doğru Cevap: C

Soru 25

Aşağıdaki ifadelerden hangisi PDF dosya formatının özelliklerinden biri değildir?

İşletim sistemlerinden bağımsızdır.

Vektör grafikleri destekler.

Adobe tarafından 1992 yılında geliştirilmiştir.

Uygulama yazılımlarından bağımsızdır.

Bitmap grafikleri desteklemez.

Açıklama:

PDF dosyası genellikle vektör grafikleri, metin ve bitmap grafiklerinin birleşimidir. PDF Adobe tarafından 1992 yılında metin biçimlendirmesi ve görüntüler de dâhil olmak üzere belgeleri, uygulama yazılımı, donanım ve işletim sistemlerinden bağımsız bir şekilde sunmak için geliştirilen bir dosya formatıdır.

Doğru Cevap: E

Soru 26

Aşağıdaki ifadelerden hangisi vektör grafiklerini destekler?

JPEG.

CDR.

APNG.

GIF.

WebP.

Açıklama:

Vektör grafikleri günümüzde SVG, WMF, EPS, PDF, CDR veya AI grafik dosyası formatlarında yaygın olarak bulunur ve özünde JPEG, PNG, APNG, GIF, WebP, BMP ve MPEG4 gibi daha yaygın raster grafik dosyası biçimlerinden farklıdır.

Doğru Cevap: B

Soru 27

Aşağıdaki ifadelerden hangisi PNG formatının özelliklerinden biri değildir?

CMYK gibi renk alanlarını destekler.

Keskin kenarlı resimlerde başarılıdır.

Transparan alanlar mevcut olabilir.

Kayıpsız görüntü saklamak için kullanılır.

Alfa kanalını destekler.

Açıklama:

PNG, profesyonel kalitede baskı grafikleri için değil, görüntüleri internete aktarmak içindir; bu nedenle CMYK gibi RGB olmayan renk alanları desteklenmez.

Doğru Cevap: A

Soru 28

Şekillere eğrilik eklemek için mevcut bağlantı noktalarının tutamaçlarını eklenmesine ya da manevra yapılmasına olanak tanıyan araç aşağıdaki ifadelerden hangisidir?

Özel Şekil Aracı (Custom Shape Tool).

Noktayı Dönüştürme Aracı (Convert Point).

Kurşun Kalem Aracı (Pencil Tool).

Bağlantı Noktası Aracı (Anchor Point Tool).

Dokunmatik Yazım Aracı (Touch Type Tool).

Açıklama:

Bağlantı Noktası Aracı (Anchor Point Tool): Bu araç, daha önce oluşturduğunuz şekillere eğrilik eklemek için mevcut bağlantı noktalarının tutamaçlarını eklemenize ya da manevra yapmanıza olanak tanır.

Doğru Cevap: D

Soru 29

Aşağıdaki ifadelerden hangisi Photoshop programının fitrelerinden biridir?

Degrade Aracı (Gradient Tool).

Damlalık Aracı (Eyedropper Tool).

Geniş Açı (Adaptive Wide Angle).

Çarpıtma (Warp).

Stilize Et (Stylize).

Açıklama:

Photoshop’ta bir portre fotoğrafında Sıvılaştırma (Liquify), iç mekân fotoğraflarında uyarlanabilir Geniş Açı (Adaptive Wide Angle) gibi filtreler kullanılabilir.

Doğru Cevap: C

Soru 30

Web sisteminde “hosting” sözcüğünün anlamı aşağıdaki ifadelerden hangisidir?

İsim hakkı.

Hipermetin önişlemesi.

Dosya transfer protokolü.

Sunucu.

Barındırma hakkı.

Açıklama:

Bir web sitesinin tasarımına başlamadan önce Domain(isim hakkı), Hosting(Barındırma hakkı), Bant Genişliği ve Sunucu konumlarının sağlanması gerekmektedir.

Doğru Cevap: E

Soru 31

Herhangi birinin web üzerinde herhangi bir şey yayınlayabilmesi için bütün bilgisayarların birbirleriyle aynı dilleri konuşması gerekir; insanların hangi donanımı kullandığı, nerede yaşadığı ya da hangi kültürel ve politik inanca sahip olduğu önemli değildir.
Yukarıdaki açıklama teknoloji sektöründeki hangi ilkeyi açıklamaktadır?

Konsensüs

Yerinden yönetim

Analitiklik

Evrensellik

Süreklilik

Açıklama:

Tim Berners-Lee, açık web standartları geliştirmeye kendini adamış uluslararası bir topluluk olan Dünya Çapında Ağ Birliği’ni (World Wide Consortium/ W3C) kurmak için 1994 yılında CERN’den Massachusetts Teknoloji Enstitüsü’ne taşınır. İlk web topluluğu, şimdi teknoloji sektörünün çok ötesine yayılan bazı devrimci fikirler üretmiştir:
-Yerinden yönetim: Web’de herhangi bir şey yayınlamak için merkezi bir otoriteden izin alınması
gerekmez, merkezi bir kontrol düğümü yoktur ve bu nedenle tek bir başarısızlık noktası yoktur,
“kill switch” (acil kapatma anahtarı) yoktur.
-Ayrımcılık yapmama: “Ben, belirli bir hizmet kalitesiyle internete bağlanmak için para ödüyorsam
ve siz buna ya da daha yüksek bir hizmet kalitesine bağlanmak için para ödüyorsanız”, o zaman
ikimiz de aynı düzeyde iletişim kurabiliriz.
-Aşağıdan yukarıya tasarım: Kod, küçük bir uzman grubu tarafından yazılması ve kontrol edilmesi
yerine, herkesin tam olarak görebileceği şekilde, maksimum katılım ve denemeyi teşvik ederek
geliştirilmiştir.
-Evrensellik: Herhangi birinin web üzerinde herhangi bir şey yayınlayabilmesi için, bütün bilgisayarların birbirleriyle aynı dilleri konuşması gerekir; insanların hangi donanımı kullandığı, nerede yaşadığı ya da hangi kültürel ve politik inanca sahip olduğu önemli değildir.
-Konsensüs: Evrensel standartların işlemesi için herkesin bunları kullanmayı kabul etmesi gerekir.
Tim Berners-Lee ve diğer elemanlar, W3C’de şeffaf, katılımcı bir süreç aracılığıyla herkese standartları oluşturmada söz hakkı vererek bu fikir birliğine ulaşmıştır.
Doğru cevap D'dir.

Doğru Cevap: D

Soru 32

Bitmap (BMP), bilgisayar grafikleri oluşturmak ve depolamak için kullanılabilecek bir görüntü dosyası biçimidir. Bitmap'in bilinen diğer adı aşağıdakilerden hangisidir?

Sage

Ebsco

Raster

Row

Ram

Açıklama:

Bitmap, Raster olarak da bilinir. Doğru cevap C'dir.

Doğru Cevap: C

Soru 33

... görüntüleri, tasarımda gerçekçi bir duyarlılık ve görünüm oluştururken, ... görüntüleri kullanıcının dikkatini çekmek için güçlü ve bir basit iletişim sağlar.
Yukarıdaki cümleyi doğru olarak tamamlayan seçenek aşağıdakilerden hangisidir?

Desen damgası-Keskinleştirme

Hızlı seçim-Sihirli değnek

Çokgen kement-Manyetik kement

Vektör-Bitmap

Bitmap-Vektör

Açıklama:

Bitmap görüntüleri, tasarımda gerçekçi bir duyarlılık ve görünüm oluşturur. Vektör görüntüleri ise, kullanıcının dikkatini çekmek için güçlü ve bir basit iletişim sağlar. Doğru cevap E'dir.

Doğru Cevap: E

Soru 34

Görüntüyü yakınlaştırmayı ya da uzaklaştırmayı sağlayan photoshop aracı aşağıdakilerden hangisidir?

Taşıma aracı

Yakınlaştırma aracı

Kavis aracı

Sihirli değnek aracı

El aracı

Açıklama:

Taşıma Aracı (Move Tool): Photoshop belgesindeki katmanları, seçimleri ve kılavuzları taşımak
için kullanılır. Tıkladığınız katmanı veya grubu otomatik olarak seçmek için “Otomatik Seç” i etkinleştirin.
Yakınlaştırma Aracı (Zoom Tool): Görüntüyü yakınlaştırmayı ya da uzaklaştırmayı sağlar.
Kavis Aracı (Curvature Tool): Özellikle şeklinizin çoğunlukla kavisli kenarları var ise vektör şekilleri oluşturmanın başka bir yoludur.
Sihirli Değnek Aracı (Magic Wand Tool): Bu araç, çalışma alanınızdaki her şeyi aynı dolgu rengiyle otomatik olarak seçmek için tek bir nesneye tıklamanıza olanak tanır.
El Aracı (Hand Tool): Ekranda gezinmek için size farklı bir seçenek sunar. Seçili el aracıyla tıklatıp sürüklemeniz yeterlidir; Böylece çalışma alanınızın farklı alanlarını görüntüleyebilirsiniz.
Doğru cevap B'dir.

Doğru Cevap: B

Soru 35

Ön tanımlı olarak Photoshop ve Illustrator programının arayüzünün solunda hangi panel bulunur?

Araçlar paneli

Giriş paneli

Gözden geçir paneli

Yardım paneli

Başvurular paneli

Açıklama:

Ön tanımlı olarak Photoshop ve Illustrator programının arayüzünün solunda, Araçlar Paneli (Tools
Panel) bulunur. Araçlar Paneli birden fazla görüntü düzenleme işlevine sahip çeşitli araçları içeren bir kenar çubuğu olarak görünür. Bu araçların bazılarında araç kutusu simgesinin sağ alt kısmında küçük bir üçgen bulunur. Bunlar, tıklatıldığında benzer araçları ortaya çıkarmak içindir. Araçlar Paneli’ndeki her araç için arayüzün üstünde Kontrol Paneli (Control Panel) bulunur. Kontrol Paneli, seçili olan aracın seçeneklerini görüntüler. Arayüzün sağında ise işlem geçmişi (History), katmanlar (Layers) gibi çalışmamızı izlememize ve değiştirmemize yarayan Paneller (Panels) yer alır. Kullanıcı bu panelleri kaldırabilir ya da başka paneller ekleyerek, gruplayarak ya da sabitleyerek programın arayüzünü çalışma şekline göre değiştirebilir. Uygulama Çerçevesi, tüm çalışma alanı ögelerini tek bir tümleşik pencerede gruplar. Uygulama çerçevesini ya da ögelerinden herhangi birini taşıdığınızda ya da yeniden boyutlandırdığınızda içindeki tüm ögeler birbirine yanıt verir böylece hiçbiri çakışmaz. Uygulamaları değiştirdiğinizde ya da yanlışlıkla uygulamanın dışına tıkladığınızda paneller kaybolmaz. Belge Penceresi, üzerinde çalıştığınız dosyayı görüntüler. Belge Pencereleri sekme şeklindedir ve belirli durumlarda gruplandırılabilir ve sabitlenebilir. Üstteki Uygulama Çubuğu (Application Bar) ise menüleri ve uygulama denetimlerini içerir. Doğru cevap A'dır.

Doğru Cevap: A

Soru 36

Photoshop ve Ilustrator programlarında metin düzenleme, yatay metni dikey metne veya dikey metni yatay metne değiştirme, font stilini ve boyutunu, metin rengini ve hizalamasını değiştirme, metin kenarını yumuşatma gibi işlemleri gerçekleştirmek için hangi paneller kullanılmaktadır?

Kılavuzlar ve Izgarayla Konumlandırma

Katmanlar ve Araçlar

Serbest Dönüştürme ve Paragraf

Karakter ve Paragraf Paneli

Kırpma Maskesi ve Karakter

Açıklama:

Metin düzenleme, yatay metni dikey metne veya dikey metni yatay metne değiştirme, font stilini değiştirme, font boyutunu değiştirme, metin kenarının pikselleşmesini değiştirme (kenar yumuşatma), metin hizalamasını değiştirme, metin rengini değiştirme işlemlerini gerçekleştirmek ve daha fazlası için Karakter Paneli’ni ve Paragraf Paneli’ni kullanabilirsiniz. Photoshop ve Illustrator programlarında Karakter (Character) Paneli ve Paragraf (Paragraph) Paneli ortak özellikler taşır. Doğru cevap D'dir.

Doğru Cevap: D

Soru 37

Illustrator’da girilen metinleri ve çizilen konturlar Uygulama Çubuğu’nda (Application Bar) Nesne (Object) menüsünden, ... ile nesne hâline getirilebilir.
Yukarıdaki cümleyi doğru olarak tamamlayan seçenek aşağıdakilerden hangisidir?

Birleştir (Merge)

Daralt (Collapse)

Genişlet (Expand)

Ayrıştır (Decouple)

Programlama Dili (Java)

Açıklama:

Illustrator’da girdiğiniz metinleri ve çizdiğiniz konturları Uygulama Çubuğu’nda (Application Bar) Nesne (Object) menüsünden, Genişlet (Expand) ile nesne hâline getirebilirsiniz. Doğru cevap C'dir.

Doğru Cevap: C

Soru 38

Adobe Photoshop ve Adobe Illustrator’da çalışma alanı anahtarı, menüler (yalnızca Windows) ve diğer uygulama kontrollerinin bulunduğu bölüm aşağıdakilerden hangisidir?

Uygulama Çubuğu

Araçlar Paneli

Döküman Penceresi

Kontrol Paneli

Geçiş Paneli

Açıklama:

Photoshop ya da Illustrator kullandığımızda, Paneller, Araçlar Paneli ve Pencereler gibi çeşitli ögelerden yararlanarak belge ve dosyalar oluşturulabilir, düzenlenebilir ya da değiştirilebilir. Bu ögelerin herhangi bir düzenleme şekli, çalışma alanı olarak adlandırılır. Bu çalışma alanı, kreatif bir alandır. Adobe Photoshop ve Adobe Illustrator’ın çalışma alanları, ilk bakışta benzer bir görünüm sergiler. Bu programları kullanırken, hazır ayarlı bir çalışma alanı seçerek ya da kendinize ait bir çalışma alanı oluşturarak kendi çalışma biçiminize uyarlayabilirsiniz. Çalışma alanında, en üst tarafta bulunan Uygulama Çubuğu’nda çalışma alanı anahtarı, menüler (yalnızca Windows) ve diğer uygulama kontrolleri bulunur. Araçlar Paneli’nde görüntü, resim, sayfa ögesi vb. gibi ögelerin oluşturulması ve düzenlenmesi için Araçlar bulunur. Kontrol Paneli, o anda seçili olan araca yönelik seçenekleri görüntüler. Doküman Penceresi’nde ise üzerinde çalıştığınız dosya görüntülenir. Paneller, çalışmanızı izlemenize ve değiştirmenize yardımcı olur. Çalışma Alanı’nda tüm çalışma alanı ögeleri tek, birleştirilmiş bir pencerede gruplanabilir ve böylece uygulama konusunda tek birimmiş gibi çalışabilirsiniz. Çakışma olmaz. İki veya daha fazla uygulamayla çalışıyorsanız, uygulamaları ekranda yan yana yerleştirebilir ya da farklı monitörlere yayabilirsiniz. Photoshop ve Illustrator programlarında çok sayıda efekt ve filtreler bulunmaktadır. Bu efekt ve filtreler tek başlarına ya da birlikte kullanılabilir. Doğru cevap A'dır.

Doğru Cevap: A

Soru 39

Aşağıdakilerden hangisi Photoshop Programı ve Illustrator Programı arasındaki temel farklardan biri değildir?

Photoshop programı bitmap tabanlı, Illustrator programı vektör tabanlıdır.

Photoshop’ta çözünürlük önemlidir, ancak Illustrator için bu geçerli değildir.

Photoshop dosyaları daha fazla, Illustrator dosyaları daha az yer kaplar.

Illustrator programı bitmap dosyalarını, Photoshop programı ise vektör dosyalarını işleyemez.

Web’te Illustrator dosyaları Photoshop dosyalarına göre daha yavaş açılır.

Açıklama:

Adobe programlarında, bir programdan diğerine geçiş seçeneği mevcuttur. Diğer taraftan, benzerliklerin yanı sıra Adobe Photoshop ile Adobe Illustrator arasında temel farklılıklar vardır.
Photoshop programı bitmap tabanlı, Illustrator programı vektör tabanlıdır. Vektör dosyaları, Photoshop’ta PNG olarak açılır ancak Photoshop programı vektör dosyalarını işleyemez. Diğer yandan, bitmap dosyaları, Illustrator’da açılabilir ancak Illustrator programı, bitmap dosyalarını işleyemez. Photoshop’ta çözünürlük önemlidir ancak Illustrator için bu geçerli değildir, dosyalar görüntü kaybı yaşanmaksızın farklı boyutlarda ölçeklenebilir. Birbirine oranla Photoshop dosyaları daha fazla, Illustrator dosyaları daha az yer kaplar. Dolayısıyla Web’te, Illustrator dosyaları daha hızlı açılır. Doğru cevap E'dir.

Doğru Cevap: E

Soru 40

Photoshop ve Illustrator Programlarının her ikisi de ... yazılımı olduğu için arayüz görünümleri, birbirine benzemektedir.
Yukarıdaki cümleyi doğru olarak tamamlayan seçenek aşağıdakilerden hangisidir?

Excel

Microsoft teams

Adobe

Powerpoint

OneDrive

Açıklama:

Photoshop ve Illustrator Programlarının her ikisi de Adobe yazılımı olduğu için arayüz görünümleri, birbirine benzer. Yanı sıra, işlevsel olarak, Adobe Photoshop ve Adobe Illustrator programlarında yer alan araçların çoğu birbirine benzerdir. Aynısı, Paneller, Araçlar Paneli ve efektler için de geçerlidir. Doğru cevap C'dir.

Doğru Cevap: C

Soru 41

Photoshop gibi Illustrator programı da bir ……… yazılımıdır.
Yukarıdaki cümleye aşağıdakilerden hangisi gelmelidir?

Steam

Microsoft

Adobe

InDesign

Autodesk

Açıklama:

Adobe

Doğru Cevap: C

Soru 42

Aşağıdakilerden hangisi Web Tasarımı kalite faktörlerinden biri değildir?

Web tasarımı yapılırken masaüstü, dizüstü ve mobil uyumluluk gözetilmelidir.

Web tasarımı özgün olmalıdır.

Web tasarımı, kullanılan donanım ve yazılıma hâkimiyeti gerektirir.

Web tasarımı, ilgili web sitesi temelinde, Yapay Zekâ iyileştirme çalışmalarına kapalı olmalıdır.

Web tasarımı kreatif olmalıdır.

Açıklama:

Web tasarımı, ilgili web sitesi temelinde, Yapay Zekâ iyileştirme çalışmalarına kapalı olmalıdır.

Doğru Cevap: D

Soru 43

Http teknolojisinin açılımı aşağıdakilerden hangisidir?

Tekdüzen Kaynak Tanımlayıcı

Hipermetin Aktarım Protokolü

Güvenli Metin Aktarma Protokolü

Hipermetin İşaretleme Dili

Aktarma Kontrol Protokolü

Açıklama:

Hipermetin Aktarım Protokolü

Doğru Cevap: B

Soru 44

Eastman Kodak fabrikalarında, Steven Sasson tarafından bulunan ilk dijital fotoğraf makinası hangi yılda icat edilmiştir?

1986

1988

1978

1975

1976

Açıklama:

1975

Doğru Cevap: D

Soru 45

“…………. profesyonel kalitede baskı grafikleri için değil, görüntüleri internete aktarmak içindir; bu nedenle CMYK gibi RGB olmayan renk alanları desteklenmez.”
Cümlesindeki boşluğu aşağıdakilerden hangisi tamamlamaktadır?

TIFF

JPEG

GIF

BMP

PNG

Açıklama:

PNG

Doğru Cevap: E

Soru 46

“Adobe tarafından 1992 yılında metin biçimlendirmesi ve görüntüler de dâhil olmak üzere belgeleri, uygulama yazılımı, donanım ve işletim sistemlerinden bağımsız bir şekilde sunmak için geliştirilen bir dosya formatıdır.”
Tanımı aşağıdakilerden hangisine aittir?

JPEG

CMYK

PDF

RGB

PNG

Açıklama:

PDF

Doğru Cevap: C

Soru 47

Vektör grafik ekranları ilk olarak kaç yılında ABD SAGE hava savunma sistemi tarafından kullanılmıştır?

1958

1968

1962

1959

1964

Açıklama:

1958

Doğru Cevap: A

Soru 48

Illustrator programlarında,dışa aktarımı son sürümde kaldırılmış dosya türü aşağıdakilerden hangisidir?

PNG

GIF

JPEG

CSS

HTML

Açıklama:

HTML

Doğru Cevap: E

Soru 49

“Network’de kesintisiz ulaşım ve iletişim sağlayan yanı sıra ilgili verilerin yüksek güvenlikli bir şekilde saklandığı bilişim sistemidir.”
Yukarıda verilmiş olan tanım aşağıdakilerden hangisine aittir?

Domain (İsim Hakkı)

Server (Sunucu)

Bandwith (Bant Genişliği)

Hosting ( Barındırma Alanı)

CSS

Açıklama:

Server (Sunucu)

Doğru Cevap: B

Soru 50

PDF dosya türünün doğru açılımı aşağıdakilerden hangisidir?

Portable Document Format

Professional Document File

Provided Document File

Provided Data Format

Portable Data Format

Açıklama:

Portable Document Format

Doğru Cevap: A

Ünite 4

Soru 1

Bilgisayar yazılımlarının kullanıcı tarafından çalıştırılmasını sağlayan çeşitli resimlerin, grafiklerin, yazıların yer aldığı ön sayfaya ne ad verilir?

Giriş sayfası

Ana sayfa

Arayüz

Ara ekranı

Geçiş ekranı

Açıklama:

Arayüz: Bilgisayar yazılımlarının kullanıcı tarafından çalıştırılmasını sağlayan çeşitli resimlerin, grafiklerin, yazıların yer aldığı ön sayfa.
Doğru yanıt C seçeneğidir.

Doğru Cevap: C

Soru 2

Hangisi, basılı ya da çevrimiçi ortamlarda tasarım, pazarlama ve iletişim için kullanılan yazılımlar/uygulamalar topluluğu olarak tanımlanan yazılımlardan biridir?

Adobe Creative Cloud

Adobe Photoshop

Open Type

3ds Max

Adobe Substance

Açıklama:

Adobe Creative Cloud: Basılı ya da çevrimiçi ortamlarda tasarım, pazarlama ve iletişim için kullanılan yazılımlar/uygulamalar topluluğunun adıdır.
Doğru yanıt A seçeneğindedir.

Doğru Cevap: A

Soru 3

InDesign CC ve InDesign CS sürümlerine ilişkin aşağıdaki ifadelerden hangisi doğrudur

InDesign CS daha yeni sürümdür.

InDesign CC abonelik gerektirir.

Her ikisi de ücretsiz yazılımdır.

InDesign CC ücretsizdir

InDesign CC belgesi InDesign CS' de açılabilir. Tersi mümkün değildir

Açıklama:

InDesign CC sürümlerini InDesign CS sürümlerinden ayıran en belirgin özellik; CS’nin tek seferlik ödeme ile satın alınan ve istenildiği kadar kullanılan bir ürün olmasına karşılık, CC sürümünün aylık ya da yıllık aboneliğe dayalı olarak kullanılabilmesidir.
Doğru yanıt B seçeneğidir.

Doğru Cevap: B

Soru 4

Aşağıdakilerden hangisi InDesign yazılımının "Yazma ve Çizme Araçları"ndan biri değildir.

Yazım Aracı

Çizgi

Dikdörtgen Çerçeve Aracı

Makas

Kurşun Kalem Aracı

Açıklama:

Yazma ve Çizme Araçları:
Yukarıdan aşağıya doğru araçların isim ve görevleri:
Yazım Aracı; metin çerçeveleri oluşturmak ve metinleri seçmek,
Çizgi Aracı; sayfalara çizgi çizmek,
Kalem Aracı; düz ve eğri çizgiler çizmek,
Kurşun Kalem Aracı; serbest şekilli yollar çizmek,
Dikdörtgen Çerçeve Aracı; kare ya da dikdörtgen şeklinde yer tutucu oluşturmak,
Dikdörtgen Aracı; kare ya da dikdörtgen oluşturmak.
Makas "Dönüştürme Aracı" olarak tanımlanmaktadır. Doğru yanıt D seçeneğidir.

Doğru Cevap: D

Soru 5

"......................; sayfadaki nesneleri çoğaltmak ve açık olan InDesign dosyalarına yerleştirmek." ifadesinde boş bırakılan yeri aşağıdakilerden hangisi doğru biçimde tamamlar?

Aralık Aracı

Doğrudan Seçim Aracı

Damlalık Aracı

Ölçek Aracı

İçerik Toplayıcı ve Yerleştirici Aracı

Açıklama:

Doğru ifade,
İçerik Toplayıcı ve Yerleştirici Aracı; sayfadaki nesneleri çoğaltmak ve açık olan InDesign dosyalarına yerleştirmek." biçiminde olacaktır.
Doğru yanıt E seçeneğidir.

Doğru Cevap: E

Soru 6

Web tasarım yazılımlarından biri olan Dreamweaver, ilk olarak 1997 yılında hangi şirket tarafından piyasaya sunulmuştur.

Adobe

Macromedia

Microsoft

Hewlett-Packard

IBM

Açıklama:

Web tasarım yazılımlarından biri olan Dreamweaver, ilk olarak 1997 yılında Macromedia şirketi tarafından piyasaya sunulan ve daha sonra Adobe firmasının Macromedia’yı satın almasıyla Adobe tarafından geliştirilmeye devam edilen bir uygulama olarak dikkat çekmektedir.
Doğru yanıt B seçeneğidir.

Doğru Cevap: B

Soru 7

Aşağıdakilerden hangisi, Dreamweaver, yazılımının desteklediği dillerden biri değildir?

HTML

PHP

Perl

CSS

JavaScriptDreamweaver

Açıklama:

Dreamweaver’ın en önemli özelliklerinden biri;
HTML,
PHP,
CSS ve J
avaScript dillerini desteklemesidir.
Böylece, tasarımcıları sadece tek bir dil ile sınırlamamakta ve tasarımcılara esneklik sunmaktadır.
Perl gibi diğer diller, Dreamweaver uygulamasındaki dile özgü kodlama özellikleri tarafından desteklenmez; örneğin, Perl dosyaları oluşturabilir ve düzenleyebilirsiniz ancak kod ipuçları bu dile uygulanmaz.
Doğru yanıt C seçeneğidir.

Doğru Cevap: C

Soru 8

Dreamweaver yazılımında, tasarımcının veya başka kişilerin yazılan kodları anlamasını sağlamak üzere yorum satırları eklenebilmesini veya eklenmiş olan yorumların hızlı bir şekilde kaldırılabilmesini sağlayan alan ayağıdakilerden hangisidir?

2 numaralı alan

3 numaralı alan

4 numaralı alan

5 numaralı alan

6 numaralı alan

Açıklama:

• 2 numaralı alan: Araç çubuğudur.
Bu çubuk sayesinde açık olan projeler arasında hızlı bir şekilde geçiş yapılabilir. Tasarımcının veya başka kişilerin yazılan kodları anlamasını sağlamak üzere yorum satırları eklenebilir veya eklenmiş olan yorumlar hızlı bir şekilde kaldırılabilir.
Doğru yanıt A seçeneğidir.

Doğru Cevap: A

Soru 9

Dreamweaver yazılımında bir web tasarım yapılmadan önce bilinmesi gereken en temel bilgi olarak tanımlanan ve hazırlanacak siteye ait tüm dosyaların bir klasörde toplanması işlemine ne ad verilir?

Web grafik tasarım

Arayüz tasarım

Dosya oluşturma

Site tanımlama

Site tasarlama

Açıklama:

Bir web tasarım yapılmadan önce bilinmesi gereken en temel bilgi, hazırlanacak siteye ait tüm dosyaların bir klasörde toplanması gerektiğidir.
Çünkü web siteye ait dosyaların farklı klasörlerde yer alması, tasarlanacak sitenin istenilen şekilde kodlanmasını ve görüntülenmesini engelleyebilir. Bunun yanı sıra uzak sunuculara yükleme yapıldığı esnada da benzer sorunlar yaşanabilir.
Bunun için site içeriklerinin tek bir klasörde toplanması gerektiği unutulmamalıdır. Dreamweaver yazılımında bu işleme Site Tanımlama ismi verilmektedir.
Doğru yanıt D seçeneğidir.

Doğru Cevap: D

Soru 10

"Ayrıca DOM panelinde web sitelerindeki Site Haritaları’na benzer şekilde otomatik olarak ............ oluşmaktadır."
Dreamweaver yazılımında ,7. numaralı Panel bölümüne ait bu ifadede boş bırakılan yeri aşağıdakilerden hangisi doğru biçimde tamamlar?

site tasarımları

yazılım kodları

dil dosyaları

çalışma menüleri

site ağaçları

Açıklama:

7 numaralı alan: Panel bölümüdür.
Bu bölüm üzerinde sitelere yönelik klasörlere hızlı bir şekilde erişim imkânı sunulmaktadır.
Ayrıca DOM panelinde web sitelerindeki Site Haritaları’na benzer şekilde otomatik olarak site ağaçları oluşmaktadır.
Doğru yanıt E seçeneğidir.

Doğru Cevap: E

Soru 11

Dijital platformlarda kitlelere ulaşabilmek ve dikkat çekebilmek için, renkli, etkileşimli ve çok boyutlu profesyonel tasarımlar aşağıdaki hangi yazılımlar ile gerçekleştirilir?

3Dmax ve Exel

Word ve Exel

Adobe Cloud ve Word

Maya ve 3Dmax

InDesign ve Dreamweaver

Açıklama:

Dijital platformlarda kitlelere ulaşabilmek ve dikkat çekebilmek de; renkli, etkileşimli ve çok boyutlu profesyonel tasarımlarla mümkündür. Bu tür tasarımları geliştirmek de bir o kadar profesyonel yazılımlar kullanmayı gerektirir. Dijital tasarımlara imza atmanızı kolaylaştıracak, keyifli hâle getirecek InDesign ve Dreamweaver yazılımları bulunmaktadır.

Doğru Cevap: E

Soru 12

Bilgisayar yazılımlarının kullanıcı tarafından çalıştırılmasını sağlayan çeşitli resimlerin, grafiklerin, yazıların yer aldığı ön sayfa aşağıdakilerden hangisi ile tanımlanır?

Arayüz

OpenType

InDesign

Katman

Şablon

Açıklama:

Arayüz: Bilgisayar yazılımlarının kullanıcı ta-rafından çalıştırılmasını sağlayan çeşitli resim-lerin, grafiklerin, yazıların yer aldığı ön sayfa.

Doğru Cevap: A

Soru 13

Adobe ve Microsoft şirketleri tarafından geliştirilen ve fontlarda çoklu dil desteği bulunan font türü aşağıdakilerden hangisidir?

TrueType

OpenType

Gif

Jpg

Tga

Açıklama:

OpenType : Adobe ve Microsoft şirketleri tarafından geliştirilmiş, her iki platformda da kullanılabilen, binlerce font ve çoklu dil desteği bulunan bir çapraz platform font türüdür.

Doğru Cevap: B

Soru 14

Aşağıdakilerden hangisi InDesign’a aktarılabilen dosya türüdür?

tiff

dxf

3ds

ascii

Açıklama:

InDesign’a aktarılabilen dosya türleri:
Tiff, gif, jpg, jpeg, bmp, eps, dcs, pict (Mac), wmf, MS emf, MS pcx, png, sct, swf, ai, psd, pdf, indd, txt, doc, docx

Doğru Cevap: A

Soru 15

InDesign yazılımında yapılan tasarımın çevrimiçi bir ortamda yayınlanması için aşağıdakilerden hangisi kullanılır?

Kalem aracı

Dönüştürme aracı

Çizim aracı

Yazım aracı

Publish Online

Açıklama:

Publish Online butonu, yapılan tasarımın çevrimiçi bir ortamda yayınlanması için kullanılır.

Doğru Cevap: E

Soru 16

InDesign yazılımında, nesnelerdeki renk ve font niteliklerini örneklemek ve bunları başka nesnelere uygulamak için aşağıdakilerden hangisi kullanılır?

Damlalık aracı

El aracı

Not aracı

Yazım aracı

Dönüştürme aracı

Açıklama:

Damlalık Aracı; nesnelerdeki renk ve font niteliklerini örneklemek ve bunları başka nesnelere uygulamak.

Doğru Cevap: A

Soru 17

Tasarım alanında rakam, harf, simge ve işaretler kullanılarak gerçekleştirilen yazı yazma sanatı ya da tekniği aşağıdakilerden hangisi ile tanımlanır?

Mizanpaj

Tipografi

Animasyon

Süsleme

Minyatür

Açıklama:

Tipografi: Tasarım alanında rakam, harf, simge ve işaretler kullanılarak gerçekleştirilen yazı yazma sanatı ya da tekniğidir.

Doğru Cevap: B

Soru 18

Web tasarımında, HTML, PHP, CSS ve JavaScript dillerini destekleyen ve tasarımcıya esneklik sağlayan web yazılımı aşağıdakilerden hangisidir?

Dreamweaver

InDesign

Paint

Word

Exel

Açıklama:

Dreamweaver’ın en önemli özelliklerinden biri; HTML, PHP, CSS ve JavaScript dillerini desteklemesidir. Böylece, tasarımcıları sadece tek bir dil ile sınırlamamakta ve tasarımcılara esneklik sunmaktadır. Bunun yanı sıra, web tasarımı esnasında yapılan işlemlerin canlı bir şekilde görüntülenmesini sağlaması da bir başka önemli özelliğidir.

Doğru Cevap: A

Soru 19

Web tasarımı yapılırken sitelerin ana sayfaları aşağıdakilerden hangisi ile isimlendirilir?

scc.html

hakkımızda.html

iletişim.html

page.html

index.html

Açıklama:

Web tasarımı yapılırken sitelerin ana sayfaları genellikle index.html şeklinde isimlendirilir.

Doğru Cevap: E

Soru 20

Dreamweaver ile yapılan web tasarımında kullanılan bileşenlere ait stil tanımlamalarının uzantısı aşağıdakilerden hangisidir?

TEX

WORD

CSS

EXEL

PNG

Açıklama:

Stil tanımlamalarını yapabilmek için çalışmamıza Dosya-Yeni yolu izlenerek CSS dosyası dahil edilmelidir. Oluşturulan bu dosyanın ismi genellikle stil.css veya style.css şeklinde tanımlanmaktadır. Bu örnek çalışmada stil.css ismi tercih edilmiştir.

Doğru Cevap: C

Soru 21

“Basılı ya da çevrimiçi ortamlarda tasarım, pazarlama ve iletişim için kullanılan yazılımlar/uygulamalar topluluğunun adıdır.”
Yukarıda verilmiş olan tanımlama aşağıdakilerden hangisine aittir?

Arayüz

Illustrator

Photoshop

Adobe Creative Cloud

InDesign

Açıklama:

Adobe Creative Cloud

Doğru Cevap: D

Soru 22

InDesign tasarımlarıyla ilgili aşağıdakilerden hangisi yanlıştır?

Yalnızca az boyutlu resimler eklenebilir

Html sayfaları eklenebilir

Videolar eklenebilir

Animasyonlar eklenebilir

Yazılar eklenebilir

Açıklama:

Yalnızca az boyutlu resimler eklenebilir

Doğru Cevap: A

Soru 23

Sayfa düzeni, sayfa tasarımı anlamına gelen sözcük aşağıdakilerden hangisidir?

Tipografi

Kaligrafi

Font

Mizanpaj

Arayüz

Açıklama:

Mizanpaj

Doğru Cevap: D

Soru 24

Tasarım alanında rakam, harf, simge ve işaretler kullanılarak gerçekleştirilen yazı yazma sanatı ya da tekniği aşağıdakilerden hangisidir?

Font

Kaligrafi

Tipografi

Arayüz

Mizanpaj

Açıklama:

Tipografi

Doğru Cevap: C

Soru 25

“Bilgisayar yazılımlarının kullanıcı tarafından çalıştırılmasını sağlayan çeşitli resimlerin, grafiklerin, yazıların yer aldığı ön sayfa.”
Yukarıda verilmiş tanım aşağıdakilerden hangisine aittir?

Mizanpaj

Arayüz

OpenType

Adobe Creative Cloud

WEB

Açıklama:

Arayüz

Doğru Cevap: B

Soru 26

Aşağıdakilerden hangisi InDesign hakkında verilmiş yanlış bir bilgidir?

Adobe Creative Cloud’un bir parçasıdır

OpenType yazı tiplerini desteklemesi olanaksızdır

Piksel kalitesinde kontrol sağlamak mümkündür

Kitap, broşür, katalog gibi çok sayfalı eserlerin tasarımı ve yayınlanmasında kullanılabilir

Poster, kartvizit ve afiş gibi tek sayfadan oluşan eserlerin tasarımı ve yayınlanmasında kullanılabilir

Açıklama:

OpenType yazı tiplerini desteklemesi olanaksızdır

Doğru Cevap: B

Soru 27

Digital 2022 Nisan Ayı Küresel Raporu’na göre; dünya nüfusunun yüzde kaçı aktif olarak internet kullanmaktadır?

%82’si

%88’i

%65’i

%74’ü

%63’ü

Açıklama:

%63’ü

Doğru Cevap: E

Soru 28

InDesign, Adobe şirketinin hangi yılda piyasaya sürdüğü mizanpaj ve sayfa tasarım yazılımıdır?

1997

1998

1999

2000

1996

Açıklama:

1999

Doğru Cevap: C

Soru 29

Dreamweaver, hangi yılda Macromedia şirketi tarafındanpiyasaya sunulmuştur?

1998

1996

1994

1997

1999

Açıklama:

1997

Doğru Cevap: D

Soru 30

Web tasarımı yapılırken sitelerin ana sayfaları genellikle hangi şekilde isimlendirilir?

index.html

index/html

index-html

index

index >html

Açıklama:

index.html

Doğru Cevap: A

Ünite 5

Soru 1

Aşağıdakilerden hangisi wordpress ile ilgili doğru bir ifadedir?

kapalı kaynaklı bir yazılımdır

küçük bir topluluktur

karmaşıktır

açık kaynaklı bir yazılımdır

kullanımı zordur

Açıklama:

WordPress, içeriğinizi dünya çapında milyonlarca potansiyel kitleye ulaştırabilmenizi amaç edinen açık kaynaklı bir yazılım ve büyük bir topluluktur. Basit ve kullanımı kolay olması, karmaşık teknolojilerde ustalaşma ihtiyacını ortadan kaldırarak web geliştiricilerinin favori seçimi hâline gelmesine sebep olmuştur.

Doğru Cevap: D

Soru 2

Web sitelerini barındırmaya ve oluşturmaya olanak tanıyan açık kaynaklı içerik yönetim sistemine ne denmektedir?

atomic

frontify

wordpress

macaw

marvel

Açıklama:

WordPress, dünyadaki web sitelerinin büyük çoğunluğunda yaygın olarak kullanılan, kişisel günlük yazarlarından büyük şirketlere kadar herkes için araçlar içeren bu güçlü site oluşturucu ve içerik yönetim sistemidir.

Doğru Cevap: C

Soru 3

Aşağıdakilerden hangisi wordpress ile ilgili doğru bir ifadedir?

ölçeklenemez

kullanımı ücretlidir

şablon sistemidir

programlama dili yoktur

kapalı kaynak yazılımıdır

Açıklama:

WordPress mimarisi ve bir şablon sistemi üzerine inşa edilmiştir, böylece herhangi bir web sitesini kişisel sayfanıza, işletmenize, haber akışınıza, portfolyo sayfanıza veya çevrimiçi mağazanıza uyacak şekilde özelleştirebilirsiniz.

Doğru Cevap: C

Soru 4

Wordpress’in “Açık kaynak” yazılımı olması aşağıdakilerden hangisini ifade etmektedir?

bazı kişilerle sınırlı ve ücretli oluşunu

herkese açık ve ücretsiz oluşunu

bazı kişilerle sınırlı ve ücretsiz oluşunu

herkese kapalı ve ücretli oluşunu

herkese açık ve ücretli oluşunu

Açıklama:

“Açık kaynak” yazılımı olarak herkese açık ve her zaman ücretsizdir, böylece WordPress indirilebilir ve bir web barındırma paketinin parçası olarak kurulabilir bir yapıdır.

Doğru Cevap: B

Soru 5

Aşağıdakilerden hangisi wordpress ile ilgili doğru bir ifadedir?

Wordpress yalnızca yeni başlayanlar tarafından kullanılabilir.

Wordpress yalnızca deneyimli geliştiriciler tarafından kullanılabilir.

Tasarım ve geliştirme deneyimi olmayan kullanıcılar Wordpress’i kullanamaz.

Wordpress hepsi ücretli binlerce özel tema ile birlikte gelmektedir.

Wordpress hız ve verimlilik başarısı ile günümüz web tasarımında çığır açmıştır.

Açıklama:

WordPress yeni başlayanlar ile deneyimli geliştiricilere kadar herkes tarafından kullanılabilir. Tasarım veya geliştirme deneyimi olmayan yeni kullanıcılar için, bir WordPress web sitesi, yüzlerce ücretsiz WordPress temasından biri kullanılarak bir barındırma platformunda çok kolay biçimde kurulabilir. WordPress günümüzde çoğu ücretsiz olan binlerce özel temayla birlikte gelmekte ve güçlü eklenti desteğiyle kusursuz çözümler sunmaktadır. Web sitenizin erişildiği cihaza göre kusursuz bir deneyim sunması, hız ve verimlilik anlamında başarısı ile WordPress günümüz web tasarımında çığır açmıştır.

Doğru Cevap: E

Soru 6

Aşağıdakilerden hangisi wordpress ile ilgili doğru bir ifadedir?

Wordpress herkese açılarak yayıncılığı demokratikleştirmiştir.

Wordpress yalnızca bir kısım insanın Internet ortamında var olmasına imkan tanımıştır.

Wordpress ZHP programlama dilinde yazılmıştır.

Wordpress’i kişisel sayfanıza göre özelleştirmeniz mümkün değildir.

Wordpress’i çevrimiçi mağazanıza göre özelleştiremezsiniz.

Açıklama:

WordPress’in yaratıcıları, herkesin internet ortamında var olmasına izin verebilecek bir site oluşturma arayüzünü tasarlayarak “yayıncılığı demokratikleştirmeyi” hedeflemiştir. WordPress, PHP programlama dilinde yazılmış açık kaynaklı, web sitesi oluşturma aracıdır. WordPress mimarisi ve bir şablon sistemi üzerine inşa edilmiştir, böylece herhangi bir web sitesini kişisel sayfanıza, işletmenize, haber akışınıza, portfolyo sayfanıza veya çevrimiçi mağazanıza uyacak şekilde özelleştirebilirsiniz.

Doğru Cevap: A

Soru 7

Aşağıdakilerden hangisi wordpress.org ve wordpress.com’un doğru karşılaştırılmasıdır?

WordPress.org ve WordPress.com tamamen farklı iki web sitesi/kuruluş ve web çözümü değildir.

WordPress.org ve WordPress.com tamamen aynı web sitesi/kuruluş ve web çözümüdür.

WordPress.org ve WordPress.com tamamen farklı iki web sitesi/kuruluş ve web çözümüdür.

WordPress.org, nadiren WordPress.com ile karıştırılır.

Bir WordPress.com sitesinin temel özelliklerinin kullanımı WordPress.org gibi ücretlidir.

Açıklama:

WordPress.org ve WordPress.com tamamen farklı iki web sitesi/kuruluş ve web çözümüdür. WordPress’in temel kaynağı olan WordPress.org, kullanıcıların bir barındırma alanına ücretsiz olarak bir site kurmasına ve çalıştırmasına olanak tanıyan bir üçüncü taraf barındırma çözümü olan WordPress.com ile sık sık karıştırılır. Bir WordPress.com sitesinin temel özelliklerinin kullanımı ücretsizdir, ancak kullanıcılar daha fazla seçeneğe ve benzersiz bir alan adına izin veren yüksek bir sürüme yükseltme seçeneğine sahiptir.

Doğru Cevap: C

Soru 8

Aşağıdakilerden hangisi WordPress kullanım süreci ile ilgili doğru bir sıralamadır?
I. WordPress'i yükleyin.
II. Tasarım temanızı (şablon) seçin.
III. WordPress planınızı seçin.
IV. Web sitenizi şablonun izin verdiği ölçüde özelleştirin.
V. Alan adınız ve barındırma sağlayıcınızı oluşturun.
VI. Web sitenize içerikleri ekleyin.

III-V-I-II-VI-IV

I-II-IV-VI-V-III

I-II-III-IV-V-VI

VI-V-III-II-I-VI

V-VI-I-II-III-IV

Açıklama:

WordPress, bugün açık ara en popüler içerik yönetim sistemidir (CMS “Content Management System). Kullanım kolaylığı ve çok yönlülüğü, kullanıcıların çoğunun ihtiyaçlarına uygun bir web sitesi oluşturmasını sağlar.

Doğru Cevap: A

Soru 9

Wordpress.org ile ücretsiz kullanabileceğiniz kaç plan seçeneğiniz vardır?

Açıklama:

Daha önce de belirtildiği gibi WordPress. org ile ücretsiz yalnızca bir plan seçeneğiniz vardır; ancak alan adınızı, barındırma sağlayıcınızı, tema ve eklentileri ve WordPress sitenizle ilgili diğer geliştirmeleri satın almanız ile mümkün olacaktır.

Doğru Cevap: B

Soru 10

Web sitenizi oluşturmaya başlamak için WordPress.com'un sunduğu kaç plan arasından seçim yapmanız gerekir?

Açıklama:

Web sitenizi oluşturmaya başlamak için WordPress.com'un sunduğu beş plan arasından seçim yapmanız gerekecektir.

Doğru Cevap: D

Soru 11

Grafik Kullanıcı Arayüzleri (GUI’ler) dahil olmak üzere birçok proje yapmak için kullanabilen; birçok geliştiricinin web geliştirme için kullandığı açık kaynaklı bir sunucu tarafı olan betik dil aşağıdakilerden hangisinde doğru bir şekilde verilmiştir?

DBS

EGS

PHP

ABS

EKG

Açıklama:

PHP, birçok geliştiricinin web geliştirme için kullandığı açık kaynaklı bir sunucu tarafı betik dilidir. Aynı zamanda, Grafik Kullanıcı Arayüzleri (GUI’ler) dahil olmak üzere birçok proje yapmak için kullanabileceğiniz genel amaçlı bir dildir (Chris, 2021).

Doğru Cevap: C

Soru 12

Kendi web sitenizi oluşturmak ve bu sayfaları programlama dilinini kullanmadan kendi içeriğinizi dinamik olarak yayınlamak için ihtiyacınız olan her şeyi çalışmasını sağlayan platform hangisidir?

Google

Wordpress

Yahoo

Will

WinRAR

Açıklama:

WordPress yazılımı, PHP ve MySQL yazılım bileşenini kullanan kişisel bir yayıncılık sistemidir. Bu platform, kendi web sitenizi oluşturmak ve bu sayfaları programlama dilinini kullanmadan kendi içeriğinizi dinamik olarak yayınlamak için ihtiyacınız olan her şeyi çalışmasını sağlar.

Doğru Cevap: B

Soru 13

Aşağıdakilerden hangisi WordPress yüklendikten sonra veya Wordpress.com’a giriş yapıldıktan sonra oturum açmak için izlenen adımlardan değildir?

WordPress Sistemine Giriş

Tema (Şablon) Seçimi

Web Sitenize İçerik Ekleme

Web Sitenizi Özelleştirme

Web Sitesini Kopyalama

Açıklama:

WordPress yüklendikten sonra veya Wordpress.com’a giriş yapıldıktan sonra oturum açmak için şu adımlar izlenir.
1. WordPress Sistemine Giriş:
2. Tema (Şablon) Seçimi:
3. Web Sitenize İçerik Ekleme:
4. Web Sitenizi Özelleştirme:

Doğru Cevap: E

Soru 14

Aşağıdakilerden hangisi Müşteri İlişkileri Yönetimi anlamına gelen işletme sahiplerinin tüm iletişimleri kolayca takip etmelerine ve potansiyel müşterileri ile ilişkilerini geliştirmelerine yardımcı olan yazılım sistemine denir?

CRM

SRF

SEO

CEO

TFO

Açıklama:

Müşteri İlişkileri Yönetimi anlamına gelen CRM, işletme sahiplerinin tüm iletişimleri kolayca takip etmelerine ve potansiyel müşterileri ile ilişkilerini geliştirmelerine yardımcı olan bir yazılım sistemidir (Keap, 2021).

Doğru Cevap: A

Soru 15

Aşağıdakilerden hangisi işletmenizle ilgili ürün veya hizmetlerin Google, Bing ve diğer arama motorlarının aramalarında görünürlüğünü artırmak için sitenizi iyileştirme süreci ve arama motoru optimizasyonu anlamına gelir?

TEM

CEO

CRM

NEO

SEO

Açıklama:

Arama motoru optimizasyonu anlamına gelen SEO, işletmenizle ilgili ürün veya hizmetlerin Google, Bing ve diğer arama motorlarının aramalarında görünürlüğünü artırmak için sitenizi iyileştirme süreci anlamına gelir (Land, 2022).

Doğru Cevap: E

Soru 16

Sitenize eklediğiniz her görseli 5 mb’dan büyük olmama şartıyla tek işlemde dosya boyutunun küçültülmesi işlemini gerçekleştiren WordPress için görüntü optimizasyon eklentisi aşağıdakilerden hangisidir?

Smush

Envira Gallery

Akismet Anti-Spam

Monarch

WooCommerce

Açıklama:

Smush Smush, WordPress için görüntü optimizasyon eklentisidir. Sitenize eklediğiniz her görseli 5 mb’dan büyük olmama şartıyla tek işlemde dosya boyutunun küçültülmesi işlemini gerçekleştirir. Boyutu büyük resim dosyaları düşük hızlarda gecikmelere sebep olacağı için Smush ile optimize etmek ve sıkıştırmak, sitenizi hızlandırmanın etkili ve kolay bir yoludur.

Doğru Cevap: A

Soru 17

Dakikalar içinde bir e-ticaret mağazası kurmanızı sağlayan, kolayca ürün, sepet ve ödeme sayfaları oluşturabileceğiniz ödeme yöntemlerini kabul edebileceğiniz ve ücretsiz ve sabit ücretli gönderim dahil olmak üzere farklı gönderim seçenekleri sunabileceğiniz esnek WordPress eklentisi aşağıdakilerden hangisidir?

Smush

Akismet Anti-Spam

Envira Gallery

WooCommerce

Monarch

Açıklama:

WooCommerce WooCommerce, dakikalar içinde bir e-ticaret mağazası kurmanızı sağlayan esnek bir eklentidir. Bu araç ile kolayca ürün, sepet ve ödeme sayfaları oluşturabilir, ödeme yöntemlerini kabul edebilir ve ücretsiz ve sabit ücretli gönderim dahil olmak üzere farklı gönderim seçenekleri sunabilirsiniz.

Doğru Cevap: D

Soru 18

Temel WordPress yazılımını değiştirmeden bir WordPress web sitesinin görsel biçimini ve görüntülenme şeklini değiştiren bir şablonlar, kod dosyaları ve stil sayfalarından oluşan seçkilere ne ad verilir?

WordPress teması

WordPress tuşu

WordPress rengi

WordPress eklentisi

WordPress sitesi

Açıklama:

WordPress teması, temel WordPress yazılımını değiştirmeden bir WordPress web sitesinin görsel biçimini ve görüntülenme şeklini değiştiren bir şablonlar, kod dosyaları ve stil sayfalarından oluşan seçkilerdir. Bazı WordPress temaları, kolay düzenleme ve özelleştirmeyi kolaylaştırmak için bir sayfa oluşturucu ile gelmektedir.

Doğru Cevap: A

Soru 19

Her güncel WordPress web sitesine içerik blokları ve sayfa oluşturucu benzeri işlevler ekleyen WordPress blok editörü olarak da adlandırılan WordPress 5.0+ sürümüne dahil olan yeni bir sayfa oluşturucu aşağıdakilerden hangisidir?

Galilei editörü

Edison editörü

Gutenberg editörü

Tesla editörü

Spencer editörü

Açıklama:

WordPress blok editörü olarak da adlandırılan Gutenberg editörü, WordPress 5.0+ sürümüne dahil olan yeni bir sayfa oluşturucudur. Gutenberg editörü, her güncel WordPress web sitesine içerik blokları ve sayfa oluşturucu benzeri işlevler ekler (Wright, 2020).

Doğru Cevap: C

Soru 20

Bugün birçok teknolojiyi içine entegre eden web tasarımının kurallarını belirleyen bir önceliğe sahip olan WordPress blog platformu ne zaman piyasaya sürülmüştür?

2003’te

2023'te

1999'da

2020'de

1986'da

Açıklama:

2003’te piyasaya sürülen WordPress blog platformu, bugün birçok teknolojiyi içine entegre eden web tasarımının kurallarını belirleyen bir önceliğe sahip olmuştur.

Doğru Cevap: A

Ünite 6

Soru 1

Aşağıdakilerden hangisi ya da hangileri görsel kodlamanın sağladığı avantajlardandır?
I- Web tasarım sürecinde zaman tasarrufu sağlaması.
II-Görsel unsurlarla algının web tasarımında daha etkili olması.
III- Görsel kodlamayla birçok hazır bileşenin, teknik detaylara hakim olmadan kullanıma
sunulması.

Sadece III

II ve III

I ve III

I ve II

Sadece I

Açıklama:

Görsel Kodlamanın Web Tasarımındaki Avantajları ve Dezavantajları
Öncelikli olarak görsel kodlamanın avantajlarını şu şekilde açıklayabiliriz:

Kullanıcılar metin tabanlı bileşenlere göre görsel unsurları daha iyi algılayabilmekte, dolayısıyla görsel kodlama ile daha etkili Web tasarımı sonuçları elde edilebilmektedir.
Görsel kodlama Web tasarımı sürecinin oldukça verimli gerçekleştirilmesini; zamandan kazanılmasını sağlamaktadır.

Dezavantajı ise: Görsel kodlama birçok hazır bileşeni, teknik detaylara hakim olmadan kullanıma sunduğu için uzun vadede geliştiricilerin bilgi-beceri anlamında körelmesine sebep olabilecektir. Dolayısıyla zamandan kazanma ve teknik beceri elde etme ihtiyaçlarını iyi dengede tutmak gerekmektedir.

Doğru Cevap: D

Soru 2

Metinde boş bırakılan yere aşağıdakilerden hangisi gelmelidir?
Web sitelerinin, farklı cihazların görüntüleme alanlarına kendilerini uydurmalarını sağlayan tasarım yaklaşımına …………denir.”

İçerik yönetimi

Kodlama

Görsel kodlama

Duyarlı tasarım

Web tasarım

Açıklama:

Web sitelerinin, farklı cihazların görüntüleme alanlarına kendilerini uydurmalarını sağlayan tasarım yaklaşımına duyarlı tasarım denir.

Doğru Cevap: D

Soru 3

Webflow editörü sol alanında yer alan ve işlevi “Üzerinde çalışılan web sitesinin e-ticaret sitesine dönüştürülmesini sağlayan işlevleri aktif hale getiren” düğme hangisidir?

Ecommerce

Add elements

Navigator

CMS

Audits

Açıklama:

Webflow Tasarım Bileşenleri
Üzerinde çalışılan web sitesinin e-ticaret sitesine dönüştürülmesini sağlayan işlevleri aktif hale getiren düğme; ecommerce dir.

Doğru Cevap: A

Soru 4

Webflow editörü sol alanında yer alan ve işlevi “Web sayfasının tasarım hatalarına karşın taranmasını ve ilgili hataların kullanıcıya gösterilmesini sağlayan” düğme hangisidir?

Assets

Add elements

Ecommerce

Symbols

Audits

Açıklama:

Webflow Tasarım Bileşenleri
Web sayfasının tasarım hatalarına karşın taranmasını ve ilgili hataların kullanıcıya gösterilmesini sağlayan” düğme audits dir

Doğru Cevap: E

Soru 5

Webflow editörü sol alanında yer alan ve işlevi “web sitesi içerisinde kullanılacak çoklu ortam nesnelerinin kullanıldığı paneli açan” düğme hangisidir?

Assets

Ecommerce

Audits

Navigator

Add elements

Açıklama:

Webflow Tasarım Bileşenleri 157
“web sitesi içerisinde kullanılacak çoklu ortam nesnelerinin kullanıldığı paneli açan” düğme: Assets dir

Doğru Cevap: A

Soru 6

Webflow editöründe seçili bileşenin kullanıcıyla etkileşim hâlinde çeşitli animasyonlar ya da etkileşim şekilleri göstermesini sağlayabildiğimiz panel hangisidir?

Style Manager Paneli

Interactions Paneli

Element Settings Paneli

Navigator

Pages

Açıklama:

Webflow Tasarım Bileşenleri
Webflow editöründe seçili bileşenin kullanıcıyla etkileşim hâlinde çeşitli animasyonlar ya da etkileşim şekilleri göstermesini sağlayabildiğimiz panel interaction paneli'dir.

Doğru Cevap: B

Soru 7

Web Flow editöründe seçili bileşenin işlevsel özellikleri (örneğin link içermesi, başka sayfalara bağlantılı olması...vs.) var ise bu tür özelliklerin düzenlenebildiği panel hangisidir?

Style Paneli

Style Manager Paneli

Interactions Paneli

Navigator

Element Settings Paneli

Açıklama:

Webflow Tasarım Bileşenleri
Web Flow editöründe seçili bileşenin işlevsel özellikleri (örneğin link içermesi, başka sayfalara bağlantılı olması...vs.) var ise bu tür özelliklerin düzenlenebildiği panel Element Settings paneli'dir.

Doğru Cevap: E

Soru 8

Web Flow da aktif sayfadaki herhangi bir bileşeni seçildiğinde hem seçilen bileşenleri hem de genel Web sitesini ilgilendiren ve düzenleyen………….panel bulunmaktadır.
Metinde boş bırakılan yere aşağıdakilerden hangisi gelmelidir?

Sekiz

Dört

Altı

İki

Üç

Açıklama:

Webflow Tasarım Bileşenleri
Aktif sayfadaki herhangi bir bileşeni seçtiğimiz zaman editörün sağ alanındaki panelleri kullanmak suretiyle düzenlemeler yapabiliriz. Bu amaçla hem seçilen bileşenleri hem de genel Web sitesini ilgilendiren dört panel bulunmaktadır.

Doğru Cevap: B

Soru 9

Webflow editörü sol alanında yer alan ve işlevi “Web sitesi kapsamında herhangi bir bileşenin aranmasını sağlayan” düğme hangisidir?

Audits

Settings

Find anything

Pages

Add elements

Açıklama:

Webflow Tasarım Bileşenleri
Webflow editörü sol alanında yer alan ve işlevi “Web sitesi kapsamında herhangi bir bileşenin aranmasını sağlayan” düğme "Find anything" dir.

Doğru Cevap: C

Soru 10

Webflow editörü sol alanında yer alan ve işlevi “Web sitesiyle ilgili genel ayarlamaların yapılabildiği” düğme hangisidir?

Audits

Find anything

Settings

Pages

Symbols

Açıklama:

Webflow Tasarım Bileşenleri 157
Webflow editörü sol alanında yer alan ve işlevi “Web sitesiyle ilgili genel ayarlamaların yapılabildiği” düğme: "Settings"dir.

Doğru Cevap: C

Soru 11

Web tasarımı sürecinde farklı cihazlarda aynı Web yazılımının versiyonlarının geliştirilmesine olanak sağlayan yaklaşımı aşağıdakilerden hangisi en iyi açıklar?

Akıllı telefon

Taşınabilir tablet

Giyilebilir cihaz

Duyarlı tasarım

İçerik yönetim sistemi

Açıklama:

Doğru cevap D seçeneğidir.
Bu tasarım yaklaşımları arasında duyarlı tasarım (responsive design) önemli bir yer tutmakta, farklı cihazlar için aynı Web yazılımının versiyonlarının geliştirilmesine imkân tanımaktadır

Doğru Cevap: D

Soru 12

Kodlama ile ilgili aşağıdaki bilgilerden hangisi, görsel kodlama yaklaşımının gelişmesinde etkili olduğu söylenemez?

Teknik bilgi ve beceri gerektirmesi

Karmaşık yazılım sistemlerinden oluşması

Sürekli odaklanma gerektirmesi

Çok zaman alan bir yönteme dönüşmesi

Detaylı ve özgün yazılım ihtiyacını gidermesi

Açıklama:

Doğru cevap E'dir. Detaylı ve özgün yazılım ihtiyacı görsel yaklaşımın gelişmesinden çok kodlamaya olan ihtiyacın vurgusunu yapmaktadır.
Yazılım geliştirmek teknik bir konu olarak bilinmektedir. Esasında yazılım geliştirme kullanıcı yönlü dinamikler nedeniyle sosyal boyutta bilimsel araştırmaların da konu kapsamına girmektedir. Ancak doğrudan kodlama eylemi düşünüldüğünde, yazılımı geliştirme süreci çeşitli teknik bilgi-beceri bütünleriyle karşılanmaktadır. Bu açıdan düşünüldüğünde kodlama kolay bir beceri olmamakla birlikte, karmaşık yazılım sistemleri düşünüldüğünde sürekli odaklanma gerektiren ve vakit alan bir yönteme dönüşmektedir.

Doğru Cevap: E

Soru 13

Aşağıdakilerden hangisi görsel kodlamanın avantajlarından biri değildir?

Veri tabanı yönetim sistemi ve bulut yapılarda çoklu bileşenlerin eş güdümünü gerekli kılması

Metin tabanlı bileşenlere göre görsel unsurların daha iyi algılanması

Görsel kodlama ile Web tasarım sürecinin oldukça verimli gerçekleştirilmesi

Web tasarım teknolojileri, görsel kodlama platformlarında uyumlu bir şekilde kullanılabilmesi

Web tasarımında detaylı kodlama erişimi sağladığından kullanıcıya esneklik sunabilmesi

Açıklama:

Doğru seçenek A'dır.

Kullanıcılar metin tabanlı bileşenlere göre görsel unsurları daha iyi algılayabilmekte, dolayısıyla görsel kodlama ile daha etkili Web tasarımı sonuçları elde edilebilmektedir.
Görsel kodlama Web tasarımı sürecinin oldukça verimli gerçekleştirilmesini; zamandan kazanılmasını sağlamaktadır.
Aynı anda kullanılan Web tasarımı teknolojileri, görsel kodlama platformlarında uyumlu bir biçimde bir araya getirilebilmekte, böylelikle geliştirici (kullanıcı) karmaşık işlemlerden soyutlanabilmektedir.
Görsel kodlama Web tasarımını öğrenme konusunda etkili bir eğitim aracı olarak kullanılabilmekte, Web tasarımı bu sayede kolayca öğrenilebilmektedir.
Görsel kodlama yeri geldiğinde detaylı kodlara erişimi de sağlamakta, dolayısıyla Web tasarımında esneklik de sunmaktadır.
Görsel kodlama sayesinde kullanıcı ihtiyaçlarına göre hızlı bir biçimde güncellenen Web tasarımları yapılabilmektedir.

Doğru Cevap: A

Soru 14

Aşağıdakilerden hangisi görsel kodlamanın dezavantajlarından biridir?

Görsel kodlama yeri geldiğinde detaylı kodlara erişimi de sağlamakta, dolayısıyla Web tasarımında esneklik de sunmaktadır.

Web tasarımı karmaşık uygulamaları içerdiği zaman veritabanı yönetim sisteminden, tasarım altyapısına ve bulut yapılarına kadar birçok bileşenin eş güdümünü gerekli kılmaktadır.

Görsel kodlama Web tasarımı sürecinin oldukça verimli gerçekleştirilmesini; zamandan kazanılmasını sağlamaktadır.

Görsel kodlama sayesinde kullanıcı ihtiyaçlarına göre hızlı bir biçimde güncellenen Web tasarımları yapılabilmektedir

Aynı anda kullanılan Web tasarımı teknolojileri, görsel kodlama platformlarında uyumlu bir biçimde bir araya getirilebilmekte, böylelikle geliştirici karmaşık işlemlerden soyutlanabilmektedir.

Açıklama:

Doğru cevap B'dir.

Her ne kadar görsel kodlama platformunun yeteneklerine bağlı olsa da genel olarak ileri düzey Web tasarımı süreçlerinde görsel kodlamanın yetersiz kaldığı noktalar olabilmektedir.
Görsel kodlama birçok hazır bileşeni, teknik detaylara hakim olmadan kullanıma sunduğu için uzun vadede geliştiricilerin bilgi-beceri anlamında körelmesine sebep olabilecektir. Dolayısıyla zamandan kazanma ve teknik beceri elde etme ihtiyaçlarını iyi dengede tutmak gerekmektedir.
Web tasarımı karmaşık uygulamaları içerdiği zaman veritabanı yönetim sisteminden, tasarım altyapısına ve bulut yapılarına kadar birçok bileşenin eş güdümünü gerekli kılmaktadır. Görsel kodlama vaat eden uygulamalar kimi zaman bu eş güdüm ihtiyacı karşısında yetersiz kalabilmektedir.

Doğru Cevap: B

Soru 15

Aşağıdaki kodlama dillerinden hangisi etkileşimi yüksek Web sayfalarının tasarlanmasını sağlamıştır?

PHP

ASP

CSS

HTML

HTML5

Açıklama:

HTML5 etkileşimli tasarımların ortaya çıkmasını sağlamıştır. Cevap E seçeneğidir.
Web tasarımını kolay hâle getirmek adına birçok farklı kodlama altyapısı kullanılmaktadır. İçeriği dinamik değişen Web siteleri genellikle PHP ya da ASP gibi kodlama dilleri ile geliştirilirken, standart Web sitesi tasarım dili olan HTML ise beşinci versiyonu (HTML5) ile birlikte etkileşimi yüksek Web sayfalarının tasarlanmasını sağlamaktadır. Bununla birlikte daha canlı işlevler için JavaScript tabanlı eklenti kodları (örneğin, JQuery), Web tasarımı noktasında oldukça popülerdir. Diğer yandan Web sitelerinin işlevsel kodlarının dışına çıkarak, sadece tasarım detaylarının kodlanmasını sağlayan CSS kodlama standardı da Web tasarımında işlev ve tasarım ayrımını sağlaması açısından oldukça kullanışlıdır. Duyarlı tasarım temelleri saydığımız bu bileşenlerden özellikle HTML ve CSS çerçevesinde oluşturulmuştur.

Doğru Cevap: E

Soru 16

Web sitelerinde işlevsel kodlardan farklı olarak sadece tasarım detaylarını kodlamayı sağlayan programlama dili hangisidir?

PHP

HTML

HTML5

CSS

JavaScript

Açıklama:

Doğru cevap D seçeneğidir.
Web tasarımını kolay hâle getirmek adına birçok farklı kodlama altyapısı kullanılmaktadır. İçeriği dinamik değişen Web siteleri genellikle PHP ya da ASP gibi kodlama dilleri ile geliştirilirken, standart Web sitesi tasarım dili olan HTML ise beşinci versiyonu (HTML5) ile birlikte etkileşimi yüksek Web sayfalarının tasarlanmasını sağlamaktadır. Bununla birlikte daha canlı işlevler için JavaScript tabanlı eklenti kodları (örneğin, JQuery), Web tasarımı noktasında oldukça popülerdir. Diğer yandan Web sitelerinin işlevsel kodlarının dışına çıkarak, sadece tasarım detaylarının kodlanmasını sağlayan CSS kodlama standardı da Web tasarımında işlev ve tasarım ayrımını sağlaması açısından oldukça kullanışlıdır. Duyarlı tasarım temelleri saydığımız bu bileşenlerden özellikle HTML ve CSS çerçevesinde oluşturulmuştur.

Doğru Cevap: D

Soru 17

Aşağıdakilerden hangisi Webflow editöründe bulunan panellerden biri değildir?

Style Paneli

Element Settings Paneli

Style Manager Paneli

Interactions Paneli

Heading Paneli

Açıklama:

Doğru seçenek E'dir.
Style Paneli: Seçili bileşenin sayfadaki konumunu, kullandığı font tipini / stilini / boyutunu, çerçeve stillerini, kullandığı renkleri ve hatta ileri düzey tasarım düzenlemelerini (üç boyutlu efektler, gölgelendirmeler, saydamlık...vs.) düzenleyebildiğimiz paneldir. • Element Settings Paneli: Eğer seçili bileşenin işlevsel özellikleri (örneğin link içermesi, başka sayfalara bağlantılı olması...vs.) var ise bu tür özelliklerin düzenlenebildiği paneldir. • Style Manager Paneli: Gerek seçili bileşen gerekse genel Web sitesi üzerindeki CSS tabanlı tasarım özelliklerinin düzenlenebildiği paneldir. Bu sayede örneğin Web sitemizdeki bütün metinlerin aynı renk ve font stilinde olmasını tek bir ayarlama yapmak suretiyle sağlayabiliriz. • Interactions Paneli: Seçili bileşenin kullanıcıyla etkileşim hâlinde çeşitli animasyonlar ya da etkileşim şekilleri göstermesini sağlayabildiğimiz paneldir.

Doğru Cevap: E

Soru 18

Genel Web sitesi üzerindeki CSS tabanlı tasarım özelliklerinin düzenlendiği yer aşağıdakilerden hangisidir?

Style Paneli

Element Settings

Style Manager

Interactions

Intro content

Açıklama:

Doğru cevap C seçeneğidir.
Style Manager Paneli: Gerek seçili bileşen gerekse genel Web sitesi üzerindeki CSS tabanlı tasarım özelliklerinin düzenlenebildiği paneldir. Bu sayede örneğin Web sitemizdeki bütün metinlerin aynı renk ve font stilinde olmasını tek bir ayarlama yapmak suretiyle sağlayabiliriz.

Doğru Cevap: C

Soru 19

Navigator panelinde listelenen bileşenler arasında "küçük ok simgesi" var ise ne anlama gelmektedir?

Metinlerin imleç yardımıyla işaretlenebildiği

Çift tıklanıp düzenleme yapılabildiği

Sayfalardaki bölümlerin tanımlanabileceği

İlgili bileşinin altında başka bileşenlerin olduğu

Ortak görevli bileşenleri gruplanabileceği

Açıklama:

Doğru cevap D seçeneğidir.
Portfolio Starter şablonunun açılışında aktif durumda olan sayfa Home sayfasıdır. O anda aktif olan sayfanın ismi, sol üstteki Page ibaresi yanında görüntülenmektedir. Bununla birlikte Navigator paneli altında açık sayfadaki bütün bileşenler hiyerarşilerine uygun biçimde listelenmektedir. Listelenen bileşen isimlerinin yanında küçük ok simgesi var ise, ilgili bileşenin altında başka bileşenler olduğu anlamına gelmektedir.

Doğru Cevap: D

Soru 20

Seçili bileşenin kullanıcıyla etkileşim hâlinde çeşitli animasyonlar ya da etkileşim şekilleri göstermesini sağlayabilen panel aşağıdakilerden hangisidir?

Interactions paneli

Style manager paneli

Element settings paneli

Style paneli

Add elements paneli

Açıklama:

Doğru seçenek A'dır.
Interactions Paneli: Seçili bileşenin kullanıcıyla etkileşim hâlinde çeşitli animasyonlar ya da etkileşim şekilleri göstermesini sağlayabildiğimiz paneldir.

Doğru Cevap: A

Ünite 7

Soru 1

”Kullanıcının bir süre kullanmayıp tekrar kullanmak için dönüş yaptığı senaryolar’ web tasarımının kullanılabilirlik kriterlerinden hangisine işaret etmektedir?

Hatırlanabilirlik

Efektiflik

Öğrenilebilirlik

Hatalar/Arızalar

Tatmin

Açıklama:

Kullanıcının bir süre kullanmayıp tekrar kul- lanmak için dönüş yaptığı senaryolarda web tasarımının hatırlanabilirliği ön plana çıkar. Web tasarımının kullanımı kolay hatırlanabilir olmalıdır. Eğer kullanıcı her seferinde bir tasarımın nasıl kullanılacağını tekrar tekrar öğrenmek zorunda kalırsa olumsuz kullanıcı deneyimleri ortaya çıkabilir ve kullanıcı ilgili tasarımı kullanmaktan vazgeçebilir. Kullanıcı, bir web tasarımından uzak kaldığı durumlarında, ilgili tasarımın tekrar kullanımına hızlı bir şekilde hakim olabilmelidir.
Kullanıcının bir süre kullanmayıp tekrar kullanmak için dönüş yaptığı senaryolarda web tasarımının hatırlanabilirliği ön plana çıkar.

Doğru Cevap: A

Soru 2

”Bir web tasarımı işlevsel olarak kusursuz olsa bile sıkıcı olmamalı, kullanımı eğlenceli ve zevkli olmalıdır ki kullanıcı tasarımdan uzaklaşmasın.”
Yukarıda söz edilen kullanılabilirlik ölçütlerinden hangisine işaret eder?

Tatmin

Hatırlanabilirlik

Öğrenilebilirlik

Efektiflik

Hatalar/Arızalar

Açıklama:

Kullanıcılar, bir web tasarımının kullanımın- dan tatmin olmak isterler. Bir web tasarımı her ne kadar fonksiyonel açıdan kusursuz olsa dahi sıkıcı olmamalı, kullanımı zevkli ve keyifli olmalıdır. Sıkıcı tasarımlar kullanıcının tasarımdan uzaklaşmasına neden olabilir.

Doğru Cevap: A

Soru 3

Kullanılabilirliği geliştirmek adına yapılan kullanıcı testlerine ilişkin aşağıdaki ifadelerden hangisi doğrudur?

Web tasarımı tamamlandığında dahi kullanılabilirlik testinin uygulanmasına devam edilmeli

Web tasarımının test edileceği ilk prototipin yüksek çözünürlüklü olarak üretilmeli

Mevcut tasarımın yerine rakiplerin tasarımları da test edilmeli

Kullanılabilirlik testleri saha yerine kontrollü laboratuvar koşullarında uygulanmalı

Web tasarımında son aşama olarak eski tasarım incelenmeli ve test edilmeli

Açıklama:

Web tasarımının test edileceği ilk prototipin yüksek değil düşük çözünürlüklü olarak üretilmesi emeğin, zamanın ve maddi kaynakların verimli kullanılması açısından önemlidir.

Rakiplerin tasarımları da test edilmelidir. Rakiplerin kullanılabilirlik açısından güçlü ve zayıf yönleri tespit edilerek rekabette öne geçebilecek ayrışmalar yaratılabilir.

Kullanılabilirlik testleri laboratuvar yerine sahada test edilmelidir. Böylelikle kullanıcıları doğal ortamda gözlemleme şansı elde edillir.

Web tasarımı tamamlandığında dahi kul- lanılabilirlik testinin uygulanmasına de- vam edilmelidir. Sıklıkla ve tekrarlı olarak uygulanan kullanılabilirlik testleri farklı seviyelerde problemlerin tespit edilmesi- ne olanak tanır.

Doğru Cevap: A

Soru 4

Bir tasarımın piyasaya sürülmeden veya kullanıma açılmadan önce gerçeğini temsil edebilecek nitelik ve özelliklere sahip olan versiyonuna ne isim verilir?

Prototip

Nihai ürün

Arayüz

Hareketli grafik

Tipografi

Açıklama:

Dijital veya fiziksel bir ürünün imal edilmeden önce ilk sunumu, modeli veya örneği olarak adlandırılabilir.
Prototip

Doğru Cevap: A

Soru 5

Müşterinin gerçekleştirmek istediği görevi tamamlarken görevin aşamalarına göre yaşadığı olumlu ve olumsuz deneyimlerin gösterimini içeren müşteri yolcuğu haritaları hangi kullanıcı deneyimi kuralını yansıtır?

Tepe-Uç Kuralı

Fitt Kuralı

Jakob Kuralı

Miller Kuralı

Postel Kuralı

Açıklama:

Müşteri yolculuğu haritaları, müşterinin gerçekleştirmek istediği görevi tamamlarken görevin aşamalarına göre yaşadığı olumlu ve olumsuz deneyimlerin gösterimidir. Haritalar içerisinde kullanıcı profili bilgileri, kullanıcı senaryosu, deneyimler ve öngörüler bulunmaktadır. Yolculuk haritaları sayesinde bir web tasarımı kullanım akışı üzerine oluşturulacak deneyim stratejileri belirlenebilir. Özellikle deneyimin bitiş anlarında akılda kalıcı olumlu mesajlar, görseller vb. kullanıcıyı iyi hissettirecek eklentilerin kullanılması, tepe uç kuralı kapsamında deneyimin olumlu olarak hatırlanma- sına yardımcı olabilir.
Tepe uç kuralı, kişilerin yaşadıkları deneyimin ortalamasından ziyade, deneyimin zirve noktasının ve sonunun daha çok hatırlandığını kabul eden görüştür.

Doğru Cevap: A

Soru 6

Birbirine benzer birden fazla öge sunulduğunda içlerinde diğerlerinden en çok ayrışan ögenin en çok hatırlanması aşağıdakilerden hangisi ile açıklanır?

von Restroff efekti

Tesler Kuralı

Doherty Eşiği

Müşteri yolculuğu haritaları

Fitt Kuralı

Açıklama:

Von Restorff Etkisi olarak da bilinen İzolasyon Etkisi, mevcut birden çok benzer nesneden farklı olan bir öğenin hatırlanma olasılığının daha yüksek olacağını öne sürer. Söz konusu öğe daha az öne çıktığında, benzer şekilde hatırlanma olasılığı da azalır. Buradan hareketle, insanlar bir şeye ayrı ayrı mı yoksa bir alternatifin yanına yerleştirildiğinde mi diğerleriyle karşılaştırarak gözlemlerler. Farklı olmak daha akılda kalıcıdır.
Von Restorff Efekt veya etkisi

Doğru Cevap: A

Soru 7

I- Sayfa düzeni (layout)
II- Ana sayfanın değerlendirmesi
III- Tipografi
IV- Kodlama kalitesi
V- Hatalar/Arızalar
Yukarıda verilenlerden hangileri kullanıcı arayüzü bileşenlerindendir?

I-III ve IV

I ve II

III-IV ve V

I-II ve III

II ve V

Açıklama:

Web tasarımı bağlamında ele alındığında, genel hatlarıyla kullanıcı arayüzü bileşenleri şunlardır:

Sayfa düzeni (layout)

Tipografi

Hareketli grafikler (motion graphics)

Kullanıcı arayüzü bileşenleri şunlardır: I- Sayfa düzeni (layout)
III- Tipografi
IV- Kodlama kalitesi

Doğru Cevap: A

Soru 8

Arayüz tasarımına ilişkin aşağıdakilerden hangisi doğru bir ifadedir?

Arayüz tasarlanmadan önce tasarımın vermek istediği mesaj irdelenmeli

Bağlantılı işlevlere sahip ögeler farklı ızgaraları takip eden konumlara yerleştirilmeli

Soyutlanmış ikonlar yerine daha çok fotoğraf niteliğinde ikonlar kullanılmalı

Arayüz içerisinde tüm ögeler aynı anda eşit seviyede görünür olmalı

Arayüz görsel iş yükünü maksimum seviyeye çıkarmalı

Açıklama:

Benzer veya bağlantılı işlevlere sahip ögelerin aynı ızgarayı takip eden konumlara yerleştirilmesi kullanıcının akışı takip etmesini kolaylaştırır. Kolay akış için kimi mantıksal yollar tercih edilebilir.

Mümkün olduğunca fotoğraf niteliğinde ikonlardan uzak durulmalı, daha çok soyutlanmış ikonlar tercih edilmelidir.

Bir arayüz içerisinde tüm ögelerin aynı anda eşit seviyede görünür olması istenen bir durum değildir. Hiyerarşik yapı kapsamında hangi veri ve kontrol ögelerinin ilk bakışta anlaşılır olacağı, hangi ögelerin ise ihtiyaca yönelik erişilebilir olacağı konuları ele alınır. Örneğin görülmesi istenen ögeler yüksek kontrast seviyesiyle veya canlı renklerle ön plana çıkarılabilirken, önem

Arayüz tasarlanmadan önce tasarımın vermek istediği mesaj irdelenmeli

Doğru Cevap: A

Soru 9

A	B
daha fazla animasyon oluşturabilme seçeneği	fotoğraf düzenlemede daha detaylı seçeneklere sahip
çevrimiçi ortak kullanım özelliğini ön planda tutar	daha çok ortak kullanımı ön planda tutar
diğer programlar ile entegre çalışmamaktadır	çevrimdışı çalışmaya uygun değildir

Yukarıda A ve B olarak ifade edilen arayüz tasarım programları aşağıdakilerden hangisinde doğru sırayla verilmiştir?

InVision-Figma

AdobeXD-Sketch

Sketch-Invision

Figma-Adobe XD

Figma- InVision

Açıklama:

Invision Figma ile kıyaslandığında, Figma’nın fotoğraf düzenlemede daha detaylı seçeneklere sahip olduğu ve InVision’da daha fazla animasyon oluşturabilme olanağı olduğu söylenebilir. Ek olarak Figma daha çok ortak kullanımı ön planda tutarken, InVision çevrimiçi ortak kullanım özelliğini uygulamanın merkezinde tutmamaktadır. Program çok sayıda özelliği tek bir çatı altında sunmaktadır. Ancak program, diğer prog- ramlar ile entegre çalışmamaktadır. Entegrasyon problemi çalışmalarına farklı araçları dahil etmek isteyen tasarımcılar için problem yaratabilecek bir durum olarak göz önünde tutulabilir.
A- Invision
B- Figma

Doğru Cevap: A

Soru 10

Web tasarımlarında sıklıkla kullanılan geçiş teknikleriden biridir?

soldurma

statik davet

diyalog alanı oluşturma

otomatik tamamlama

modelleme

Açıklama:

Soldurma geçişi, özellikle tasarımdaki ögelerin silinmesi veya taşınması durumlarında kullanıcıyı bilgilendirmek amaçlı kullanılan geçici efektleri içerir. Örneğin, bir ögenin silinmesi esnasında, ilk olarak öge soluklaştırılır, sonra ögenin yeri boş olarak gösterilir ve öge silinme eylemi gerçekleşti- ğinde aradaki boşluk kapanır. Bu durum kullanıcıya ögenin silinme sürecini aşama aşama bildirir- ken sonuç olarak ilgili ögenin silindiğini belirtir. Soldurma yöntemi bir ögeyi bir listeden silerken, ögenin silinme süreçleri hakkında bilgi verirken ve bir ögenin bir yerden diğer bir yere taşınmasında konumsal bil
Web tasarımlarında sıklıkla kullanılan geçiş teknikleri aydınlatma ve karartma (brighten ve dim), genişletme/gizleme (expand/collapse), soldurma (self- healing fade), animasyon ve spot ışığı (spotlight) olarak gösterilebilir.

Doğru Cevap: A

Soru 11

Bir tasarımın piyasaya sürülmeden veya kullanıma açılmadan önce gerçeğini temsil edebilecek nitelik ve özelliklere sahip olan versiyonuna ne denir?

Örnek

Prototip

Kopya

Taklit

Replika

Açıklama:

Prototip: Bir tasarımın piyasaya sürülmeden veya kullanıma açılmadan önce gerçeğini temsil edebilecek nitelik ve özelliklere sahip olan versiyonu

Doğru Cevap: B

Soru 12

Bir web tasarımında bir etkileşim ögesinin tıklanamayacak kadar küçük olduğu yargısına varan kullanıcı bu durumun sonucu olarak öfkelenebilir. Bu durumu yaşayan bir kullanıcı sırasıyla aşağıdakilerden hangisini yaşar?

Estetik deneyim-Duygusal deneyim

Anlamsal deneyim-Estetik deneyim

Algısal deneyim-Estetik deneyim

Fiziksel deneyim-Fizyolojik deneyim

Süreçsel deneyim-Anlamsal deneyim

Açıklama:

Estetik deneyim ve anlamsal deneyim, ikinci aşamada kullanıcı üzerinde duygusal bir deneyime dönüşür. Örneğin, bir web tasarımında bir etkileşim ögesinin tıklanamayacak kadar küçük olduğu yargısına varan (estetik deneyim) kullanıcı bu durumun sonucu olarak öfkelenebilir (duygusal deneyim).

Doğru Cevap: A

Soru 13

İnsanın kısa süreli hafızası üzerine yaptığı incelemelerde yetişkin bir bireyin ortalama 7 (-2,+2) temel benzer bilgi parçasını kısa süreli hafızasında tutabildiğini tespit eden kişi kimdir?

Howard Gardner

Abraham Maslow

Ivan Pavlov

Albert Einstein

George Miller

Açıklama:

Zihinsel süreçlerle ilgili diğer bir kural zihinsel psikolog George Miller’ın tarafından öne sürülen Miller Kuralı’dır. Miller (1956) insanın kısa süreli hafızası üzerine yaptığı incelemelerde yetişkin bir bireyin ortalama 7 (-2,+2) temel benzer bilgi parçasını kısa süreli hafızasında tutabildiğini tespit etmiştir. Her ne kadar sonraki çalışmalar bulunan 7 rakamı üzerine çeşitli tartışmalarda bulunsa da buradaki temel bağlam insanın kısa süreli hafızasının limitli bilgiyi depolayabildiğini ortaya koymaktır.

Doğru Cevap: E

Soru 14

Web tasarımlarında birbirine benzer birden fazla öge sunulduğunda içlerinde diğerlerinden en çok ayrışan ögenin en çok hatırlanması aşağıdakilerden hangisi ile açıklanır?

Doherty Eşiği

von Panovski hedefi

von Restroff efekti

Miller Kuralı

Kahneman etkisi

Açıklama:

Birbirine benzer birden fazla öge sunulduğunda içlerinde diğerlerinden en çok ayrışan ögenin en çok hatırlanması von Restroff efekti ile açıklanır. Web tasarımlarında kullanılan ögeler renk, şekil, boyut, konum ve hareket açılarından birbirine benzer veya birbirinden farklı olabilir. Bir örnek olarak web uygulamalarında üyelik ücretleri ekranlarında genelde bir üyelik tipi diğerlerinden ayrıştırılarak en değerli olarak lanse edilir. Bu üyelik tipi, diğer seçeneklerden ayrıştırılacak görsel ögeler (örneğin kontrast renk veya bir açıklama) içerir ve kullanıcının dikkatini yoğunlaştırmasına yol açar. Arayüzler tasarlanırken de her bir ögenin kullanıcının dikkatini yönetecek şekilde kurgulanmasına özen gösterilir.

Doğru Cevap: C

Soru 15

Yazıyı renk, boyut, hizalama ve benzeri parametreler üzerinden belirlenmiş bir forma sokma sanatına ne denir?

Kompozisyon

Hizalama

Perspektif

Hiyeroglif

Tipografi

Açıklama:

Tipografi yazıyı renk, boyut, hizalama ve benzeri parametreler üzerinden belirlenmiş bir forma sokma sanatıdır.

Doğru Cevap: E

Soru 16

Bu kavram kullanılabilirliğin beş kriterinden biridir. Tasarım içerisindeki görevleri ne kadar hızlı yerine getirdiği ile ilgilidir. Zamanın giderek daha değerli olduğu günümüzde kullanıcılar web tasarımlarında görevleri hızlı bir şekilde yerine getirmeyi hedeflerler. Bu kavram açıklaması aşağıdakilerden hangisidir?

Öğrenilebilirlik

Hatırlanabilirlik

Tatmin

Efektiflik

Hatalar/Arızalar

Açıklama:

Efektiflik ise kullanıcıların ilgili web tasarımı bileşenlerini kavradığında, tasarım içerisindeki
görevleri ne kadar hızlı yerine getirdiği ile ilgilidir. Zamanın giderek daha değerli olduğu günümüzde
kullanıcılar web tasarımlarında görevleri hızlı bir şekilde yerine getirmeyi hedeflerler.

Doğru Cevap: D

Soru 17

Bir web tasarımı her ne kadar fonksiyonel açıdan kusursuz olsa dahi sıkıcı olmamalı, kullanımı zevkli ve keyifli olmalıdır. Sıkıcı tasarımlar kullanıcının tasarımdan uzaklaşmasına neden olabilir. Kullanılabilirliğin beş kriterinden biri olan bu kavram açıklaması aşağıdakilerden hangisidir?

Efektiflik

Hatalar/Arızalar

Hatırlanabilirlik

Öğrenilebilirlik

Tatmin

Açıklama:

Doğru Cevap: E

Soru 18

Bir kullanıcı bir web tasarımını kullanırken zorlanıyor, okunamıyor ve sayfalar arasında kayboluyor ise ilk hissedecekleri savunma içgüdüsü aşağıdakilerden hangisidir?

Müşteri hizmetlerini arama

Terketme

Bilgisayarı katma

Güncelleme

Enerji kaynağını kontrol etme

Açıklama:

Bir kullanıcı bir web tasarımını kullanırken kaybolduğunda tasarımı terk edecektir. Eğer bir web tasarımı okunamıyor ise terk etmek yine kullanıcının tercih edeceği ilk eylem olacaktır.
Terketme

Doğru Cevap: B

Soru 19

Bir tasarımın piyasaya sürülmeden veya kullanıma açılmadan önce gerçeğini temsil edebilecek nitelik ve özelliklere sahip olan versiyonuna ne ad verilir?

Test

Model

Prototip

Konsept

Demo

Açıklama:

Prototip: Bir tasarımın piyasaya sürülmeden veya kullanıma açılmadan önce gerçeğini temsil edebilecek nitelik ve özelliklere sahip olan versiyonu.

Doğru Cevap: C

Soru 20

Deneyim kullanıcılar öznelinde gerçekleşir. Doğası gereği deneyim özneldir ve geçici özelliktedir. Bu nedenle deneyimin bireysel olduğu söylenebilir. Buna göre deneyim aşağıdakilerden hangisinden etkilenir?

Zaman

Bilgi

Teknoloji

Bireyler

Eğitim

Açıklama:

Deneyim zaman ve bağlamdan etkilenir (Coxon, 2015).

Doğru Cevap: A

Soru 21

"Bir web tasarımında bir etkileşim ögesinin tıklanamayacak kadar küçük olduğu yargısına varan kullanıcı bu durumun sonucu olarak öfkelenebilir."
Bu durum hangi deneyim türüne örnek olarak gösterilebilir?

Fiziksel deneyim

Estetik deneyim

Anlamsal deneyim

Duygusal deneyim

Bilişsel deneyim

Açıklama:

Kullanıcı, duyuları aracılığıyla elde ettiği verileri birtakım zihinsel süreçlerden geçirerek deneyime dönüştürür. Estetik deneyim, kullanıcının fiziksel bir etkileşim sonrasında hissettikleri üzerinedir. Anlamsal deneyim ise, girilen etkileşimin kullanıcı tarafından yorumlanmasıdır. Estetik deneyim ve anlamsal deneyim, ikinci aşamada kullanıcı üzerinde duygusal bir deneyime dönüşür. Örneğin, bir web tasarımında bir etkileşim ögesinin tıklanamayacak kadar küçük olduğu yargısına varan (estetik deneyim) kullanıcı bu durumun sonucu olarak öfkelenebilir (duygusal deneyim).

Doğru Cevap: D

Soru 22

Kullanıcı deneyimi esaslarını kimi kurallar ve tanımlamalar çerçevesinde ele alınmıştır. Bu kurallar ve çerçevelerden biri şöyle açıklanmıştır. Kullanıcılar hâlihazırda bildikleri ve aşina oldukları şekilde çalışan tasarımları tercih ederler. Bu kural çeşidi aşağıdakilerden hangisidir?

Fitt Kuralı

Tesler Kuralı

Tepe-Uç Kuralı

Doherty Eşiği

Jakob Kuralı

Açıklama:

Jakob Kuralı’na göre kullanıcılar, bir tasarımda
daha önceden alışkın oldukları özellikleri yeni bir tasarımda
da görmeyi arzularlar. Bu sayede kullanıcı,
arayüzün nasıl kullanılacağını ve hangi eylemlerin
mümkün olabileceğini bilir.

Doğru Cevap: E

Soru 23

Piyasada bulunan en eski arayüz tasarım yazılımlarından birisidir. MacOS tabanlı bir uygulama olup kullanıcılara çevrimdışı çalışma olanağı sunmaktadır. Masaüstü ve dizüstü bilgisayar platformlarında kullanıma uygundur. Açıklaması yapılan bu arayüz programı aşağıdakilerden hangisidir?

Sketch

InVision

Figma

Adobe XD

InDesign

Açıklama:

Sketch, piyasada bulunan en eski arayüz tasarım yazılımlarından birisidir. MacOS tabanlı
bir uygulama olup kullanıcılara çevrimdışı çalışma olanağı sunmaktadır. Masaüstü ve dizüstü
bilgisayar platformlarında kullanıma uygundur.

Doğru Cevap: A

Soru 24

Kullanıcı ile tasarımlar arasında zengin etkileşimler kurabilmek adına bazı prensipler belirlenmiştir. Aşağıdakilerden hangisi bu prensiplerden değildir?

Davetkâr olmalı

Geçişler kullanılmalı

Estetik olmalı

Hafif olmalı

Sayfada kalmalı

Açıklama:

Scott ve Neil (2009) kullanıcı ile tasarımlar arasında zengin etkileşimler kurabilmek adına şu prensipleri belirlemiştir:
• Doğrudan olmalı
• Hafif olmalı
• Sayfada kalmalı
• Davetkar olmalı
• Geçişler kullanmalı
• Ani reaksiyon gösterebilmeli
Estetik olmalı

Doğru Cevap: C

Soru 25

Bir içerik içerisinde arama yaparken kullanıcıya destek olabilmek adına verilen gerçek zamanlı arama (örüntülerinden) desteklerinden en sık kullanılanlardan aşağıdakilerden hangisi değildir?

Canlı öneri

Rafine arama

Otomatik tamamlama

Bireysel tarama

Canlı arama

Açıklama:

Bir içerik içerisinde arama yaparken kullanıcıya destek olabilmek adına verilen gerçek zamanlı arama
desteklerinden en sık kullanılanları şunlardır:
• Otomatik tamamlama (auto complete)
• Canlı öneri (live suggest)
• Canlı arama (live search)
• Rafine arama (refining search)
Bireysel tarama

Doğru Cevap: D

Soru 26

Arayüz, kullanıcıların yapabileceği eylemler noktasında yol gösterici işaretler taşımalıdır. En yaygın kullanılan işaret edici ögeler nedir?

Bağlaçlar

Mesajlar

İkonlar

Kelimeler

Nesneler

Açıklama:

Arayüz, kullanıcıların yapabileceği eylemler noktasında yol gösterici işaretler taşımalıdır. En yaygın kullanılan işaret edici ögeler ikonlardır.

Doğru Cevap: C

Soru 27

Aşağıdakilerden hangisi arayüz tasarım programlarından biri değildir?

Figma

Sketch

Adobe XD

InVision

Sketches

Açıklama:

Son yıllarda kullanıcı arayüzü geliştirme üzerine çalışmaların yoğunlaşmasıyla birlikte arayüz tasarım programlarının sayısında büyük oranda artış görülmektedir. Temelde hedeflenen arayüz tasarımı olsa da ilgili programların birbirleri arasında çeşitli farklılıklar bulunmaktadır. Figma, Sketch, Adobe XD ve InVision başlıca kullanılan arayüz tasarım programlarındandır.

Doğru Cevap: E

Soru 28

Bir web tasarımında herhangi bir eylemi gerçekleştirebilmek için kullanıcının belli bir karar vermesini gerektiren durumlarda (satın al, devam et, iptal et ve benzeri komutlar) ortaya çıkan gömülü alanlar veya katmanlara ne ad verilir?

Gizli bölmeler

Saklı bölümler

Sohbet odaları

Diyalog alanları

Deep web

Açıklama:

Diyalog alanları, bir web tasarımında herhangi bir eylemi gerçekleştirebilmek için kullanıcının belli bir karar vermesini gerektiren durumlarda (satın al, devam et, iptal et ve benzeri komutlar) ortaya çıkan gömülü alanlar veya katmanlardır.

Doğru Cevap: D

Soru 29

Karşıt olma durumu, zıddiyet, tezat, zıtlığa ne ad verilir?

Ritm

Denge

Kontrast

Ahenk

Kompozisyon

Açıklama:

Kontrast: Karşıt olma durumu, zıddiyet, tezat, zıtlık

Doğru Cevap: C

Soru 30

Kullanıcıya aradığı kavram hakkında çeşitli filtreleme olanaklarını gerçek zamanlı olarak sunabilmesini sağlayan bir geri bildirim çeşidi aşağıdakilerden hangisidir?

Rafine arama

Hızlı arama

Genel arama

Geniş arama

Yavaş arama

Açıklama:

Rafine arama, kullanıcıya aradığı kavram hakkında çeşitli filtreleme olanaklarını gerçek zamanlı olarak sunabilmesini sağlayan bir geri bildirim çeşididir.

Doğru Cevap: A

Ünite 8

Soru 1

Kurumsal kimlik oluşturulması

Veritabanı ve içerik yönetim sistemi (İYS) eşleştirmesi

Web tasarımın uyarlanması

Web sitesinin yayınlanması

Web sitesinin arama motorlarında indekslenmesi

Web grafik tasarımının temel yapı taşları yukarıdakilerden hangileridir?

Yalnız I ve II

I, II ve III

III, IV ve V

I, II, IV ve V

II, III, IV ve V

Açıklama:

WEB GRAFİK TASARIMININ TEMEL YAPI TAŞLARI
Hedef kitle analizinin yapılması,
Kurumsal bir kimlik oluşturulması,
Web grafik tasarımının hazırlanması
Web tasarım kodlarının yazılması
Veritabanı ve içerik yönetim sistemi (İYS) eşleştirmesi
Web sayfalarının test edilme süreci
Web sitesinin yayınlanması
Web sitesinin arama motorlarında indekslenmesi

Doğru Cevap: D

Soru 2

Renk, şekil ve çizgi gibi ögelerin düzenli veya düzensiz bir şekilde tekrar etmesi olarak ifade edilen Web grafik tasarımının temel ilkesi aşağıdakilerden hangisidir?

Bütünlük

Örüntü

Alan

Oran

Zıtlık

Açıklama:

Örüntü: Renk, şekil ve çizgi gibi iki ya da üç boyutlu ögelerin tasarım elemanlarının bir düzeni oluşturması ya da tamamen düzensiz bir şekilde tekrar etmesi tasarımda bir kalite oluşturmak için faydalı olabilmektedir.

Doğru Cevap: B

Soru 3

Kullanıcı dostu bir web sitesinin kullanılabilirliğini etkileyen en öneml unsur aşağıdakilerden hangisidir?

Navigasyon

Etkileşim ve etkileşimlilik

Çoklu ortam

Uyumluluk

Teknoloji

Açıklama:

Kullanıcı Dostu Web Grafik Tasarımı Geliştirme Unsurları
Navigasyon: Bir web sitesinin kullanılabilirliğini etkileyen en önemli özelliklerden birinin dolaşma gezgini, yani navigasyon araçları olduğu söylenebilir. Bu araçlar sayesinde web sitesi ziyaretçilerinin site içinde neyi nerede aradıklarını rahatlıkla bulabilecekleri bir hiyerarşi inşa edilmesi amaçlanmaktır. Bunun test edilmesi için göz takip cihazları sayesinde analizler yapılarak bir web sitesindeki en etkili navigasyon araç takımının tasarlanması kurgulanabilir.

Doğru Cevap: A

Soru 4

Web grafik tasarımında açık, koyu, ton ve parlaklık gibi ışık ayarlarını ifade eden temel tasarım elemanı aşağıdakilerden hangisidir?

Renk

Denge

Değer

Uyum

Vurgu

Açıklama:

Değer: Tasarımların ışık ayarlarını ifade etmektedir. Bu ayarları açık, orta ve koyu olarak sınıflandırmak mümkündür. Değer aynı zamanda ton ve parlaklık değerleri olarak da karşımıza çıkabilmektedir.

Doğru Cevap: C

Soru 5

"Bir web sitesinin hızlı ve kullanıcı dostu olabilmesi adına dikkat edilmesi gereken alternatif yöntemlerden biri de web sitesine ve sisteme bir “.................” sisteminin kurulması olabilir."
Yukarıdaki cümlede boş bırakılan yeri aşağıdakilerden hangisi doğru şekilde tamamlar?

Puanlama

Analitik

İşletim

Cache

Uyarı

Açıklama:

Bir web sitesinin hızlı ve kullanıcı dostu olabilmesi adına dikkat edilmesi gereken alternatif yöntemlerden biri de web sitesine ve sisteme bir “Cache” sisteminin kurulması olabilir.

Doğru Cevap: D

Soru 6

"Bir web sitesinde içerik olarak yer alan çoklu medya bileşenleri oldukça fazla yer kaplayan ve dolayısıyla site açılış ve sayfa yüklenme hızını etkileyen birimlerdir. Bu sebeple web sitesinde kullanılacak görsellerin JPEG ya da ............ uzantılı olarak kullanılması ve sitenin alt birimlerinin (butonlar, tablolar, yönlendirme araçları vb.) ............ kodları ile oluşturulması önerilebilir."
Yukarıdaki cümlede boş bırakılan yerleri aşağıdakilerden hangisi doğru şekilde tamamlar?

TGA / CSS

TIFF / C++

PSD / SQL

PNG / C++

PNG / CSS

Açıklama:

Çünkü bir web sitesinde içerik olarak yer alan çoklu medya bileşenleri oldukça fazla yer kaplayan ve dolayısıyla site açılış ve sayfa yüklenme hızını etkileyen birimlerdir. Bu sebeple web sitesinde kullanılacak görsellerin JPEG ya da PNG uzantılı olarak kullanılması ve sitenin alt birimlerinin (butonlar, tablolar, yönlendirme araçları vb.) CSS kodları ile oluşturulması önerilebilir.

Doğru Cevap: E

Soru 7

Denetim

Uyarı

Şifreleme

Önleme

Bir web sitesi güvenlik aracının temel olarak vermesi gereken hizmetler yukarıdakilerden hangileridir?

Yalnız I

Yalnız I ve IV

I, II ve IV

I, III ve IV

II, III ve IV

Açıklama:

Bir web sitesi güvenlik aracının temel olarak üç hizmet vermesi beklenebilir. Bunları aşağıdaki gibi
sıralamak mümkündür:

Denetim

Uyarı

Önleme

Doğru Cevap: C

Soru 8

"Bir internet dağıtım protokolü olan “...........”, güvenli metin aktarma olarak tanımlanabilir."
Yukarıdaki cümlede boş bırakılan yeri aşağıdakilerden hangisi doğru şekilde tamamlar?

SSL

HTTPS

HTML

IPsec

IPPS

Açıklama:

Https’in aktifleştirilmesi: Bir internet dağıtım protokolü olan “https”, güvenli metin aktarma olarak tanımlanabilir.

Doğru Cevap: B

Soru 9

https’in aktifleştirilmesi
Güncel olmayan bilgilerin silinmesi
Dosyaların yedeklenmesi
Otomatik şifre oluşturma operatörlerinin kullanılması
Kullanılmayan eklentilerin silinmesi

Bir web sitesine güvenlik testi uygularken yukarıdaki ipuçlarından hangilerine dikkat edilmesi gerekir?

Yalnız I ve III

II, III ve IV

II, IV ve V

I, II, IV ve V

I, III, IV ve V

Açıklama:

Bir web sitesinin güvenlik testleri yapılırken kullanılan araçların yanı sıra bazı ipuçlarını takip
etmek de faydalı olabilir.

Https’in aktifleştirilmesi
Kullanılmayan eklentilerin devre dışı bırakılması ya da kaldırılması
Dosyaların yedeklenmesi
Otomatik şifre oluşturma operatörlerinin kullanılması

Doğru Cevap: E

Soru 10

Aşağıdakilerden hangisi Google Analitikler aracının analiz ettiği ve değerlendirdiği parametrelerden biri değildir?

Ziyaretçilerin demografik bilgileri

Ziyaret saatleri ve aralıkları

İncelenen sayfalar ve incelenme sıklıkları

Trendlere göre içerik oluşturulması

Genel ziyaretçi hareketleri

Açıklama:

Google analitikler (Google analytics): Google tarafından piyasaya sürülen ücretsiz bir araç olan Google Analitikler, SEO çalışmalarına başlangıç aşaması için önemli ve değerli bir araçtır. Bir web sitesinin;
• ziyaretçi sayısı,
• ziyaretçilerin demografik bilgileri,
• ziyaret saatleri ve aralıkları,
• incelenen sayfalar ve incelenme sıklıkları ve
• genel ziyaretçi hareketleri
gibi farklı parametreleri analiz etmeye ve değerlendirmeye yarayan bu araç ile kullanıcı deneyimi ve
arama sonucu optimizasyonu gibi çalışmaları verilere dayalı yürütmek mümkündür.

Doğru Cevap: D

Soru 11

Web sitelerinin oluşturulmasında tasarım ögelerinin etkin kullanımı için yapılması gereken ilk çalışma aşağıdaki ifadelerden hangisidir?

Web tasarım kodlarının yazılması.

Web sitesinin arama motorlarında indekslenmesi.

Web sayfalarının test edilmesi.

Hedef kitle analizinin yapılması.

Kurumsal bir kimlik oluşturulması.

Açıklama:

Oluşturulması ve yayınlanması planlanan web sitelerinin öncelikli olarak kimlere hitap ettiğinin analiz etmesinin önemli olduğu söylenebilir. Tasarım ögelerinin bu analizler sonucunda etkin ve etkili kullanımından söz etmek mümkün olacaktır.

Doğru Cevap: D

Soru 12

Web sayfalarının görüntülenmesini sağlayan yazılımlara verilen ad aşağıdaki ifadelerden hangisidir?

Servis sağlayıcılar.

Internet protokol.

Web tarayıcısı.

DNS.

WAN.

Açıklama:

Farklı internet tarayıcılarında (Google Chrome, Opera, Mozilla Firefox vb.) görüntülenmesi amaçlanan web sayfalarını HTML, CSS, JavaScript, PHP, ASP. Net, SQL ve Python gibi farklı programlama dilleri ile kodlamak mümkündür.

Doğru Cevap: C

Soru 13

Web tasarımında yaygın olarak kullanılan programlama dili aşağıdaki ifadelerden hangisidir?

JavaScript.

Lingo.

C++

Fortran.

Pascal.

Açıklama:

Doğru Cevap: A

Soru 14

Site içeriklerinin güncellenmesi, düzenlenmesi ve silinmesi gibi faaliyetlerin kontrol edilmesi işlemi aşağıdaki ifadelerden hangisidir?

Processing.

Dosya transfer protokolü.

Arama Motoru Optimizasyonu.

UDP (User Datagram Protocol).

Veritabanı ve içerik yönetim sistemi eşleştirmesi.

Açıklama:

Veritabanı ve içerik yönetim sistemi (İYS) eşleştirmesi: Site içeriklerinin güncellenmesi, düzenlenmesi ve silinmesi gibi faaliyetlerin kontrol edilmesi gerekebilmektedir. Bu noktada öncelikle bu içerikler bir veritabanı oluşturularak sitenin yayınlanan görünür arayüzü ile eşleştirilmelidir.

Doğru Cevap: E

Soru 15

Web sitelerin sayfa açılış hızı için Google tarafından önerilen ortalama zaman dilimi aşağıdaki ifadelerden hangisidir?

2 saniye.

4 saniye.

6 saniye.

8 saniye.

10 saniye.

Açıklama:

Web sitelerini oluşturan sayfaların ziyaret edilmesi ve görüntülenmesi için geçen süreyi ifade eden sayfa açılış hızı, web sitelerinin dinamiklerini etkileyen önemli bir faktörü temsil etmektedir. Bu süre için Google tarafından önerilen zaman dilimi ortalama 2 saniyedir.

Doğru Cevap: A

Soru 16

Puanlama sistemi üzerinden değerlendirmeler yaparak bir web sitesinin hızını etkileyen faktörleri test eden yazılım aşağıdaki ifadelerden hangisidir?

Pingdom.

PageSpeed Insights.

Google analytics.

GTMetrix.

Google Trends.

Açıklama:

GTMetrix, bilinen en eski ücretsiz sayfa hızı test etme araçlarından biridir. Web sitelerinin hızını etkileyen senaryoları puanlayarak bir başarı sıralaması yapan bu araç sayesinde puanı düşük olan bileşenlerin web sitesinin hızını arttıracak şekilde düzenlenmesine yönelik rehber niteliğinde bir rapor oluşturulmaktadır.

Doğru Cevap: D

Soru 17

İnternet tarayıcılarında sunucular aracılığıyla barınan alan isimlerine giden yolu tarif eden “.xml” uzantılı dosyalara verilen ad aşağıdaki ifadelerden hangisidir?

Algoritma.

Sitemap.

URL.

CSS.

FTP.

Açıklama:

Sitemap, internet tarayıcılarında sunucular aracılığıyla barınan alan isimlerine giden yolu tarif eden bir rehber olarak tanımlanabilir.

Doğru Cevap: B

Soru 18

Aşağıdaki ifadelerden hangisi SitemapXML dosyasının hazırlanmasında sınırlayıcı etkenlerden biri değildir?

Dosya boyutu en fazla 50 GB olmalıdır.

URL sayısı 50.000’i geçmemelidir.

Site haritaları en fazla 1.000 URL içermelidir.

Her URL için bir loc ve lastmod XML etiketi kullanılmalıdır.

Sayfa açılış hızı 5 saniyeyi geçmemelidir.

Açıklama:

Haritalanacak web sitelerinin dosya boyutu en fazla 50 GB olmalıdır. Ayrıca bir web sitesinde bulunan URL sayısı 50.000’i geçmemelidir. Medya içeriklerinin yer aldığı site haritaları en fazla 1.000 URL içermelidir. Haritası çıkarılan web sitelerinde yer alan her URL için bir loc ve lastmod XML etiketi kullanılmalıdır.

Doğru Cevap: E

Soru 19

Arama motorlarına bir web sayfasının ne ile ilgili olduğunu açıklamak için kullanılan HTML etiketi aşağıdaki ifadelerden hangisidir?

head.

meta.

body.

object.

embed.

Açıklama:

Bir HTML etiketi olan “” etiketi sayesinde arama motorlarına bir web sayfasının ne ile ilgili olduğunu açıklamak daha rahat ve etkili olabilmektedir. Bu açıklamalar birkaç kelimeden oluşabileceği gibi kısa bir paragraftan da oluşabilmektedir.

Doğru Cevap: B

Soru 20

Arama motoru optimizasyonunu(SEO) test eden yazılım aşağıdaki ifadelerden hangisidir?

GTMetrix.

Pingdom.

Google Analytics.

PageSpeed Insights.

Netsparker.

Açıklama:

Google Analitikler, bir web sitesinin; ziyaretçi sayısı, ziyaretçilerin demografik bilgileri, ziyaret saatleri ve aralıkları, incelenen sayfalar ve incelenme sıklıkları ve genel ziyaretçi hareketleri gibi farklı parametreleri analiz etmeye ve değerlendirmeye yarar.

Doğru Cevap: C

Web Grafik Tasarımı - Tüm Sorular

Ünite 1

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Ünite 2

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler