Web Tabanlı Kodlama Final 7. Deneme Sınavı
Toplam 20 Soru1.Soru
Aşağıdakilerden hangisi bulut bilişim servis sağlayıcısı değildir?
Amazon Web Services |
Microsoft Azure |
Joyent |
Google Cloud |
Semantik Web |
Güncel servis sağlayıcılar arasında Google Cloud, Amazon Web Services, Microsoft Azure ve Joyent gibi isimler öne çıkmaktadır. Doğru cevap E'dir.
2.Soru
Overflow kelimesi taşmak, dışına taşmak anlamlarına gelmektedir. Bu özellik, genişlik ve yükseklik özellikleri belirtilen elemanların içeriğinin sığmaması, taşması durumunda nasıl davranılacağı ile ilgilidir.
Aşağıdakilerden hangisi Overflow özelliği değerlerinden değildir?
Overflow kelimesi taşmak, dışına taşmak anlamlarına gelmektedir. Bu özellik, genişlik ve yükseklik özellikleri belirtilen elemanların içeriğinin sığmaması, taşması durumunda nasıl davranılacağı ile ilgilidir.
Aşağıdakilerden hangisi Overflow özelliği değerlerinden değildir?
visible |
hidden |
scroll |
auto |
background color |
Overflow kelimesi taşmak, dışına taşmak anlamlarına gelmektedir. Bu özellik, genişlik ve yükseklik özellikleri belirtilen elemanların içeriğinin sığmaması, taşması durumunda nasıl davranılacağı ile ilgilidir. Bu özellik visible, hidden, scroll ve auto olmak üzere 4 değer alabilmektedir.
3.Soru
Bootstrap sisteminin md kırılma noktası için container sınıfının bu noktadaki genişliği kaç px dir?
Otomatik |
750px |
970px |
2000px |
1170px |
Bootstrap sisteminin md kırılma noktası için container sınıfının bu noktadaki genişliği 970px dir.
4.Soru
Web sayfalarında kullanılan menüler kullanıcıların sayfayı kullanmalarını zorlaştımaktadır. Genel kabul görmüş bir yöntem olarak menüler ul etiketi kullanılarak sırasız bir liste şeklinde oluşturulur. Oluşturulan bu menü CSS yardımı ile biçimlendirilerek yatay, dikey ve açılır menülere dönüştürülebilir. Menü uygulamarı hakkında verilen bilgilerden hangisi veya hangileri doğrudur?
Yalnız II |
Yalnız III |
II ve III |
I ve III |
I, II ve III |
Web sitelerinin en önemli bileşenlerinden biri de menülerdir. Menüler sayesinde kullanıcılar rahatlıkla web sitesi içindeki sayfalar arasında gezinti yapabilirler. Dolayısıyla web sayfalarında kullanıcılar tarafından rahatlıkla kullanılabilecek menülerin oluşturulması gerekmektedir. Genel kabul görmüş bir yöntem olarak menüler ul etiketi kullanılarak sırasız bir liste şeklinde oluşturulur. Daha sonra oluşturulan bu menü CSS yardımı ile biçimlendirilerek yatay, dikey ve açılır menülere dönüştürülebilir. Ayrıca HTML5 standartlarına göre web sayfalarındaki ana menü ve yan menüleri nav etiketi içinde gruplandırmak uygun olacaktır.
5.Soru
Bir form içerisinde, kullanıcının şifre girmesi gereken alanı belirtmek için aşağıdaki seçeneklerden hangisi girilmelidir?
<input type="password"> |
<input name="password"> |
<input password="Şifre giriniz"> |
<input password="">Şifre giriniz</input> |
<password name="Şifre giriniz"> |
Kullanıcının şifre girebilmesi için metin alanı oluşturan özellik şu şeklde kullanılır: <input= type"password">
6.Soru
Aşağıdakilerden hangisi, sayfa yerleşimini ayarlamak için kullanılan en önemli CSS özelliklerinden biridir?
Position |
Margin |
Max-Width |
Width |
Display |
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. Varsayılan olarak atanan bu değer, genellikle inline veya block olmaktadır. Örneğin; Div,
section, article, nav, p gibi etiketleri için varsayılan display özelliği block iken, span, i, img, a gibi etiketleri
için ise varsayılan display özelliği inline olarak tanımlanmıştır. Display özelliği block olarak tanımlanan
elemanlar yeni satırda başlarken, display özelliği inline olan elemanlar satır içinde yer almaktadırlar.
7.Soru
2008 yılında Guinness World Record’un 24 saatte en çok indirilen
program alanında dünya rekoru kıran web tarayıcısı aşağıdakilerden hangisidir?
Chrome |
Firefox |
Safari |
Internet Explorer |
Mosaic |
17 Haziran 2008 yılında yayınlanan Firefox 3’ün bir günde sekiz milyondan fazla indirilmesiyle Guinness World Record’un “24 saatte en çok indirilen program” alanında dünya rekoru kırmıştır. Doğru cevap B şıkkıdır.
8.Soru
Aşağıdakilerden hangisi Bootstrap projesinde eklenmiş metni vurgulamak için altını çizen metin işaretleme etiketidir?
mark |
del |
ins |
em |
small |
“ins” Eklenmiş metni vurgulamak için altını çizer.
9.Soru
Html sayfanızda bir başlığın kırmızı renkli ve ortalı kullanılması için başlık için hangi style özellikleri kullanılmalıdır?
h1 style=”color:yellow; text-align:center;” |
h1 style=”text-align:center;” |
h1 style=”color:red; text-align:center;” |
h1 style=”color:red;” |
h1 style=”color:red; text-align:left;” |
h1 style=”color:red; text-align:center;”
10.Soru
Aşağıdakilerden hangisi element içindeki metnin tarayıcı genişliğinden daha geniş olması durumunda otomatik olarak alt satıra alınmasını engelleyen Bootstrap metin işaretleme etiketidir?
text-justify |
text-nowrap |
text-center |
text-right |
text-left |
text-nowrap
Element içindeki metnin tarayıcı genişliğinden daha geniş olması durumunda otomatik
olarak alt satıra alınmasını engeller. Bu özellik programlama kodları gibi, tek satır hâlinde
okunması daha kolay olan metinleri göstermek için kullanılır.
11.Soru
Aşağıdakilerden hangisi HTML 5 ile input elemanına eklenen yeni alt elemanlardan biridir?
button |
radio |
color |
image |
hidden |
Yukarıdaki tabloda görüldüğü gibi HTML 5 ile input elemanına eklenen yeni alt elemanlar tel, email, date, month, week, time, datetime-local, url, color, range, number ve search elemanlarıdır. Buna göre doğru yanıt C seçeneğidir.
12.Soru
Canvas etiketi ne ile geliştirilmiştir?
HTML1 |
HTML2 |
HTML3 |
HTML5 |
HTML4 |
Canvas etiketi HTML5 ile birlikte gelmiştir ve bu etiketin HTML5 için en önemli yeniliklerden biri
olduğu söylenebilir. Canvas etiketi kullanılarak web sayfası içinde boş bir tuval oluşturulmuş olur. Bu tuval
üzerinde etkileşimli canlandırmalar, oyunlar, 3 boyutlu çalışmalar yapmak mümkündür. HTML5 ile gelen
bu çok önemli özellik sayesinde Adobe Flash programı ile web sayfalarında kullanılmak üzere geliştirilen
bir çok içerik ve oyunlar yerini HTML5 Canvas içeriklerine ve oyunlarına bırakmıştır. Adobe Flash ile
geliştirilen içeriklerin çalışabilmesi içinde tarayıcıda Adobe Flash Player eklentisinin kurulu olması gerekmektedir. Bu tür eklentiler, güvenlik açığı ve yavaşlama gibi bazı sorunların beraberinde getirebilmektedir.
Bu bakımda bir süredir mobil cihazlarda kullanılan tarayıcılar Adobe Flash Player eklentisini desteklememektedirler. Bu durum Canvas kullanımının önemini daha da arttırmıştır. Çünkü hiçbir tasarımcı mobil
kullanıcıları göz ardı edemez.
13.Soru
Sayfa sonunda bulunan içeriği gruplamak için aşağıdaki etiketlerden hangisi kullanılmaktadır?
header |
article |
div |
footer |
span |
Header etiketine benzer şekilde footer etiketi de sayfa sonunda bulunan içeriği gruplamak için kullanılmaktadır. Genellikle her sayfanın sonundaki içeriği gruplamak için bir footer etiketi kullanılır. Ancak web sayfasının tasarımına göre footer etiketinin kullanıldığı yerler değişiklik gösterebilir. Web sayfasının farklı bölümlerindeki içerikler için özel sayfa sonu alanları oluşturmak istenebilir. Bu durumda her bölümün sonuna bir footer etiketi konulabilir. Footer etiketi çoğunlukla sayfa sonunda ya da bölümde sonunda kullanılır. Ancak bazı durumlarda sayfa başında ya da bölüm başında da kullanılması mümkün olabilir.
Doğru Cevap D'dir.
14.Soru
Aşağıdakilerden hangisi HTML5 ile gelen bir form elemandan biridir?
File |
Range |
Text |
Submit |
Checkbox |
15.Soru
Bootstrap'te bir resmi yuvarlak bir çerçeve içine yerleştirmek için hangi sınıf kullanılır?
img-thumbnail |
img-rounded |
img-circle |
img-table |
img-eclipse |
Bootstrap'te bir resmi yuvarlak bir çerçeve içine yerleştirmek için img-circle sınıfı kullanılır. Doğru cevap C şıkkıdır.
16.Soru
Tablonun tek numaralı satırlarının arka plan rengini mavi yapmak için aşağıdaki style ifadelerinden hangisi kullanılmalıdır?
table td:nth-child(odd) { background-color: blue; } |
table tr { background: blue; } |
table tr { background-color: blue; } |
table tr:nth-child(even) { background-color: blue; } |
table tr:nth-child(odd) { background-color: blue; } |
table#t01 tr:nth-child(odd) { // 25. satırda tablo satırı için “t01” ek özelliği açılıyor ve “odd” ifadesi ile tablonun tek numaralı (1. Satır, 3. Satır, 5. Satır, vb.) satırları için ek özellik tanımlanacağı belirtiliyor.
• background-color: #9ACD32; // 26. satırda kodu verilen (sarı-yeşil) renk tek numaralı satırlar için arka plan rengi olarak ayarlanıyor.
• } // 27. satırda tanımlama kapatılıyor
17.Soru
I- Yazılımcılar ontoloji geliştirmek için çeşitli araçlar kullanabilir.
II- OWL ve RDF adı verilen ontoloji geliştirme dilleri yardımı ile oluşturulmaktadır.
III- Protege adlı bir dil ile geliştirilebilirler.
IV- Farklı tür ve özellikteki verilerin sistem tarafından anlaşılmasını ve anlamlandırılmasını sağlarlar.
Yukarıda ontoloji ile ilgili verilen ifadelerden hangisi ya da hangileri doğrudur?
I ve II |
I ve III |
II, III ve IV |
I, II ve IV |
I, II, III ve IV |
Ontolojiler, semantik web ortamında farklı tür ve özellikteki verilerin sistem tarafından anlaşılmasını ve anlamlandırılmasını sağlayarak kullanıcıların isteklerine cevap oluşturmayı amaçlamaktadır. Ontolojiler, kısaca OWL (Web Ontoloji Dili - Web Ontology Language) ve RDF (Kaynak Tanımlama Çerçevesi - Resource Description Framework) adı verilen ontoloji geliştirme dilleri yardımı ile oluşturulmaktadır. Ontoloji geliştirmek üzere yazılımcılar çeşitli araçlardan yararlanabilmektedir. Bunlardan en sık kullanılanlarından birisi http://protege.stanford.edu bağlantısı üzerinden indirilebilecek Protege adlı yazılımdır. Doğru yanıt D seçeneğidir.
18.Soru
Div ile bölümler oluşturulurken, oluşturulan bölüm, id ya da class özelliği ile neden işaretlenir?
CSS kullanılarak bu bölümler rahatlıkla biçimlendirmek için kullanılır. |
Her bölümde numaralandırma yapılabilmesi için. |
Bölümler arasında veri alışverişin daha rahat yapılabilmesi için. |
Bölümler id ve içerik class olarak ayır etmektede kullanıldığı için. |
Her bölüm ve içerikleri sıraya sokabilmek için. |
Genellikle div ile bölümler oluşturulurken, oluşturulan bölüm, id ya da class özelliği ile işaretlenir. Böylece CSS kullanılarak bu bölümler rahatlıkla biçimlendirilebilecektir.
19.Soru
Bir kullanıcının tarayıcıda daha önceden girilmiş olan şifresinin daha sonraki kullanımlarında da tekrar girilmesini sağlayan kodlar aşağıdakilerin hangisinde doğru olarak verilmiştir?
<input type="password" autocomplete="off"> |
<input type="password" autocomplete="on"> |
<input type="sifre" autocomplete="off"> |
<input type="sifre" autocomplete="on"> |
<input value="password" autocomplete="off"> |
Password, kullanıcının şifre girebilmesi için bir metin alanı oluşturur. Password elemanına autocomplete, maxlength, name, pattern, placeholder, readonly, required, ve size özellikleri verilebilir. Örneğin önceden ziyaret edilmiş ve şifre girilmiş bir sitede, şifre alanının otomatik olarak doldurulması istenmiyorsa, kodlar "<input type="password" autocomplete="off">" şeklinde düzenlenmelidir. Doğru yanıt A seçeneğidir.
20.Soru
Aşağıdakilerden hangisi ile textarea elemanının satır sayısı belirlenir?
Max |
Min |
Step |
Rows |
Cols |
Textarea kullanıcının yazı yazabileceği çok satırlı metin kutuları oluşturur. Satır sayısı rows değişkeniyle belirlenir.
-
- 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İ