Web Tabanlı Kodlama 2019-2020 Vize Ünite 3 ve 4 Sınavı

Web Tabanlı Kodlama 2019-2020 Vize Ünite 3 ve 4 Sınavı sorularını bu sayfadan online olarak çözebilirsiniz.

Doğru Sayısı %%SCORE%%
Yanlış Sayısı %%WRONG_ANSWERS%%
CEVAPLARINIZ
Yanıtlarınız aşağıdaki gibidir.
Soru 1

Hangisi web sitelerine eklenebilecek harici uygulama ve içeriklerden değildir?

A
Flash animasyon
B
PDF dosyaları
C
Resim dosyaları
D
Youtube videoları
E
Konum bilgisi
1 numaralı soru için açıklama 
Web sitelerine eklenebilecek harici uygulama ve içerikler şunlardır: flash animasyon, pdf dosyaları, youtube videoları, konum bilgisi. Doğru cevap C'dir.
Soru 2

Aşağıdakilerden hangisi

A
mp3
B
docx
C
webM
D
pptx
E
pdf
2 numaralı soru için açıklama 
mp4, webM veya ogg uzantılı dosyalar desteklenmektedir.
Soru 3

Flash animasyonları ile pdf dosyaları eklemek için hangi html etiketi kullanılmadır?

A
video
B
audio
C
img
D
embed
E
body
3 numaralı soru için açıklama 
Flash animasyonları ile pdf dosyaları eklemek için embed etiketi kullanılır.
Soru 4

Stillerin gösterimleri nasıl belirlenebilir?

A
Fonksiyonlar değiştirilerek
B
Değerler değiştirilerek
C
Kütüphaneler değiştirilerek
D
Komutlar değiştirilerek
E
Kodlar değiştirilerek
4 numaralı soru için açıklama 
Çok ihtiyaç duyulacak birkaç stil örneği daha vermek gerekirse border: 1px solid #ccc; stili ile resmi 1px genişliğinde ve belirtilen renkte kutucuk içerisine alma, padding: 15px; ile kutucuk ile resim arasındaki mesafeyi belirleme, background-color:red; ile arkaplanına renk verme ve box-shadow: 10px 10px 5px #888888; parametresi ile de gölge verme gibi temel işlemler yapılabilir. Değerler değiştirilerek stillerin gösterimleri de belirlenebilir. Örneğin en son yazılan gölge komutunda piksel değerleri değiştirilerek gölgenin uzaklığı da ayarlanabilir.
Soru 5

Çoklu ortam öğelerinde de stil kullanımı nasıl yapılabilir?

A
Etikette ile
B
Etikette ve harici dosya ile
C
Gömülü veya harici dosya ile
D
Harici dosya ile
E
Etikette, gömülü veya harici dosya ile
5 numaralı soru için açıklama 
Çoklu ortam öğelerinde de stil kullanımı metin kullanımında olduğu gibi etikette, gömülü veya harici dosya ile yapılabilir.
Soru 6

Tarayıcıdaki yazıya göre konumunu belirleme video etiketinin alabileceği hangi stil özelliğidir?

A
border-radius
B
box-shadow
C
padding
D
margin
E
border
6 numaralı soru için açıklama 
margin
Soru 7

Aşağıdakilerden hangisi resim üzerinde işaretlenecek alan veya alanların şekillerinin belirlenmesi için kullanılır?

A
B
C
D
E
7 numaralı soru için açıklama 
Shape parametresi, resim üzerinde işaretlenecek alan veya alanların şekillerinin belirlenmesi için kullanılır ve rect (dikdörtgen), circle (daire), poly (çok kenarlı) olmak üzere üç farklı değer alabilmektedir. Coords parametresi ise resim üzerinde işaretlenecek alanın genişliğini pixel olarak belirlemek için kullanılmakla beraber kullanım şekli tercih edilen shape seçeneğine göre değişmektedir.
Soru 8

Html sayfasına eklenen bir görsel ortalanmak isteniyor. Buna aşağıdakilerden hangisi doğru html kodudur?

A
B
C
D
E
8 numaralı soru için açıklama 
img etiketinin parametre olarak align parametresi sadece sol - left ve sağ - right değerlerini almaktadır. Ortalama işlemi için bu parametre çalışmamaktadır. Ancak resmi ortalamak isteyen bir tasarımcı img parametresinin önünde kullanacağıve sonunda kullanacağı etiketleri ile bu sorunu aşağıdaki şekilde çözebilir.
Soru 9

Bir html sayfasına eklenen video.mp4 isimli videonun sayfa yüklendiğinde otomatik olarak başlaması için yazılması gereken html kodu aşağıdakilerden hangisinde doğru olarak verilmiştir.

A
B
C
D
E
9 numaralı soru için açıklama 
Öncelikli olarak video otomatik olarak başlatılmamakta, ayrıca play, yani oynat düğmesi de bulunmamaktadır. Diğer bir sorun ise videonun kontrolsüz derecede büyük olmasıdır. Resmin büyüklüğü için de kullanılan width ve height parametreleri video için de geçerli olup benzer şekilde kullanılmaktadır. Ayrıca videonun sayfa yüklenir yüklenmez başlatılması için de autoplay parametresi kullanılmalıdır
Soru 10

Youtube videolarının web sitesine eklenmesinde kullanılan özel etiket aşağıdakilerden hangisidir?

A
iframe
B
embed
C
video
D
audio
E
img
10 numaralı soru için açıklama 
Youtube videolarının web sitesine eklenmesinde kullanılan özel etiket yine youtube tarafından geliştirilmiş olan iframe etiketidir.
Soru 11

Tablolara farklı özelliklerin eklenmesini sağlayan özellik hangisidir?

A
border collapse
B
width
C
text align
D
id attribute
E
background color
11 numaralı soru için açıklama 
A, B, C, E şıklarında yer alan özellikler tablo yapılarını oluştururken tüm tablolar için geçerli komutlardır. D şıkkında belirtilen id attribute özelliği sayesinde ise tablolara kimlik numarası verilerek istenilen tablolara farklı özelliklerin eklenmesi sağlanır. Doğru cevap D'dir.
Soru 12

Aşağıdakilerden hangisi bir hücredeki satırı bölerek satır sayısını üçe çıkarmaktadır?

A
colspan =”3”
B
tr {rowspan=3;}
C
table#t03
D
th { height:3px;}
E
Adres
12 numaralı soru için açıklama 
Adres // ilgili satırda tablonun hücresi tablo başlığı olarak tanımlanıyor ve bir sonraki hücrenin üç satıra bölünmesini sağlıyor
Soru 13

Açılan satırda bir hücre oluşturmak ve veriyi ilgili hücreye yazarmak için hangi html etiketi kullanılır?

A
tr
B
td
C
h1
D
th
E
table
13 numaralı soru için açıklama 
Table data td etiketi daha önce tr ile açılan satırda bir hücre oluştur ve td arasındaki veriyi ilgili hücreye yazar.
Soru 14

Tablo başlığı ve hücrelere 2.5 pixel kalınlığında mavi kesik çizgili kenarlık tanımlamak için aşağıdaki style komutlarından hangisi th ve td etiketlerine yazılmalıdır?.

A
height:50px;
B
padding-left:5px;
C
border: 1px solid black;
D
border: 2.5px dashed blue;
E
width:100%;
14 numaralı soru için açıklama 
border: 2.5px dashed blue; Tablo başlığı ve hücrelere 2.5 pixel kalınlığında mavi kesik çizgili kenarlık tanımlanıyor.
Soru 15

I. Başlık
II. Satır
III. Sütun
IV. Stil
V. Hücre
VI. Veri Tabloların temel bileşenleri hangileridir?

A
II, III, V, VI
B
I, II, III, IV, VI
C
I, II, III, IV
D
II, III, IV, VI
E
I, II, III, IV, V, VI
15 numaralı soru için açıklama 
Her tabloda dört temel bileşen bulunmaktadır: Satır, sütun, hücre ve veri.
Soru 16

table#01 tr:nth-child(odd) { background-color: white } table#01 tr:nth-child(even) { background-color: red }
Yukarıdaki biçimlendirmeyle arka plan nasıl renklendirilir?

A
Tek numaralı satırlar beyaz, çift numaralı satırlar kırmızı
B
Tek numaralı satırlar kırmızı, çift numaralı satırlar beyaz
C
Tek numaralı sütunlar beyaz, çift numaralı sütunlar kırmızı
D
Tek numaralı sütunlar kırmızı, çift numaralı sütunlar beyaz
E
Arka plan şeffaf olur, hücre renkleri sırasıyla kırmızı ve beyaz olarak sıralanır
16 numaralı soru için açıklama 
Verilen kod ile 01 nolu tablonun tek numaralı satırlarına (1. Satır, 3. Satır, 5. Satır, vb.) beyaz, çift numaralı satırlarına (2. Satır, 4. Satır, 6. Satır, vb.) kırmızı arka plan rengi atanmıştır.
Soru 17

Tablolarda verileri içeren hücrenin html etiketi hangisidir?

A
B
C
D
E
17 numaralı soru için açıklama 
tablolarda verileri içeren hücrenin html etiketidir.
Soru 18

Aşağıdakilerden hangisinde Adres isimli bir tablo başlığı oluşturulmuştur?

Adres
A
Adres
B
Adres
C
Adres
D
E
Adres
18 numaralı soru için açıklama 
Adres ile Adres isimli bir tablo başlığı oluşturulur.
Soru 19

tablobaşlığıiçindekiverinin sola hizalanması için aşağıdakilerden hangisi kullanılmalıdır?

A
Text-align:left;
B
Padding-left:1px;
C
Margin-left:1px;
D
Text-align:1px;
E
Padding:left;
19 numaralı soru için açıklama 
lign:left//tablobaşlığıiçindekiverinin sola hizalanması sağlanıyor.
Soru 20

Hücre içindeki verilerin soldan 10 pixel boşluk kalacak şekilde yerleşimi sağlayan parametre aşağıdakilerden hangisidir?

A
padding-left:10px;
B
text-align:10px;
C
text-width:10px;
D
border-collapse:10px;
E
table-border:10px;
20 numaralı soru için açıklama 
padding-left:10px; ilgili satırda verilerin soldan 10 pixel boşluk kalacak şekilde yerleşimi sağlanır.
SONUÇLAR
20 tamamladınız.
Liste
Geri dön
Tamamlananlar işaretlendi.
12345
678910
1112131415
1617181920
Son
Geri dön
1 Yıldız2 Yıldız3 Yıldız4 Yıldız5 Yıldız (1 Kişi oy verdi, 5 üzerinden ortalama puan: 1,00. Bu yazıya oy vermek ister misiniz?)
Loading...
0
Would love your thoughts, please comment.x