Web Tabanlı Kodlama Final 5. Deneme Sınavı
Toplam 20 Soru1.Soru
Video kontrolü üzerindeki değişkenlere gölge vermek isteyen bir kullanıcı tek tek tanımlamak yerine, aşağıdaki hangi kullanım ile tek bir satır ile tamamı için geçerlilik sağlayabilir?
video, start, stop, pause, plus, minus, mute { box-shadow: 0 0 10px #ccc; } |
video, ?start, ?stop, ?pause, ?plus, ?minus, ?mute { box-shadow: 0 0 10px #ccc; } |
video, #start, #stop, #pause, #plus, #minus, #mute { box-shadow: 0 0 10px #ccc; } |
video, #start, #stop, #pause, #plus, #minus, #mute { box: 0 0 10px #ccc; } |
video, #start, #stop, #pause, #plus, #minus, #mute { border: 0 0 10px #ccc; } |
Birden fazla özelliğe aynı anda stil ayarı verilebilir. Örneğin video kontrolü üzerindeki değişkenlere gölge vermek isteyen bir kullanıcı tek tek tanımlamak yerine, tek bir satır ile tamamı için geçerlilik sağlayabilir. Yani #nesne adı ve arada , kullanarak yapılacak değişiklik, video nesnesi üzerindeki tüm değişkenleri etkileyecektir.
2.Soru
pattern HTML5, input özellikleri ne sağlar?
Önceden oluşturulmuş bir açılır listenin kimliğini kullanarak liste elemanlarına erişilmesini |
İlgili form elemanının kaç karakter uzunluğunda veri alabileceğinin belirlenmesini |
Veri girişinin kapatılmasını |
Belirli kalıplara göre veri girişini |
Kullanıcının birden fazla email girebilmesini ya da dosya yüklemelerinde birden fazla dosya seçebilmesini |
pattern HTML5, belirli kalıplara göre veri girişi sağlar. Örneğin kullanıcı adı belirlerken büyük ve küçük harf kullanımının zorunlu tutulması. “[A-Za-z]”
bu durumu sağlar.
3.Soru
Bootsrap ile birlikte gelen fontlar, düğmeler ve ızgara sistemi gibi görsel özellikler aşağıdakilerden hangisinde tutulmalıdır?
HTML Dokümanı |
CSS Dokümanı |
Javascript Dokümanı |
Bootstrap.js |
Simgeler |
Boostrap ile birlikte gelen görsel özellikler (Ör: fontlar, düğmeler, ızgara sistemi) CSS dosyasında tutulmaktadır. Zorunlu haller dışında bu dosya uzerinde değişiklik yapılmamalıdır.
4.Soru
I. Display
II. Width
III. Div
Yukarıdakilerden hangisi veya hangileri bir web sayfası tasarımında bölümleri biçimlendirirken kullanılan özelliklerdendir?
Yalnız II |
Yalnız III |
I ve II |
II ve III |
I, II ve III |
Display ve Width bölümleri biçimlendirmek için kullanılırken div özelliği bölüm oluşturmak için kullanılır
5.Soru
Bootstrap sisteminde kayan resim oluşturmak için hangi bileşen kullanılır?
Carousel |
Slider |
ImageRoll |
ImageScale |
ImageFloat |
Bootstrap sisteminde kayan resim oluşturmak için Carousel bileşeni kullanılmaktadır.
6.Soru
SMTP kullanarak eşzamansız iletişim sağlayan sunucu aşağıdakilerden hangisidir?
E-Posta |
Web |
DNS |
FTP |
Proxy |
SMTP (Simple Mail Transfer Protocol), e-posta iletim için kullanılan temel protokoldür.
7.Soru
Web tarayıcısının web sayfalarını gösterdiği alana ne ad verilir?
Media query |
Grid |
Viewport |
Speech |
Canvas |
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. Doğru Cevap C'dir.
8.Soru
Aşağıdakilerden hangisi overflow özelliğinin alabileceği bir değer değildir?
visible |
hidden |
none |
auto |
scroll |
Overflow özelliği visible, hidden, scroll ve auto olmak üzere 4 değer alabilmektedir. Doğru cevap C şıkkıdır.
9.Soru
Aşağıdakilerden hangisi HTML elemanlarının anlamsal olarak gruplandırılabilmesini sağlayan etiketlerdendir?
Section |
Padding |
Position |
Display |
Margin |
HTML etiketleme dilinde sayfa içindeki elemanlar kapsayıcı etiketler ile gruplandırılır. Bir başka deyişle bölümlere ayrılır. Örneğin başlık bölümü, içerik bölümü, gezinti bölümü gibi bölümler oluşturulur. Böylece bu bölümler daha iyi yönetilebilmektedirler. HTML dilinde en önemli ve genel amaçlı kullanılan bölümlendirme etiketi div’dir. Bunun dışında HTML5 sürümü ile birlikte gelen ve HTML elemanlarının anlamsal olarak gruplandırılabilmesini sağlayan header, footer, section, aticle, nav, aside, main gibi etiketler de mevcuttur. Doğru cevap A'dır.
10.Soru
"Formun doldurulması zorunlu alanlarını belirler" şeklinde ifade edilen Input özelliği aşağıdakilerden hangisinde doğru olarak verilmiştir?
pattern |
required |
accept |
list |
checked |
required: Formun doldurulması zorunlu alanlarını belirler. Bu alanlar doldurulmadan veri girişi sağlanmaz.
Doğru cevap B seçeneğidir.
11.Soru
Float özelliği dışında resim galerisinde olduğu gibi sayfada yüzen elemanlar oluşturmanın bir başka yolu da display özelliğine aşağıdakilerden hangi değeri vermektir?
padding değeri |
in-block değeri |
left değeri |
boder-box değeri |
table değeri |
Float özelliği dışında resim galerisinde olduğu gibi sayfada yüzen elemanlar oluşturmanın bir başka yolu da display özelliğine inline-block değeri vermektir. Bu özellik kullanıldığında float özelliğini kullmaya gerek kalmamaktadır. Ayrıca normalde float özelliği kullanıldıktan sonra clear özelliği kullanılarak temizlik yapmak gerekmektedir. Ancak inline-block ile buna da gerek yoktur. Doğru Cevap B'dir.
12.Soru
<link rel=”stylesheet” type=”text/css” href=”elearning.css” /> ile ne yapılmıştır?
Etiket içi stil kullanımı |
Gömülü stil kullanımı |
id seçici ile stil tanımlama |
class seçici ile stil tanımlama |
Css dosyasının link etiketi ile çağrılması |
HTML de stil kullanımı etiket içerisinde, gömülü ve dışarıdan stil dosyası kullanımı olarak üç farklı şekilde gerçekleştirilebilir. href=”elearning.css” ifadesiyle Css dosyasının link etiketi ile çağrılması yapılmıştır.
13.Soru
Web sayfasını enine (solda-sağa) tamamını kaplayacak (yüzde yüzünü) şekilde bir tablo oluşturulması için gerekli kod aşağıdakilerden hangisidir?
<table style=”width:100%”> |
table#t10 {width: 100%;} |
tr {rowspan=100; td} |
table { height:100px;} |
<table >”width:100%”</table> |
<table style=”width:100%”> // web sayfasını enine (solda-sağa) tamamını kaplayacak (yüzde yüzünü) şekilde bir tablo oluşturuluyor. Burada “width:” işlevi ile genişlik bilgisi 100% olarak gönderiliyor.
14.Soru
Html tablolarında satırların bölünmesi için kullanılan özellik aşağıdakilerden hangisidir?
rowspan |
padding |
border-collapse |
colspan |
caption |
“rowspan” satırların bölünmesi için kullanılmaktadır.
15.Soru
XML işaretleme dili İnternet ortamında aşağıdaki amaçlardan hangisi için kullanılmamaktadır?
İnternet arama motorları |
Aygıt ve uygulamadan bağımsız veri erişimi |
Bulu ortamında veri saklama |
Şirket uygulamaları standardizasyonu |
Elektronik veri değişimi ve elektronik ticaret |
XML işaretleme dili İnternet ortamında, önemlileri aşağıda maddelenmiş olan çeşitli amaçlarla kullanılabilmektedir.
• İnternet arama motorları
• Aygıt ve uygulamadan bağımsız veri erişimi
• Elektronik veri değişimi ve elektronik ticaret
• Basın ve yayın
• Şirket uygulamaları standardizasyonu
• Yazılım geliştirme
16.Soru
HTML'de tablo açılış ve kapanışını gösteren etiketler aşağıdakilerden hangisidir?
<head> </head> |
<th> </th> |
<table> </table> |
<td> </td> |
<tr> </tr> |
HTML'de bir tablonun açılışı <table> ile başlar ve </table> ile sonlanır.
17.Soru
Hangi form özelliği sunucunun kabul ettiği dosya türlerini belirtir?
accept |
target |
enctype |
name |
accept-charset |
accept => Sunucunun kabul ettiği dosya türlerini belirtir.
18.Soru
Aşağıdakilerden hangisi Ortam sorgusunda kullanılan ortam türlerinden değildir?
ortam türü belirtilebilir. Eğer ortam türü belirtilmez ise yazılan sorgu tüm ortam türleri için geçerli olacaktır. Kullanılabilecek ortam türlerinden bazılarının listesi aşağıda verilmiştir: • all: Tüm ortamlar • screen: Bilgisayar, tablet, cep telefonu gibi cihazların ekranları • print: Yazıcı çıktısı • speech: Ekrandaki metni sesli şekilde okuyan ekran okuyucuları
All |
Screen |
|
Speech |
Device |
Ortam sorgusunda isteğe bağlı olarak ortam türü belirtilebilir. Eğer ortam türü belirtilmez ise yazılan sorgu tüm ortam türleri için geçerli olacaktır. Kullanılabilecek ortam türlerinden bazılarının listesi aşağıda verilmiştir:
• all: Tüm ortamlar
• screen: Bilgisayar, tablet, cep telefonu gibi cihazların ekranları
• print: Yazıcı çıktısı
• speech: Ekrandaki metni sesli şekilde okuyan ekran okuyucuları
19.Soru
Aşağıdakilerden hangisi web sayfasındaki içeriğin tematik olarak gruplandırılmasına yönelik bir etikettir?
Div |
Section |
Aside |
Article |
Nav |
Section etiketi, web sayfasındaki içeriğin tematik olarak gruplandırılmasına yönelik bir etikettir. Section kelimesi kesit, kısım, bölüm anlamına gelmektedir.
20.Soru
Bootstrap’da tablonun dış kenarlıklarını ve hücreler arasındaki dikey kenarlıkları hangi etiket ekler?
table-striped |
table-bordered |
table-hover |
table-condensed |
table-dark |
table-striped: Tablo satırlarını bir koyu, bir açık olacak şekilde boyar. table-bordered: Tablonun dış kenarlıklarını ve hücreler arasındaki dikey kenarlıkları ekler. table-hover: Fare üzerine geldiğinde tablo satırlarını vurgular. table-condensed :Hücreler arası boşlukları azaltarak daha yoğun bir tablo oluşturur. Table-dark: tablonun arka plan rengini siyah yapar.
-
- 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İ