Web Tabanlı Kodlama Final 13. Deneme Sınavı
Toplam 20 Soru1.Soru
Aşağıdakilerden hangisi tarayıcılar tarafından DESTEKLENMEYEN bir form elemanıdır?
Tel |
Datalist |
Date |
Password |
Checkbox |
Kullanıcının telefon numarası girebilmesi için bir alan oluşturur. Ancak bazı tarayıcılar bu özelliği desteklemez.
2.Soru
HTML işaretleme dilinde metin içinde fazladan boşluk vermeye yarayan etiket aşağıdakilerden hangisidir?
< |
|
& |
> |
" |
TML işaretleme dilinde metin içinde fazladan boşluk vermeye yarayan etiket (özel kod) etiketidir.
3.Soru
Web sayfalarında kaç adet main etiketi kullanılmalıdır?
1 |
2 |
3 |
4 |
5 |
Main etiketinin kullanımı ile ilgili farklı görüşler olmasına rağmen W3 Konsorsiyumuna göre; web sayfalarında sadece bir adet main etiketi kullanılmalıdır. Doğru cevap A şıkkıdır.
4.Soru
- HTML
- CSS
- Javascript
Bootstrap olarak isimlendirilen web çatısında kullanılan teknolojisinin temelinde hangi teknolojiler yer almaktadır?
Bootstrap olarak isimlendirilen web çatısında kullanılan teknolojisinin temelinde hangi teknolojiler yer almaktadır?
Yalnız I |
Yalnız II |
I ve III |
II ve III |
I - II ve III |
Bootstrap, internet siteleri ve internet tabanlı uygulamaların kullanıcı arayüzlerini (front-end) geliştirmek için kullanılabilecek bir web çatısıdır. Bootstrap, tarayıcı tarafında çalışan bir web çatısı olduğundan, temelinde HTML, CSS ve Javascript teknolojileri yer almaktadır.
5.Soru
Tarayıcı üzerinden birden fazla dosya göndermek için gereken form tasarımı aşağıdakilerden hangisidir?
<input type=”file” name=”resim” multiple> |
<input type=”radio” name=”resim” > |
<input type=”url” name=”resim” multiple> |
<input type=”file” name=”resim”> |
<input type=”submit” name=”resim” multiple> |
<input type=”file” name=”resim” multiple> ile tarayıcı üzerinden birden fazla dosya gönderilebilir.
6.Soru
Geleceğin Web teknolojisi olarak ifade edilen semantik Web, “web içeriklerinin sadece doğal dillerde değil, aynı zamanda ilgili yazılımlar tarafından anlaşılabilir, yorumlanabilir ve kullanılabilir bir biçimde ifade edilebileceği, böylece söz konusu yazılımların veriyi kolayca bulmasını, paylaşmasını ve bilgiyi birleştirmesini sağlamayı amaçlayan, bir İnternet eklentisi” olarak tanımlanmaktadır.
Aşağıdakilerden hangisi Semantik Web'e verilen adlardan bir tanesidir?
WEB 1.0 |
WEB 2.0 |
WEB 3.0 |
WEB 5.0 |
WEB 4.0 |
Geleceğin Web teknolojisi olarak ifade edilen semantik Web, “web içeriklerinin sadece doğal dillerde değil, aynı zamanda ilgili yazılımlar tarafından anlaşılabilir, yorumlanabilir ve kullanılabilir bir biçimde ifade edilebileceği, böylece söz konusu yazılımların veriyi kolayca bulmasını, paylaşmasını ve bilgiyi birleştirmesini sağlamayı amaçlayan, bir İnternet eklentisi” olarak tanımlanmaktadır.
Semantik Web ile ilgili alan yazın incelendiğinde kavramın anlamsal web, anlamsal ağ, akıllı web, bilgili web ve Web 3.0 şeklinde adlandırıldığı da görülmektedir.
7.Soru
Button elemanının hangi özelliği düğmenin etkisiz olmasını sağlar?
disabled |
type |
formaction |
formmethod |
autofocus |
disabled özelliği, düğmeyi tıklanamaz duruma getirir. Düğmenin etkisiz olmasını sağlar.
8.Soru
Hangi etiket bir belgenin ya da uygulamanın ana içeriğini temsil etmektedir?
Div |
Aside |
Main |
Header |
Footer |
Main kelimesi; esas, başlıca, ana anlamlarına
gelmektedir. Main etiketi bir belgenin ya da uygulamanın ana içeriğini temsil etmektedir. Bu bakımdan web sayfalarının ana içeriği main etiketi
içinde gruplandırılabilir. Main etiketinin kullanımı ile ilgili farklı görüşler olmasına rağmen W3
Konsorsiyumuna göre; web sayfalarında sadece bir
adet main etiketi kullanılmalıdır ve article, aside,
footer, header, veya nav etiketleri içinde main etiketi kullanılmamalıdır. Ayrıca W3 Konsorsiyumu
main etiketi için role=”main” özelliğini kullanmayı
tavsiye etmektedir.
9.Soru
Aşağıdakilerden hangisi, Web tarayıcısının web sayfalarını gösterdiği alana verilen isimdir?
Footer |
Aside |
Viewport |
Div |
Display |
Viewport, web tarayıcısının web sayfalarını gösterdiği alana verilen isimdir. Bu alan masaüstü/dizüstü
bilgisayarlarda daha büyük iken cep telefonlarında doğal olarak daha küçüktür. Tablet ve akıllı cep telefonu
kullanımı bu kadar yaygınlaşmadan önce web sayfaları sadece masaüstü/dizüstü bilgisayar monitörlerinde
kullanılmaya yönelik olarak geliştirilmekteydi. Bu bakımdan genellikle web sayfaları için sabit genişlikli
bir tasarım yapılırdı. Mobil cihazlar göz önünde bulundurulmadan geliştirilen web sayfaları aksi belirtilmez ise mobil cihazlar tarafından küçültülerek sunulmaktadır. Bir başka deyişle, sayfa genişliği ekranın
genişliğine sığacak şekilde sayfada küçültme işlemi uygulanır. Bu durumda sayfa okunamayacak kadar çok
küçüleceği için kullanıcı sayfayı inceleyebilmek için sayfayı iki parmağıyla büyütüp yatay ve dikey olarak
sayfayı kaydırması gerekecektir. Sayfayı incelemek için büyütmek ve yatay olarak kaydırmak zorunda olmak kullanılabilirlik açısından iyi değildir. Bu bakımdan mobil cihazlar ile uyumlu olarak geliştirilen web
sayfalarında, tarayıcıya web sayfasının mobil cihazlar ile uyumlu olduğuna yönelik bilgi vermekte gerekmektedir
10.Soru
Mobil tabanlı uygulamaların kullanıcılar tarafından tercih edilmesindeki en önemli neden aşağıdakilerden hangisidir?
Zaman ve yerden bağımsız olması |
Ontoloji tabanlı olması |
Tekrar kullanılabilir olması |
Veri depolama alanının fazla olması |
Düşük maliyetli olması |
Mobil tabanlı uygulamaların, taşınabilir olmayan bilişim sistemlerine göre en önemli üstünlüğünün, kullanıcılar için gerçek anlamda “zaman ve yerden bağımsız” olabilmeye olanak sağlaması olduğu ifade edilebilir.
11.Soru
Css kütüphanesinde grid kullanımı aşağıdakilerden hangi anlama gelmektedir?
Grid kullanımı ile genel olarak sayfa genişliği 2 eşit parçaya bölünür ve tarayıcı penceresinin tüm genişliği kullanılır. |
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ı ile genel olarak sayfa genişliği 3 eşit parçaya bölünür ve gerektiğinde sayfanın tüm genişliği kullanılır. |
Grid kullanımı ile genel olarak sayfa genişliği 6 eşit parçaya bölünür ve tarayıcı penceresinin tüm genişliği kullanılır. |
Grid kullanımı ile genel olarak sayfa genişliği 18 eşit parçaya bölünür ve tarayıcı penceresinin tüm genişliği kullanılır. |
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 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. 12 parçanın toplam genişliği yüzde yüz olacak şekilde ayarlanmaktadır. Bu durumda her bir parça yüzde 8,33’lük bir genişliğe sahip olacaktır.
12.Soru
Bir etiketi sayfada hiç görüntülenmeyecek hale getirmek için hangi css özelliği kullanılır?
display:hidden; |
display:none; |
display:table; |
display:block; |
display:inline; |
Eğer bir etikete display:none; CSS özelliği eklenirse, bu etiket sayfada hiç görüntülenmeyecek, hatta hiç yer dahi kaplamayacaktır. Doğru cevap B şıkkıdır.
13.Soru
Tarayıcıdaki görüntüsü yukarıdaki gibi olan kodlar ile ilgili aşağıda verilen ifadelerden hangisi doğrudur?
Gönder düğmesi "submit" alt elemanı ile oluşturulmuştur. |
Gönder düğmesinin tarayıcıda görünen ismini değiştirmek için "name" özelliğinin değeri değiştirilmelidir. |
Listede görünen üniversite seçeneklerinden birden fazla seçim yapılabilir. |
Üniversite seçeneklerini oluşturmak için "checkbox" alt elemanı kullanılmıştır. |
Üniversite seçeneklerini oluşturmak için "text" alt elemanı kullanılmıştır. |
Söz konusu kodlar ile kullanıcının aralarından yalnız bir seçim yapabilmesi için "radio" alt elemanıyla üç seçenek oluşturulmuş ve "submit" alt elemanı ile verilen sunucuya gönderilmesi için Gönder düğmesi oluşturulmuştur. Burada düğmenin üzerinde yazılı olan "Gönder" ifadesini değiştirmek için "value" özelliğinin değeri değiştirilmelidir. Buna göre doğru yanıt A seçeneğidir.
14.Soru
I. IaaS II. PaaS III. SaaS IV. W3C V. XML Aşağıdakilerden hangisinde bulut bilişim teknolojisinin dayandığı hizmet modelleri doğru olarak verilmiştir?
I ve II |
III ve V |
I - II ve IV |
I - II ve III |
III - IV ve V |
Bulut bilişim teknolojisi, IaaS, PaaS ve SaaS adı verilen üç temel hizmet modeline dayalı olarak çalışmaktadır. Doğru cevap D'dir.
15.Soru
Form özelliklerinden biri olan method ne amaçla kullanılır?
Form verilerini temizlemek |
Form verilerinin sunucuya nasıl gönderileceğini belirlemek |
Form verilerinin sunucudaki yolunu belirlemek |
Form elemanlarının doğrulanmasını sağlamak |
Forma isim vermek |
Method özelliği, form verilerinin gönderilmesinde hangi HTTP yönteminin kullanılacağını belirtir.
16.Soru
<del>metin</del>
Yukarıda verilen etiketin kullanımı sonucunda aşağıdakilerden hangisinin olması beklenir?
Silinmiş metni vurgulamak için üstünü çizer |
Metni siler |
Metni vurgulamak için altını çizer |
Metin sayfada görünmez |
Metni görünmeyecek kadar küçültür |
del : Silinmiş metni vurgulamak için üstünü çizer.
< del>metin</del >
17.Soru
- <auido>
- <video>
- <img>
- <embed>
Yukarıda verilen etiketlerden hangisi veya hangileri HTML5 ile birlikte gelen ve sayfaya çoklu ortam dosyaları eklemeyi sağlayan etiketlerdendir?
I ve II |
III ve IV |
II ve III |
I ve IV |
I, II, III ve IV |
Öncelikli olarak bu işlemin daha önceki sürümlerde <embed> etiketi ile kullanıldığını belirtmek gerekir. Ancak html5 sahip olduğu parametre sayısı ile video ekleme ve kontrol işlemlerini çok daha pratik ve
işlevsel hâle getirmiştir. Html5 ile video eklemek için kullanılan etiket <video> etiketi olup </video> etiketi
ile kapatılması gerekir. Basit düzeyde video eklemek için sadece <video> etiketinin içerisinde src parametresi ile hedef belirtmek yeterli olacaktır. Ayrıca resim ekleme başlığında anlatıldığı üzere üzerinde çalışılan
html’ye göre konum belirtilir. Bir başka ifade ile eğer eklenmek istenen video alt klasör veya klasörler
içerisinde ise bu klasör isimleri de belirtilerek adres işaretlenmelidir. Video türleri bağlamında önemli tarayıcıların hangi sürümlerinden itibaren video ve bir sonraki konu olan etiketinin desteklendiği aşağıdaki
tablodan incelenebilir (Tablo 3.1). Günümüzde kullanılan çoğu sürüm, <video> ve <audio> etiketlerinin
kullanımını desteklemektedir.
18.Soru
- Sitelerin ve uygulamaların çeşitli ekran ve tarayıcı genişliklerine göre kendilerini yeniden düzenleyebildiği bir tasarım yaklaşımıdır.
- Yaklaşımın amacı, sitenin tasarım ve ölçeklendirmesini değiştirerek, okunurlu- ğu desteklemek ve kullanıcı etkileşimini iyileştirmektir.
- Yaklaşımın temelinde CSS 3 tanımlamaları ile birlikte gelen medya sorguları (media querries) yer almaktadır
Yukarıdakilerden hangisi veya hangileri tepkisel tasarım (responsive design) özelliğidir?
- Sitelerin ve uygulamaların çeşitli ekran ve tarayıcı genişliklerine göre kendilerini yeniden düzenleyebildiği bir tasarım yaklaşımıdır.
- Yaklaşımın amacı, sitenin tasarım ve ölçeklendirmesini değiştirerek, okunurlu- ğu desteklemek ve kullanıcı etkileşimini iyileştirmektir.
- Yaklaşımın temelinde CSS 3 tanımlamaları ile birlikte gelen medya sorguları (media querries) yer almaktadır
Yukarıdakilerden hangisi veya hangileri tepkisel tasarım (responsive design) özelliğidir?
yalnız I |
yalnız III |
I ve III |
II ve III |
I, II ve III |
Tepkisel tasarım (responsive design), sitelerin ve uygulamaların çeşitli ekran ve tarayıcı genişliklerine göre kendilerini yeniden düzenleyebildiği bir tasarım yaklaşımıdır. Bu yaklaşımın amacı, sitenin tasarım ve ölçeklendirmesini değiştirerek, okunurluğu desteklemek ve kullanıcı etkileşimini iyileştirmektir. Yaklaşımın temelinde CSS 3 tanımlamaları ile birlikte gele
19.Soru
Bootstrap'te tablo satırlarını bir koyu, bir açık olacak şekilde boyamak için aşağıdaki sınıflardan hangisi tablo etiketine eklenmelidir?
active |
table-condensed |
table-hover |
table-striped |
table-bordered |
table-striped: Tablo satırlarını bir koyu, bir açık olacak şekilde boyar
20.Soru
Bootstrap sisteminde kayan resim oluşturmak için hangi bileşen kullanılır?
Bootstrap sisteminde kayan resim oluşturmak için hangi bileşen kullanılır?
Carousel |
container |
row |
column |
helper |
İnternet sitelerinde marka imajları, reklamlar, duyurular, ürün tanıtımları gibi amaçlarla kullanılan, en önemli görsel araçlardan biri kayan resimlerdir. Bootstrap sisteminde kayan resim oluşturmak için Carousel bileşeni kullanılmaktadır
-
- 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İ