docNO: AD SOYAD:
download 
Şikayet Transkript
NO: AD SOYAD:
T.C RTEU TBMYO
NO:
AD SOYAD:
BİLGİSAYAR TEKNOLOJİLERİ BÖLÜMÜ / BİLGİSAYAR PROGRAMCILIĞI PROGRAMI
WEB TASARIM DERSİ Final Sınavı
24.01.2014
1. Aşağıdakilerden hangisi harici bir CSS dosyasını HTML sayfasına
bağlamak için kullanılır?
9. Bir elementin, diğer elementlerle arasındaki soldan boşluk hangi CSS
kodu ile ayarlanır?
a-)<link style src="mystyle.css">
b-) <stylesheet>mystyle.css</stylesheet>
c) <link rel="stylesheet" type="text/css" href="mystyle.css">
d) <link rel="stylesheet" type="text/css" url="mystyle.css">
e) <style rel="stylesheet" type="text/css" src="mystyle.css">
a-) padding-left b-) margin-left c-) intend d-) margin-right e-)padding-right
2. Bir harici CSS dosyası, HTML sayfasının hangi bölümünde belirtilir?
a-)<body> etiketi içinde
b-) <head> etiketi içinde
c) sayfanın en başında
d) sayfanın en sonunda
e-) <title > etiketi içinde
3. Aşağıdaki CSS sözdizimlerinden hangisi doğru yazılmıştır?
a-) body {color: black;}
b-) {body = color: black;}
c-) {body;color:black;}
d-) body:color=black;
e-) body {color = black;}
4. Tüm h1 etiketlerine arka plan rengi veren CSS kodu
aşağıdakilerden hangisidir?
a)
b)
c)
d)
e)
h1.all {background-color:#FFFFFF;}
h1.all {background-color:#FFFFFF;}
h1 {background-color:#FFFFFF;}
h1 {bgcolor:#FFFFFF;}
h1 {color:#FFFFFF;}
10. Bir liste için liste elemanlarının başındaki liste imgeleri nasıl
kaldırılır?
a-) list-type: square;
b-) list-style-type: no;
c-) list: none;
d-) list-style-type: none;
e-) list-type: none;
11. Üst border: 10px
Alt border: 5px
Sol border: 20px
Sağ border: 1px olacak şekilde bir çerçeve (border) CSS’de nasıl
belirlenir?
a-)border-width:10px 1px 5px 20px;
b-)border-width:10px 5px 5px 20px;
c-)border-width:10px 5px 20px 1px;
d-)border-width:1px 20px 5px 10px;
e-)border-width:1px 10px 5px 20px;
12. Kutuları yan yana hizalayabilmek için hangi CSS kodu kullanılır?
a-) float b-) align c-) margin d-) padding e-) width
13.
5. Aşağıdaki css niteliklerinden hangisi metin boyutunu belirlemek
için kullanılır?
a-) font-size b-) text-size c-) text-style d-) font-style
6. Tüm paragrafları kalın yapacak olan CSS kodu aşağıdakilerden
hangisidir?
a)
b)
c)
d)
e)
p {text-size:bold;}
p {font-size:bold;}
<p style="font-size:bold;">
p {font-weight:bold;}
p {font-weight:italic;}
7. HTML sayfasındaki linkler altı çizgili olmadan nasıl
görüntülenebilir?
a)
b)
c)
d)
a {underline:none;}
a {text-decoration:none;}
a.href {text-decoration:none;}
a {decoration: no-underline;}
8. HTML sayfasında yazılan metnin tüm harflerini küçük harf yapmak
için hangi CSS kodu kullanılır?
a-) Bu CSS’de yapılamaz b-) text-transform:uppercase
c-) text-transform:capitalize d-) text-transform:lowercase
Kutu modeli göz önüme alarak, şekilde A, B, C, D ile belirlenen yerler
sırasıyla aşağıdakilerden hangisinde doğru verilmiştir.
a)
b)
c)
d)
e)
padding – margin – border - height
padding – margin– border - width
padding – margin – border - height
margin – border – height - width
margin – padding – border - width
14. Bir linkin üzerine fare ile gelindiğinde çalışan kodlar hangi CSS
etiketi ile belirlenir?
a-) a:link b-)a: hover c-) a:active d-) a:focus
a
1
2
3
4
5
6
7
b
c
d
e
e) a:visited
a
8
9
10
11
12
13
14
b c
d
e
T.C RTEU TBMYO
BİLGİSAYAR TEKNOLOJİLERİ BÖLÜMÜ / BİLGİSAYAR PROGRAMCILIĞI PROGRAMI
NO:
AD SOYAD:
WEB TASARIM DERSİ Final Sınavı
15. Web Standartlarının 3 önemini yazınız. (5p)
1.
2.
24.01.2014
17.16.sorudaki liste için aşağıda belirtilenleri yapacak olan CSS kodunu
tamamlayınız. (15p)
HTML Kod güncellemesini kolaylaştırır.
Standartlara uygun yapılan sitenin arama motorlarında
görünürlüğü artar
Liste başındaki madde imlerini kaldırınız.
Linklerin altındaki çizgileri kaldırınız.
Linklerin yazı rengi mavi olmalı.
Linklerin üzerine gelindiğinde arka plan rengi yeşil (#00FF00) olmalı
Linklerin üzerine gelindiğinde yazı rengi sarı (#FFFF00) olmalı
CSS
ul {
3.
Tarayıcı farklarından oluşan problemleri azaltır.
list-style-type:none;
}
ul.a {
16. Haberler – Reklamlar – İletişim linklerini içeren bir menu
yapmanız istendi. Bu linkleri içeren sırasız liste yapmak için gerekli
HTML kodunu yazınız. (10p)
<ul>
<li> <a href=”” > Haberler </a> </li>
<li> <a href=”” > Reklamlar </a> </li>
<li> <a href=”” > İletişim </a> </li>
</ul>
text-decoration:none;
color: blue;
}
ul.a:hover {
background-color:#00FF00;
color: #FFFF00;
}
BONUS: Web Sitesi tasarlarken, Arama motoru optimizasyonu için
yapılabilecek 5 teknik sıralayınız.
(5 teknik doğru bir şekilde sıralanırsa 10 puan)
1.
HTML kodu içinde site için Meta Anahtar kelimeler belirlenmeli
2.
Web Standartlarına uygun kodlama yapılmalı
3.
Siteler dizinlere kaydedilmeli
4.
Site Haritası yapılmalı
5.
PageRank’ı yüksek bir sayfadan backlink alınmalı.
BAŞARILAR… Öğr. Gör. Aslı YAZAĞAN
