Web Tabanlı Kodlama Final 4. Deneme Sınavı
Toplam 20 Soru1.Soru
Form alanına 6 Şubat 2018 şeklinde veri girilmesi isteniyorsa form tasarım komutu aşağıdakilerden hangisi olmalıdır?
<input type=“email” name=“siparis”> |
<input type=“submit” name=“siparisgunu”> |
<input type=“url” name=“gun”> |
<input type=“date” name=“siparisgunu”> |
<input type=“checkbox” name=“siparis”> |
<input type=“date” name=“siparisgunu”> ile siparisgunu isimli bir tarih alanı oluşturulmaktadır.
2.Soru
Aşağıdaki ortam sorgularından hangisinde bilgisayar, tablet, cep telefonu gibi cihazların ekranlarının kullanılması durumunda (screen) ve tarayıcı penceresinin genişliğinin en fazla 500px olması durumunda nav etiketinin genişliğinin 100% olacağı belirtilmiştir.
@media only screen and (max-width: 500px) { nav { width: 100%;} } |
@media only print and (max-width: 500px) { nav { width: 100%;} } |
@media not screen and (max-width: 500px) { nav { width: 100%;} } |
@media only screen and (max-width: 600px) { nav { width: 100%;} } |
@media only screen and (max-width: 500px) { nav { width: 80%;} } |
@media only screen and (max-width: 500px) {
nav { width: 100%;}
}
Bu ortam sorgusunda bilgisayar, tablet, cep telefonu gibi cihazların ekranlarının kullanılması durumunda (screen) ve tarayıcı penceresinin genişliğinin en fazla 500px olması durumunda nav etiketinin genişliğinin 100% olacağı belirtilmiştir.
3.Soru
"..................................... HTML elemanlarının diğer elemanlarla arasındaki mesafeyi ayarlamak için kullanılmaktadır." şeklinde ifade edilen özellik aşağıdakilerden hangisidir?
Marjin özelliği |
Width özelliği |
Max-width özelliği |
Position özelliği |
Overflow özelliği |
Margin özelliği bildiğiniz üzere HTML elemanlarının diğer elemanlarla arasındaki mesafeyi ayarlamak için kullanılmaktadır. Ancak margin özelliğinin bir başka kullanımı ise blok düzeyindeki etiketlerin yatay olarak ortalanmasını sağlamaktır. Bunun için etiketin margin-left ve margin-right özelliklerine ya da sadece margin özelliğine auto değerinin verilmesi gerekmektedir. Doğru Cevap A'dır.
4.Soru
Kullanıcının sayı değeri belirleyebilmesi için bir kaydırma çubuğu oluşturan form elemanı aşağıdakilerden hangisidir?
Number (Sayı) |
Range (Aralıklı Kaydırma) |
Search (Arama) |
Button (Düğme) |
Fieldset ve Legend (Gruplayıcı ve Başlık) |
Range, kullanıcının sayı değeri belirleyebilmesi için bir kaydırma çubuğu oluşturur. Belirlenen değer bir form verisi olarak sunucuya gönderilir.
5.Soru
Aşağıdakilerden hangisi, <form> etiketi içinde yer alan özelliklerden olan action ın tanımıdır?
Form verilerinin gönderilmesinde hangi HTTP yönteminin kullanılacağını belirtir. |
Form verilerinin sunucuda nereye gönderileceğini belirtir. |
Forma bir isim verilmesini sağlar. |
Form verilerinin hangi karakter kodlamasını |
Form verilerinin hangi karakter kodlamasını kabul edeceğini belirtir |
action =”http://ornek.com/kayit.php” gibi Form verilerinin sunucuda nereye
gönderileceğini belirtir.
6.Soru
Flash animasyonları ile pdf dosyaları eklemek için hangi etiket kullanılır?
<video> |
<anchor> |
<title> |
<head> |
<embed> |
Flash animasyonları ile pdf dosyaları eklemek için <embed> etiketi kullanılır.
7.Soru
Resimli düğmenin resmi sayfaya yüklenemediği durumlarda metin olarak düğmenin işlevini ifade eden ve resmin yerine geçen input özelliği aşağıdakilerden hangisidir?
accept |
alt |
checked |
pattern |
value |
alt: Resimli düğmenin resmi sayfaya yüklenemediği durumlarda metin olarak düğmenin işlevini ifade eder ve resmin yerine geçer.
8.Soru
Tablolarda kullanılan kavramsal sınıflardan "active"in anlamı nedir?
Tablolarda kullanılan kavramsal sınıflardan "active"in anlamı nedir?
İçeriği vurgulamak için kullanılır. |
Olumlu ya da başarılı bir içeriği belirtir. |
Düşük vurgulu, bilgilendirici içerikleri belirtir. |
Okuyucu dikkatini gerektiren içerikleri belirtir. |
Olumsuz ya da tehlikeli içerikleri beliritr. |
active: İçeriği vurgulamak için kullanılır.
9.Soru
Günümüzde bir çok web sayfası tasarımında grid yapısı kullanılmaktadır. Hatta bir çok CSS kütüphanesi grid kullanımını destekleyecek araçlar sunmaktadırlar. Grid kullanımı ile genel olarak sayfa genişliği kaç tane eşit parçaya bölünür?
10 |
12 |
8 |
14 |
6 |
12 eşit parçaya bölünür.
10.Soru
Kullanıcılara veri depolama hizmeti gibi bulut hizmetleri sunulabilen bulut platform modeli aşağıdakilerden hangisidir?
SaaS |
PaaS |
WEB 3.0 |
IaaS |
Semantik Web |
Google Drive örneğinde açıklamaya çalıştığımız gibi servis olarak altyapı modeli (Infrastructure as a Service, IaaS) kapsamında ise kullanıcılara veri depolama hizmeti gibi bulut hizmetleri sunulabilmektedir.
11.Soru
Bir web sayfasındaki yazının başlık türü hangi etiketle belirtilir?
<h> |
<ul> |
<p> |
<br> |
<b> |
Bir web sayfasındaki yazının başlık türü <h> etiketi ile belirtilir. Bu etiket yanına 1’den 6’ya kadar sayı alır ve böylece yazı başlığının hangi derecede öneme sahip olduğu belirtilebilir. Bir kitabın içindekiler sayfası düşünüldüğünde bunların her biri bir başlıktır ve metin içinde <h> etiketi ile işaretlenmelidirler. Ancak başlık biter bitmez metin bilgisinin başlık olmadığını belirtmek için </h> etiketi kullanılmalıdır. Aynı düzeydeki başlıklar aynı numara ile, alt düzeydeki başlıklar ise daha düşük sayıdaki numara ile <h>etiketinde kullanılır.
12.Soru
Sayfayı genellikle 12 eşit parçaya bölerek tasarım öğelerini sayfa içerisine yerleştirmeyi kolaylaştıran yapı aşağıdakilerden hangisidir?
Responsive |
Viewport |
Width |
Grid |
Display |
Grid kullanımı ile genel olarak sayfa genişliği 12 eşit parçaya bölünür ve tarayıcı penceresinin tüm genişliği kullanılır. Grid kullanımı, tasarım öğelerini sayfa içinde yerleştirmeyi kolaylaştırır.
13.Soru
Aşağıdakilerden hangisinde menü oluşturmak için kullanılan anlamsal etiket doğru tanımlanmıştır?
nav.anamenu |
div.anamenu |
float.anamenu |
display.anamenu |
block.anamenu |
Menü oluşturmak için kodların Nav anlamsal etiketi içerinde olması gerekir.
14.Soru
Paragrafı iki yana yaslı yazmak isteyen bir kodlayıcı aşağıdaki hangi parametreyi kullanmalıdır?
<p align=“justify”> |
<p background-position=""> |
<p font="text-indent"> |
<p letter-spacing="s-resize"> |
<padding-top> |
Yazılan bir paragrafı iki yana yaslı yazmak isteyen bir kodlayıcı <p align=“justify”> şeklinde kullanmalıdır.
15.Soru
HTML kodlamada ifadeler hangi işaretler arasına yazılır?
" ve " |
< ve > |
; ve ; |
! ve ! |
* ve * |
Html kodu yazımı, belirli bir kalıp içerisinde olmaktadır. Html, head ve body olarak üç parça bilginin yer aldığı bu yapıda < ve > işaretleri içerisine ifadeler yazılırken, bu ifadelerin her birine etiket denir. Ayrıca kod yapılarının bittiğini belirtmek için </> şeklinde bir kullanım söz konusudur.
16.Soru
HTML dil ile birlikte farklı script dillerinin kullanılmasıyla oluşturulan özellikle günümüz web sayfalarında görünen kullanıcı etkileşimli web sayfalarına ne ad verilir?
Dosya Transfer Web Sayfaları |
Kullanıcı Web Sayfaları |
Statik Web Sayfaları |
Dinamik Web Sayfaları |
E-posta Web Sayfaları |
HTML diline destek amaçlı kullanılan bir diğer yapı ise farklı script dillerinin kullanılmasıdır. Özellikle günümüz web sayfalarında görünen kullanıcı etkileşimi ile oluşturulacak dinamik web sayfaları bu diller kullanılarak tasarlanmaktadır.
17.Soru
HTML'de bir verinin hücre içinde hizalanması için kullanılan işlev aşağıdakilerden hangisidir?
border-spacing |
text-align |
padding |
border |
width |
HTML'de bir verinin hücre içinde hizalanması için kullanılan işlev "padding" işlevidir.
18.Soru
Bir form içerisinde 5 farklı onay kutusu eklenmek isteniyor. Varsayılan olarak ise ilk seçeneğin işaretli olması gerekiyor. Buna göre ilk seçenek için yazılması gereken form özelliği aşağıdakilerden hangisi olmalıdır?
checkbox |
check |
checked |
radio |
submit |
Checkbox elemanına checked, name, required, ve value özellikleri verilebilir. Web sayfası açıldığında onay kutusu işaretli gösterilecekse checked özelliği eklenebilir.
19.Soru
I - Radyo dalgalarını kullanarak veri iletimi------ A) ALOHANET
II - Uyduların kullanıldığı ------------------------- B) SATNET
III - Ticari paket anahtarlama ağı --------------- C) TELENET
IV - Fransız paket anahtarlama ağı -------------- D) CYCLADES
Aşağıdakilerden hangisi/hangileri, yukarıda doğru eşleştirmeleri yapılan farklı veri iletim teknolojileri ile ilk ağ/ağlardır?
II-B; III-C |
I-A; III-C; IV-D |
II-B; III-C; IV-D |
I-A; II-B; III-C |
I-A; II-B; III-C; IV-D |
Farklı iletişim kanallarını
kullanan ağlar ortaya çıkmıştır. Örneğin Havaii
üniversitesi’nin radyo dalgalarını kullanarak veri
iletimi yaptığı ALOHANET, uyduların kullanıldığı
SATNET, ticari paket anahtarlama ağı olan
TELENET, Fransız paket anahtarlama ağı olan
CYCLADES gibi farklı veri iletim teknolojilerini
de içinde barındıran ağlar kullanılmaya başlanmıştır.
Fakat oluşturulan bu ağlar veri iletimi için farklı
protokoller ve standartlar kullandığı için birbirleriyle
bağlantı kuramamaktadır
20.Soru
Aldığı değere göre, sayfa içerisindeki elemanların,sayfa içeriğine veya ölçülerine göre yer değiştirmesine olanak sağlayan bölüm özelliği aşağıdakilerden hangisidir?
Position |
Margin |
Width |
Length |
Float |
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.
-
- 1.SORU ÇÖZÜLMEDİ
- 2.SORU ÇÖZÜLMEDİ
- 3.SORU ÇÖZÜLMEDİ
- 4.SORU ÇÖZÜLMEDİ
- 5.SORU ÇÖZÜLMEDİ
- 6.SORU ÇÖZÜLMEDİ
- 7.SORU ÇÖZÜLMEDİ
- 8.SORU ÇÖZÜLMEDİ
- 9.SORU ÇÖZÜLMEDİ
- 10.SORU ÇÖZÜLMEDİ
- 11.SORU ÇÖZÜLMEDİ
- 12.SORU ÇÖZÜLMEDİ
- 13.SORU ÇÖZÜLMEDİ
- 14.SORU ÇÖZÜLMEDİ
- 15.SORU ÇÖZÜLMEDİ
- 16.SORU ÇÖZÜLMEDİ
- 17.SORU ÇÖZÜLMEDİ
- 18.SORU ÇÖZÜLMEDİ
- 19.SORU ÇÖZÜLMEDİ
- 20.SORU ÇÖZÜLMEDİ