WTK207U - WEB TABANLI KODLAMA

Dönem Sonu Deneme Sınavı

1 ) Web sayfasının tarayıcıda görüntülenecek başlığı, resmi, sayfa içinde kullanılan yazı kodlama tipinin ve karakter setinin ne olduğu
bilgisi aşağıdaki kod bölümlerinden hangisinde yer alır?

A)

B)

C)

D)
E)

Çözüm : İlgili tüm bilgiler tagları arasında yer alır

Doğru cevap B şıkkıdır.
2 ) İletim Kontrol Protokolü aşağıdakilerden hangisidir?
A ) TCP
B ) DNS
C ) NFS
D ) WWW
E ) UCLA

Çözüm : İletim Kontrol Protokolü (Transmission Control Protocol - TCP) olarak isimlendirilen bu protokol farklı ağların birbirleriyle
bağlanmasının önünü açarak standart bir protokol olmuştur.
Doğru cevap A şıkkıdır.
3 ) Web tarayıcıları aracılığıyla görüntülenen hipermetin dosyalarının uzantısı aşağıdakilerden hangisidir?
A ) CSS
B ) EXE
C ) DLL
D ) JS
E ) HTML

Çözüm : Web tarayıcıları aracılığıyla görüntülenen hipermetin dosyalarının uzantısı html'dir. Doğru cevap E şıkkıdır.
Doğru cevap E şıkkıdır.

Anadolu Üniversitesi tarafından hazırlanmış olan bu testlerin her hakkı saklıdır. Hangi amaçla olursa olsun, testlerin tamamının veya bir kısmının Anadolu Üniversitesi'nin yazılı izni olmadan
kopya edilmesi, fotoğraflarının çekilmesi, herhangi bir yolla çoğaltılması ya da kullanılması yasaktır. Bu yasağa uymayanlar gerekli cezai sorumluluğu ve testlerin hazırlanmasındaki mali
külfeti peşinen kabullenmiş sayılır.
 4)

ARPANET projesi, kim tarafından hayata geçirilmiştir?

A)

Larry Roberts

B)

Vint Cerf

C)

Bob Kahn

D)

Robert M. Metcalfe

E)

David R. Boggs

Çözüm :

1969 yılında Larry Roberts önderliğindeki ekip tarafından gerçekleştirilen ARPANET projesiyle hayata geçmiştir. ARPANET projesi,
ARPA bünyesindeki proje girişimcilerinin bilgisayar kaynaklarını paylaşması ve benzer araştırmaların yapılmasını engellemek amacıyla
bilgi paylaşımının sağlanacağı paket anahtarlamalı bir ağ oluşturma fikridir.

Doğru cevap A şıkkıdır.

5 ) Web sayfası yaparken HTML diline destek olan biçimlendirme özellikleri aşağıdakilerden hangisidir?
A ) PHP
B ) ASP
C ) .NET
D ) CSS
E ) Javascript

Çözüm : HTML dili ile beraber en çok kullanılan yapı, basamaklı stil sayfaları (Cascading Style Sheets – CSS) olarak adlandırılan
biçimlendirme özellikleridir. Basamaklı terimi, stillerin sırasını ve öncelik düzeyini tanımlamaktadır. Stil, tek bir isimle tanımlanan bir
dizi biçimlendirme niteliğidir. Bu biçimlendirme niteliği, web tarayıcısına bir elemanı nasıl görüntülemesi gerektiğini bildirmektedir.
Doğru cevap D şıkkıdır.
6 ) Htmlde stil kullanımı kaç şekilde gerçekleştirilebilir?
A)1
B)2
C)3
D)4
E)5

Çözüm : Htmlde stil kullanımı etiket içerisinde, gömülü ve dışarıdan stil dosyası kullanımı olarak üç farklı şekilde
gerçekleştirilebilir.Yanıt C.
Doğru cevap C şıkkıdır.

Anadolu Üniversitesi tarafından hazırlanmış olan bu testlerin her hakkı saklıdır. Hangi amaçla olursa olsun, testlerin tamamının veya bir kısmının Anadolu Üniversitesi'nin yazılı izni olmadan
kopya edilmesi, fotoğraflarının çekilmesi, herhangi bir yolla çoğaltılması ya da kullanılması yasaktır. Bu yasağa uymayanlar gerekli cezai sorumluluğu ve testlerin hazırlanmasındaki mali
külfeti peşinen kabullenmiş sayılır.
 7 ) I-border-spacing

II-padding

III-text-align

Yukarıda verilenlerden hangisi ya da hangileri verilerin tablolar içerisine yerleşiminde kullanılan stil öğeleri arasında yer alır?

A ) Yalnız I
B ) Yalnız II
C ) I ve II
D ) II ve III
E ) I, II ve III

Çözüm : Tablolarda verilerin hücrelerin içine nasıl yerleşeceği ile ilgili üç temel özellik border-spacing, padding ve text-align dır.
Doğru cevap E şıkkıdır.
8 ) Aşağıdakilerden hangisi tablo kenarlıkları oluşturan doğru kod örneğidir?
A ) table { border: true; }
B ) table, th, td { border: 1px solid black; }
C ) table, th, td { outline: 1px solid black; }
D ) table, td { border: all-borders; }
E ) table { style: bordered; }

Çözüm : "border: 1px solid black;" kenarlık oluşturmak için uygun yapıdadır. Doğru cevap B şıkkıdır.
Doğru cevap B şıkkıdır.
9 ) Tablonun arka plan renginin belirlenmesini sağlayan parametre aşağıdakilerden hangisidir?
A ) background-color
B ) table {color}
C ) tr {color}
D ) border-color
E ) th {color}

Çözüm : background-color: yellow; // ilgili satırda tablonun arka plan rengi sarı olarak ayarlanır.
Doğru cevap A şıkkıdır.
10 ) Tabloda verinin hizalanması (sola, sağa, ortalı) aşağıdaki özelliklerden hangisi ile yapılabilmektedir?
A ) span
B ) padding
C ) spacing
D ) text-align
E ) border-spacing

Çözüm : Tablolarda verilerin hücrelerin içine nasıl yerleşeceği ile ilgili üç temel özellikten bahsedebiliriz bunlardan birincisi hücre
kenarlığı çizgileri arasındaki boşluk “border-spacing” ile, ikincisi hücre kenarlığı ile veri arasında bırakılacak olan boşluk “padding” ile,
üçüncüsü verinin hizalanması (sola, sağa, ortalı) “text-align” ile belirtilir.
Doğru cevap D şıkkıdır.
11 ) Bir giriş elemanının varsayılan değerini hangi özellik belirler?
A ) Size
B ) src
C ) step
D ) Value
E ) readonly

Çözüm : value =”gonderdugmesi” gibi Bir giriş elemanının varsayılan değerini belirler.
Doğru cevap D şıkkıdır.

Anadolu Üniversitesi tarafından hazırlanmış olan bu testlerin her hakkı saklıdır. Hangi amaçla olursa olsun, testlerin tamamının veya bir kısmının Anadolu Üniversitesi'nin yazılı izni olmadan
kopya edilmesi, fotoğraflarının çekilmesi, herhangi bir yolla çoğaltılması ya da kullanılması yasaktır. Bu yasağa uymayanlar gerekli cezai sorumluluğu ve testlerin hazırlanmasındaki mali
külfeti peşinen kabullenmiş sayılır.
 12 ) Aşağıdakilerden hangisi form etiketi içinde kullanılan action özelliğinin tanımıdır?
A ) Form verilerinin gönderilmesinde hangi HTTP yönteminin kullanılacağını belirtir.
B ) Form verileri sunucuya gönderilirken nasıl kodlanacağını belirtir.
C ) Forma bir isim verilmesini sağlar.
D ) Form verilerinin hangi karakter kodlamasını kabul edeceğini belirtir.
E ) Form verilerinin sunucuda nereye göndereceğini belirtir.

Çözüm : action özelliği form verilerinin sunucudaki gönderilecek yeri belirtir.

Doğru cevap E şıkkıdır.
13 ) Aşağıdakilerden hangisi sayfa yerleşimini ayarlamak için kullanılan en önemli CSS özelliklerinden birisidir?
A ) Margin
B ) Display
C ) Max-Width
D ) Position
E ) Overflow

Çözüm :

Display özelliği sayfa yerleşimini ayarlamak için kullanılan en önemli CSS özelliklerinden biridir. HTML dilinde tüm etiketler için
varsayılan olarak tanımlanmış display isminde bir CSS özelliği bulunmaktadır. Doğru cevap B'dir.

Doğru cevap B şıkkıdır.

14 )

Web sayfasında bulunan bir içerik ile ilgili olup da içerikten ayrı şekilde durması

gereken bilgiler için kullanılan etiket aşağıdakilerden hangisidir?

A ) Section
B ) Main
C ) Article
D ) Nav
E ) Aside

Çözüm :

Aside etiketi, web sayfasında bulunan bir içerik ile ilgili olup da içerikten ayrı şekilde durması gereken bilgiler için kullanılmalıdır. Bu
içerik tüm web sayfası olabileceği gibi web sayfası içerisinde bir article ya da section bölümleri de olabilir. Örneğin aside etiketi, bir
makalenin yayınlandığı article etiketi ile birlikte kullanılabilir ve makalenin yazarı ile ilgili kısa özgeçmiş bilgisi barındırabilir. Aside
etiketinin bir başka kullanımı ise web sayfasının bir bölümü ile ilgili bağlantıları barındırmasıdır. Doğru Cevap E'dir.

Doğru cevap E şıkkıdır.

15 ) Elemanların sayfa içerisinde yüzmesini sağlayan, none, right ve left değerleri alabilen özellik aşağıdakilerden hangisidir?
A ) Overflow
B ) Marjin
C ) Display
D ) Position
E ) Float

Çözüm :

Float kelimesi yüzmek, süzülmek anlamına gelmektedir. Float özelliği ile elemanların sayfa içinde yüzmesi sağlanabilmektedir. None,
left, right değerleri alabilmektedir. HTML etiketlerinin varsayılan float değeri none’dır. En basit kullanımı ile float özelliği kullanılarak
sağ ya da sol tarafa yerleştirilen bir resmin etrafından metnin akması sağlanabilir. Doğru Cevap E'dir.

Doğru cevap E şıkkıdır.

Anadolu Üniversitesi tarafından hazırlanmış olan bu testlerin her hakkı saklıdır. Hangi amaçla olursa olsun, testlerin tamamının veya bir kısmının Anadolu Üniversitesi'nin yazılı izni olmadan
kopya edilmesi, fotoğraflarının çekilmesi, herhangi bir yolla çoğaltılması ya da kullanılması yasaktır. Bu yasağa uymayanlar gerekli cezai sorumluluğu ve testlerin hazırlanmasındaki mali
külfeti peşinen kabullenmiş sayılır.
 16 ) Bir Bootstrap projesinde, sistemin çalışması için gerekli tüm dosyaların bağlandığı ve projede gösterilecek olan metinlerin ve medya
elementlerinin içerisinde eklendiği bileşen aşağıdakilerden hangisidir?
A ) HTML dökümanı
B ) CSS dökümanı
C ) Javascript dökümanı
D ) Simgeler
E ) PHP dökümanı

Çözüm : HTML Dokümanı: Temelinde internet teknolojileri yatan Bootstrap projeleri, HTML dokümanları üzerinden sunulur. Bu
nedenle HTML dokümanı tüm içerikler için kapsayıcı rolündedir. Öncelikle, Bootstrap sisteminin çalışması için gerekli tüm dosyalar bu
dokümana bağlanır. Bunun yanında, projede gösterilecek olan metinler ve tüm medya elementleri (ör: resimler, videolar) bu dosya içine
eklenir ya da bağlanır. HTML dokümanı projenin kök dizininde yer alır ve giriş sayfası olarak kullanılır.
Doğru cevap A şıkkıdır.
17 ) Bootstrap'te metnin arkasını boyayarak vurgulamak için hangi işaretleme etiketi kullanılır?
A ) ins
B ) small
C ) strong
D ) del
E ) mark

Çözüm : Bootstrap'te metnin arkasını boyayarak vurgulamak için mark işareti kullanılır.
Doğru cevap E şıkkıdır.
18 ) MVC (model-view-controller) kısaca nasıl tanımlanır?
A ) Bir web çatısıdır.
B ) Genel amaçlı bir programlama dilidir.
C ) Bir yazılım geliştirme desenidir.
D ) Bir web sayfası etiketidir.
E ) Bir form elemanıdır.

Çözüm : MVC (model-view-controller) kısaca bir yazılım geliştirme deseni olarak tanımlanır.
Doğru cevap C şıkkıdır.
19 ) I- Coffeescript

II- HTML

III- Javascript

IV- CSS

Bootstrap'ın temelinde yatan teknolojiler aşağıdaki seçeneklerden hangisinde doğru ve eksiksiz olarak verilmiştir?

A ) I ve II
B ) II ve III
C ) I, II ve IV
D ) II, III ve IV
E ) I, II, III ve IV

Çözüm : Bootstrap web çatısının temelinde yatan teknolojiler HTML, CSS ve Javascript'tir.
Doğru cevap D şıkkıdır.

Anadolu Üniversitesi tarafından hazırlanmış olan bu testlerin her hakkı saklıdır. Hangi amaçla olursa olsun, testlerin tamamının veya bir kısmının Anadolu Üniversitesi'nin yazılı izni olmadan
kopya edilmesi, fotoğraflarının çekilmesi, herhangi bir yolla çoğaltılması ya da kullanılması yasaktır. Bu yasağa uymayanlar gerekli cezai sorumluluğu ve testlerin hazırlanmasındaki mali
külfeti peşinen kabullenmiş sayılır.
 20 ) Html’de <br> etiketi metin üzerinde hangi işlevli yerine getirir?
A ) Boşluk bırakma
B ) Koyu yapma
C ) İtalik yapma
D ) Alt satıra geçme
E ) Başlık yapma

Çözüm :

Web tasarımlarında sıklıkla kullanılan alt satıra geçiş işlemi için ilgili metnin sonrasına
etiketi kullanılır.

Doğru cevap D şıkkıdır.

Anadolu Üniversitesi tarafından hazırlanmış olan bu testlerin her hakkı saklıdır. Hangi amaçla olursa olsun, testlerin tamamının veya bir kısmının Anadolu Üniversitesi'nin yazılı izni olmadan
kopya edilmesi, fotoğraflarının çekilmesi, herhangi bir yolla çoğaltılması ya da kullanılması yasaktır. Bu yasağa uymayanlar gerekli cezai sorumluluğu ve testlerin hazırlanmasındaki mali
külfeti peşinen kabullenmiş sayılır.