T.C RTEU TBMYO NO: AD SOYAD: …...ÖĞRETİM BİLGİSAYAR TEKNOLOJİLERİ BÖLÜMÜ / BİLGİSAYAR PROGRAMCILIĞI PROGRAMI WEB TASARIM DERSİ 1.Vize Sınavı 20.11.2013 1. Aşağıdakilerden hangisi bilgisayarlar arası veri iletişiminin kurallarını koyan protokole verilen genel isimdir? a-)FTP b-) SMTP c)TCP/IP d) TELNET e-) HTTP 2. HTTP protokolü için aşağıdakilerden hangisi doğrudur? a) b) c) d) e) Bir bilgisayarın uzaktan masaüstüne bağlanabilmesini sağlar. İki bilgisayar arasında dosya iletimini düzenler. İnternette mail gönderip alabilmeyi düzenler. Tüm internetin çalışma kurallarını belirleyen protokoldür. Http sadece web sitelerine bağlanırken www’dan önce yazmamız gereken bir metindir. 3. Hangisi doğru link verme formatıdır? a-) <a url="http://google.com"> Google </a> b-) <a href=" http://google.com "> Google </a> c-) <a href="google.com"> Google </a> d-) <a href=”http://google.com”/> Google e-) <a href="google.com" Google /> 4. Hangisi sayfayı farklı bir sekmede açması için düzenlenmiş doğru link verme formatıdır? a-) <a href=”http://google.com” target=”_blank” > Google </a> b-) <a url=" http://google.com "> Google </a target=”_blank” > c-) <a href="google.com" target=”_blank” > Google </a> d-) <a target=”_blank”>http://google.com/> Google e-) <a href="google.com" target=”_blank” Google /> 5. Web sayfalarına ait bilgilendirme ve ayarlamaların yapıldığı HTML etiketi hangisidir? a-) head b-) http c-) h1 d-) script e-) meta 6. Web tarayıcıları ile ilgili hangisi yanlıştır? a) b) c) d) e) Tarayıcınız bağlandığınız web sunucudan yaptığınız dosya isteğini ağ üzerinden kullandığınız bilgisayara ulaştırır. Tarayıcıya gönderilen veri bir seferde bütün şekilde iletilir. Tarayıcılar en önemli özelliklerinden biri web sunucudan gelen bilgilerin monitörünüze nasıl yansıtacağını bilmesidir. Tarayıcı yazılımınız istemci, uzaktaki sizin erişmek istediğiniz bilgileri saklayan bilgisayar ise sunucudur. Internet Explorer gibi yazılımı açık olmayan tarayıcılar olduğu gibi, Firefox gibi açık kaynak kodlu tarayıcılar da mevcuttur. 7. Aşağıdaki kodlardan hangisi “resim” adlı klasörümdeki “kedi.jpg” dosyasını html sayfasına ekler? a-) <img src="resim/kedi.jpg "/></img> b-) <img source="resim/kedi.jpg "/> c-) <img src="resim-kedi.jpg "/> d-) <img src="resim/kedi.jpg "/> e-) <img href="img/kedi.jpg /> 8. Aşağıdaki css niteliklerinden hangisi yazı tipi belirlemek için kullanılır? a-) font-size b-) font-family c-) color d-) font-weight e-) text-decoration 9. Aşağıdakilerden hangisi meta etiketinde belirlenebilecek bir nitelik değildir? a) Anahtar kelimeler b) Dil bilgisi c) İçerik tanımlaması d) Oluşturulduğu tarih bilgisi e) Yazar 10. Kullanıcıyla etkileşimli, kullanıcının ve kullanıcı miktarının her şeyi belirlediği, kullanıcı tarafından yeni sayfalar yaratılmasına ve düzenlenmesine olanak veren yeni internet ortamının adı ………. ‘dir. a) Web 1.0 b) Web 2.0 c) Web 3.0 d) Web 4.0 e) Nüfus eden Web 11. Aşağıdakilerin hangisi bir HTML sayfasına “arkastil.css” adlı stil dosyasını doğru bağlayan HTML kodudur? a) <link rel="stylesheet" type="html/css" href=" arkastil.css" /> b) <link rel="stylesheet" type="text/css" href=" arkastil.css" /> c) <link rel="stylesheet" type="text/css" src=" arkastil.css" /> d) <link rel="stylesheet" type="text/css" href=" style.css" /> e) <link rel="stylesheet" type="text/css" url=" arkastil.css" /> 12. Web Standartları ile ilgili verilen aşağıdaki ifadelerin karşılarına doğru (D) veya yanlış (Y) olduklarını D veya Y harfleri ile belirtiniz: - İnternet siteleri konusunda standartları belirlemek için kurulan kuruluş W3C’dir : ………. - Standartlar, tarayıcıların ziyaret edilen siteyi doğru şekilde anlaması ve göstermesine yardımcı olur: …... - Arama motoru optimizasyonu ile standartlar arasında bir bağlantı yoktur: ..….. -Web standartları, web sayfalarının farklı tarayıcılarda farklı görünme (çapraz tarayıcı) sorunlarına çözüm olur:……. - Standartlara göre yapılan bir sitenin güncelleştirilmesi ve bakımı sırasında daha fazla zaman harcanır : …….. İfadelerin doğru ve yanlışlığını sırasıyla belirten liste aşağıdakilerden hangisidir? a) D-D-D-D-Y b)Y-D-Y-D-D c) Y-D-Y-Y-D d)D-D-Y-D-D e) D-D-Y-D-Y 13. HTML kodları ile ilgili verilen aşağıdaki ifadelerin karşılarına doğru (D) veya yanlış (Y) olduklarını D veya Y harfleri ile belirtiniz: - Liste elemanı belirlemek için <td> kullanılır:…… - “reversed” niteliği HTML5 ile gelen yeni ile nitelik olup, sıralı listeleri tersten sıralamak için kullanılır:….. - <tr> tablo sütunu oluşturmak için kullanılır:….. - <head> etiketi </body> etiketinden hemen sonra kapatılmalıdır: ……. - Sırasız liste için <ul> ve sıralı liste için <ol> etiketi kullanılır: ……. İfadelerin doğru ve yanlışlığını sırasıyla belirten liste aşağıdakilerden hangisidir? a) Y-D-D-D-Y b)Y-D-Y-Y-D c) D-D-Y-Y-D d)D-D-Y-D-D e) Y-D-Y-D-Y 14. Soruları aşağıdaki css koduna göre cevaplayınız. p{ font-size:12pt; font-family: Impact; font-style:italic; color:white; background-color: blue; text decoration:underline; text-alignment:center; } Yukarıdaki CSS koduna bakarak aşağıdakilerden hangisi söylenebilir? a) b) c) d) e) Yazı rengi kırmızıdır. Belirtilen stil başlık yazısına uygulanmıştır. Tüm sayfanın arka planı kırmızıdır. Yazının altı çizgilidir. Yazı sola dayalıdır. a 1 2 3 4 5 6 7 b c d e a b c 8 9 10 11 12 13 14 SINAVIN TEST KISMI BİTMİŞTİR. ARKA SAYFAYA GEÇİNİZ! (Her test sorusu 5 puandır.) d e T.C RTEU TBMYO BİLGİSAYAR TEKNOLOJİLERİ BÖLÜMÜ / BİLGİSAYAR PROGRAMCILIĞI PROGRAMI WEB TASARIM DERSİ 1.Vize Sınavı NO: AD SOYAD: …...ÖĞRETİM 20.11.2013 15. Yeni nesil web tasarımında HTML ile CSS kodlarını iki farklı dosyada tutma nedenimizi bir cümle ile yazınız. (10p) 16. Aşağıdaki HTML kodu üzerindeki yanlışlıkların üzerini çiziniz ve altına standartlara göre düzenlenmiş halini yazınız. Eğer bir yanlışlık göremiyorsanız alttaki kutuya “yanlış yok” yazınız. (10p) HTML <html> <head> <body> <title> ilk sayfam / > <body> <p> 4 mevsim yaşanır aşk… <a url ="mevsim.html">Mevsimler</a> </p> <h1> Sonbahar </h1> <h2> İlkbahar </h1> <h3> Yaz </h3> <h3> Kış <h3> </head> </html> DÜZENLENMİŞ HTML 17. Yandaki HTML sayfası için yazılan CSS kodunu aşağıdakileri koşulları sağlayacak şekilde tamamlayınız. Eklenmesi gereken kodlar var ise altına ekleyiniz: (10p) Paragraf sayfada ortalanmalı. h3 başlığı sağa dayalı olmalı. h1 başlığının arka plan rengi kırmızı (red) olmalı. h3 başlığının yazı rengi beyaz (white) olarak belirlenmeli. h2 için yazı tipi “Arial“ olarak belirlenmeli. Paragraf yazısı italik olmalı. Paragraf içindeki yazı boyutu 20px’e sabitlenmeli. h1 başlık yazısı hep büyük harflerle yazılmalı. h1 başlık yazısı kalın yazılmalı. Tüm sayfanın arka plan rengi sarı (yellow) olmalı. CSS h1 { font-……………: ……..; font- weight:……………….; background-…………………:……………; } h2 { color:……………; font-……………….: Arial; } h3 { color:…………….; text-align:………………..; } p{ text-align:………………..; ………….-size:………….; …………..-style:…………….; } T.C RTEU TBMYO BİLGİSAYAR TEKNOLOJİLERİ BÖLÜMÜ / BİLGİSAYAR PROGRAMCILIĞI PROGRAMI WEB TASARIM DERSİ 1.Vize Sınavı NO: AD SOYAD: …...ÖĞRETİM 20.11.2013 BAŞARILAR… Öğr. Gör. Aslı YAZAĞAN