“Internet” (interconnected network), dünya çapındaki bilgisayar ağlarının birbirine bağlanmasıyla oluşan küresel bir iletişim altyapısıdır. Web tasarımı, bu ağ üzerinde sayfaların düzenlenmesi ve sunulması işlevini yerine getirir.
20 soru
Şıkka dokun, anında açıklamasını gör — ya da çalışma modunda tüm cevapları aç.
Soru 1
Internet kelimesi …………………. kelimelerinin kısaltılmış halidir. Yukarıdaki cümlede boş bırakılan yere aşağıdakilerden hangisi gelmelidir?
ADoğru cevap
Açıklama
“Internet” sözcüğü, “interconnected network” ifadesinin kısaltmasıdır.
Bu ifade, dünya çapında milyonlarca bilgisayar ağının birbirine bağlı olduğu küresel ağı ifade eder.
Web tasarımı açısından, internetin bu geniş bağlantı altyapısı üzerinde çalışması SEO optimizasyonu ve erişilebilirlik için önemlidir.
Soru 2
Bir web sayfasında alt pencereler oluşturulmasına olanak sağlayan, sayfanın birden fazla alana bölünüp farklı görüntüleme seçenekleri sunan ana yapı aşağıdakilerden hangisidir?
CDoğru cevap
Açıklama
Çerçeveler (frames), bir tarayıcı penceresinde birden fazla bölme oluşturarak
kullanıcılara aynı anda farklı içerik parçalarını gösterme olanağı sağlar.
Modern web tasarım trendlerinde artık çok sık kullanılmasa da tarihsel olarak önem taşır ve SEO uyumlu tasarımda da çerçevelerden kaçınmak tavsiye edilir.
Soru 3
Evrensel (global) seçici tanımlamak üzere kullanılan özel işaret aşağıdakilerden hangisidir?
ADoğru cevap
Açıklama
CSS içerisinde “*” ifadesi, evrensel seçiciyi belirtir ve sayfadaki tüm HTML öğelerini hedef almak için kullanılır.
Global stil tanımlamaları (örneğin sıfırlama stilleri) SEO açısından içerik sunumunun tutarlı olmasını ve kullanıcı deneyiminin gelişmesini sağlar.
Soru 4
const dizi1 = [100, 150, 45, 68, 17, 85, 179, 247, 23, 64];
Dizi içerisinde yer alan 179 sayısını bir a değişkenine atayan kod satırı aşağıdakilerden hangisidir?
DDoğru cevap
Açıklama
Dizilerde indeks numaraları 0’dan başlar. 179 değeri, dizi1’de altıncı indekstedir (0,1,2,3,4,5,6).
JavaScript kodlamasında doğru değer alınabilmesi için bu indeksin kullanılması gerekir.
Soru 5
Bir tabloda iki satır birleştirilmek istendiğinde aşağıdaki etiketlerden hangisi kullanılmalıdır?
ADoğru cevap
Açıklama
HTML tablolarında satır birleştirme işlemi “rowspan” özelliği ile yapılır.
Hücreyi (td) 2 veya daha fazla satıra yaymak istediğinizde “rowspan” kullanmak doğru yaklaşımdır.
SEO’da tablo yapıları, veri düzenini kolay okunur kılar.
Soru 6
“ etiketinde, başlığın sayfanın neresinde görüntülenmesi talep ediliyorsa bunun etiket içerisinde belirtilebilmesi için ……………..
parametresinden yararlanılmaktadır.”
DDoğru cevap
Açıklama
“align” parametresi, başta olmak üzere birçok HTML etiketinde
içeriğin konumunu (sola, sağa, ortala vb.) belirlemek için kullanılır.
Ancak HTML5 ile birlikte CSS ile hizalama yapmak daha modern ve SEO-dostu bir yaklaşımdır.
Soru 7
“…… diğer metin ve kaynaklara hiperbağlantılar ile referans gösterebilir, imaj, fotoğraf, video, tablo, matematik formülleri vs. içerik sunabilirler.”
Yukarıdaki boşluğa aşağıdakilerden hangisi gelmelidir?
DDoğru cevap
Açıklama
Hipermetin (hypertext), bir metin içerisinden başka belgelere, sayfalara veya kaynaklara bağlantı vermeyi mümkün kılar.
Web tasarımında, SEO açısından bağlantıların doğru kullanılması arama motoru görünürlüğüne katkı sağlar.
Soru 8
“id” tabanlı seçici tanımlamak üzere kullanılan özel işaret aşağıdakilerden hangisidir?
DDoğru cevap
Açıklama
CSS’te “#” simgesi, “id” değerine sahip HTML etiketlerini seçmek için kullanılır.
Örneğin #main { color: red; } gibi bir tanımlama, id=”main” olan etikete stil uygular.
Soru 9
I. Safari
II. NeXTStep
III. Netscape
IV. Firefox
V. Opera
Yukarıda verilenlerden hangileri günümüz web tarayıcıları arasında yer alır?
BDoğru cevap
Açıklama
Safari (Apple), Firefox (Mozilla) ve Opera (Opera Software) günümüzde yaygınca kullanılan modern web tarayıcılarıdır.
NeXTStep ise bir işletim sistemiydi, Netscape ise eski bir tarayıcıdır.
SEO araçları ve testleri genellikle bu yaygın tarayıcılarda yapılır.
Soru 10
Karakter serisinin belirli bölümünü almak üzere kullanılan metod aşağıdakilerden hangisidir?
CDoğru cevap
Açıklama
JavaScript’te “slice()” metodu, bir dizge veya diziden belirli bir bölümü kopyalayarak yeni bir değer döndürmek için kullanılır.
Kullanıcı deneyimi ve SEO bakımından dinamik içerik manipülasyonunda sıkça tercih edilir.
Soru 11
“……….. metodu ile veri gönderilirken veri herkese açıktır, form parametreleri adres çubuğunda görüntülenir ve karakter sayısında sınır vardır.”
Yukarıdaki ifadedeki boşluğa aşağıdakilerden hangisi gelmelidir?
ADoğru cevap
Açıklama
“get” metodu, form verisini URL üzerinden gönderir, bu yüzden görünür ve belirli bir karakter limitine tabidir.
Arama motoru optimizasyonu (SEO) açısından URL’ler anlamlı olmalıdır fakat hassas veriler “get” ile gönderilmemelidir.
Soru 12
Yuvarlatılmış ve üstel notasyon kullanılarak yazılmış bir sayıyı içeren dizeyi döndüren metod aşağıdakilerden hangisidir?
CDoğru cevap
Açıklama
JavaScript’te “toExponential()”, bir sayıyı üstel (scientific) notasyon şeklinde yazılmış dize olarak döndürür.
Sayısal verilerin sunumunda SEO faktörü düşük olsa da, doğru veri gösterimi kullanıcı memnuniyeti için önemlidir.
Soru 13
Sıralı liste yapısı oluşturmak için aşağıdaki etiketlerden hangisi öncelikle kullanılmalıdır?
EDoğru cevap
Açıklama
HTML’de numaralı (sıralı) liste yapmak için etiketi kullanılır.
etiketleri ise her bir maddeyi belirtir. Sıralı listeler, SEO açısından içeriği düzenli ve anlaşılır kılar.
Soru 14
“CSS dosyalarını HTML dosyalarına entegre etmek için kullanılan etiketi, yer aldığı dosya ile dış bir dosya arasında bağlantı kurulmasını sağlar.
Etiket içerisinde yer alan ………. parametresi, bağlantı yapılan dış dosyaya hangi amaçla bağlanıldığını ifade etmek için kullanılır.”
Yukarıdaki cümlede boşluğa aşağıdakilerden hangisi gelmelidir?
BDoğru cevap
Açıklama
gibi kullanımlarda “rel” (relationship) parametresi,
linkin ne amaçla ilişkilendirildiğini (örn. stylesheet) belirtir. Bu bilgi, tarayıcı ve SEO uyumluluğu için önemlidir.
Soru 15
Web geliştirme süreci en genel haliyle beş adımdan meydana gelir. Bu adımlardan üçüncüsü aşağıdakilerden hangisidir?
CDoğru cevap
Açıklama
Web geliştirme sürecinde tipik sıralama:
1) Hedef Belirleme, 2) Tasarım, 3) Geliştirme, 4) Test, 5) Yayın-Bakım-Güncelleme şeklindedir.
Geliştirme aşaması, sitenin fonksiyonel olarak kodlandığı, SEO ve diğer teknik yapılandırmaların yapıldığı kritik süreçtir.
Soru 16
“file:///F:/webTasarim/WebSayfasi/iletisim.php?username=webTasarim&pas=123456&enter=Gönder”
Bir form vasıtasıyla kullanıcı adı ve şifre girilip ardından giriş düğmesine basıldığında yukarıdaki bağlantı adres çubuğunda görüntüleniyorsa, sayfalar arası istemci-sunucu sürecinde hangi metod kullanılmıştır?
EDoğru cevap
Açıklama
Adres çubuğunda form parametreleri görünüyorsa, veriler “GET” metodu ile gönderilmektedir.
SEO açısından bazı veriler (arama sorguları vb.) GET ile gönderilebilir, ancak güvenlik hassasiyeti bulunan veriler POST ile gönderilmelidir.
Soru 17
Bir tabloda genel tablo dökümünün ya da tabloya ilişkin açıklamaların eklenebileceği bir alt bölüm oluşturmak üzere etiketi altında kullanılan etiket aşağıdakilerden hangisidir?
BDoğru cevap
Açıklama
, tablo alt bilgisini veya tabloya ilişkin açıklamaları içerecek alt bölümü tanımlar.
üst bölüm, ise iç veri satırlarını barındırır. Doğru tablo yapısı, arama motoru taraması için daha düzenli bir iskelet sunar.
Soru 18
Aşağıdakilerden hangisi web tasarımı faaliyetine yönelik kullanılabilecek yazılımlardan değildir?
BDoğru cevap
Açıklama
MySQL bir veritabanı yönetim sistemidir, tasarım aracı değildir.
Web tasarımında genellikle Adobe Photoshop, FreeHand, Corel Draw ve Illustrator gibi grafik programları kullanılabilir.
MySQL ise veri depolama ve yönetim sürecinde kullanılır.
Soru 19
Tablonun herhangi bir hücresinde yer alan içeriği hücre içerisinde sağa yaslı olacak şekilde ayarlamak için aşağıdaki etiketlerden hangisi kullanılabilir?
EDoğru cevap
Açıklama
HTML tablolarında kullanarak içeriği sağa yaslamak mümkündür.
Modern tasarımda ise CSS “text-align: right;” özelliğini kullanmak daha güncel ve SEO uyumludur.
Soru 20
Türkçe içerik hazırlanacağı zaman Türkçe karakterlerde gösterim sorunu yaşanmaması için gerekli tanımlamaların yapılması adına kullanılacak etiket aşağıdakilerden hangisidir?
EDoğru cevap
Açıklama
Türkçe karakterlerin doğru görüntülenebilmesi için
gibi bir tanımlama yapılır.
SEO optimizasyonunda, doğru karakter kodlaması içerik kalitesini ve kullanıcı memnuniyetini artırır.