NO: AD SOYAD:
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