WEB TABANLI KODLAMA - Deneme Sınavı - 12

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. Bir başka deyişle, sayfa genişliği ekranın
genişliğine sığacak şekilde sayfada küçültme işlemi uygulanır. Bu durumda sayfa okunamayacak kadar çok
küçüleceği için kullanıcı sayfayı inceleyebilmek için sayfayı iki parmağıyla büyütüp yatay ve dikey olarak
sayfayı kaydırması gerekecektir. Sayfayı incelemek için büyütmek ve yatay olarak kaydırmak zorunda olmak kullanılabilirlik açısından iyi değildir. Bu bakımdan mobil cihazlar ile uyumlu olarak geliştirilen web
sayfalarında, tarayıcıya web sayfasının mobil cihazlar ile uyumlu olduğuna yönelik bilgi vermekte gerekmektedir

Canvas etiketi HTML5 ile birlikte gelmiştir ve bu etiketin HTML5 için en önemli yeniliklerden biri
olduğu söylenebilir. Canvas etiketi kullanılarak web sayfası içinde boş bir tuval oluşturulmuş olur. Bu tuval
üzerinde etkileşimli canlandırmalar, oyunlar, 3 boyutlu çalışmalar yapmak mümkündür. HTML5 ile gelen
bu çok önemli özellik sayesinde Adobe Flash programı ile web sayfalarında kullanılmak üzere geliştirilen
bir çok içerik ve oyunlar yerini HTML5 Canvas içeriklerine ve oyunlarına bırakmıştır. Adobe Flash ile
geliştirilen içeriklerin çalışabilmesi içinde tarayıcıda Adobe Flash Player eklentisinin kurulu olması gerekmektedir. Bu tür eklentiler, güvenlik açığı ve yavaşlama gibi bazı sorunların beraberinde getirebilmektedir.
Bu bakımda bir süredir mobil cihazlarda kullanılan tarayıcılar Adobe Flash Player eklentisini desteklememektedirler. Bu durum Canvas kullanımının önemini daha da arttırmıştır. Çünkü hiçbir tasarımcı mobil
kullanıcıları göz ardı edemez.

Canvas etiketi ile oluşturulan tuvalin üzerine JavaScript programlama dili kullanılarak çizim yapılabilir, etkileşimli içerikler oluşturulabilir. Tabi bunu yapabilmek için JavaScript programlama diline hakim
olmak gerekecektir.

Div ve span gibi etiketler anlamsal etiketler değildir.

Nav etiketi web sayfasındaki web bağlantılarını gruplandırmak için kullanılması gereken bir etikettir.

Max-width özelliği kullanıldığında elemanların genişlikleri sabit olmak yerine esnek olacaktır ve bulundukların ortamın genişliğine uyum sağlayarak kullanıcılara daha iyi bir kullanma deneyimi sunabilecektir.

Position kelimesi mevki, konum anlamları gelmektedir. Position özelliği ile elemanların ne tür bir konuma sahip olacağı belirlenir.

Viewport, web tarayıcısının web sayfalarını gösterdiği alana verilen isimdir.

@media only screen and (max-width: 500px) {

nav { width: 100%;}

}

Bu ortam sorgusunda bilgisayar, tablet, cep telefonu gibi cihazların ekranlarının kullanılması durumunda (screen) ve tarayıcı penceresinin genişliğinin en fazla 500px olması durumunda nav etiketinin genişliğinin 100% olacağı belirtilmiştir.

12 eşit parçaya bölünür.

Canvas etiketi kullanılarak web sayfası içinde boş bir tuval oluşturulmuş olur. Bu tuval üzerinde etkileşimli canlandırmalar, oyunlar, 3 boyutlu çalışmalar yapmak mümkündür.

Div etiketi HTML dilinde sıklıkla bölümler oluşturmak için kullanılan, varsayılan
display özelliği block olan kapsayıcı bir etikettir. Div etiketinin kullanım amacı
sayfa içinde bölümler oluşturmaktır. Sayfa tasarımına göre iç içe bölümler de
oluşturulabilir. Doğru Cevap B'dir.

Div etiketi dışında bölüm oluşturmak amacıyla kullanılabilecek HTML5 sürümü ile birlikte gelen yeni etiketler de vardır. Bu etiketlerden bazıları header, footer, section, aticle, nav, aside, main gibi etiketleridir. HTML5 sürümü ile, yazılan kodların daha anlamsal (semantik) olması amaçlanmıştır. Aslında işlevsellik olarak bu etiketlerin div etiketinden farkı yoktur. Div ve span gibi etiketler anlamsal etiketler değildir. Doğru Cevap A'dır.

Header etiketine benzer şekilde footer etiketi de sayfa sonunda bulunan içeriği gruplamak için kullanılmaktadır. Genellikle her sayfanın sonundaki içeriği gruplamak için bir footer etiketi kullanılır. Ancak web sayfasının tasarımına göre footer etiketinin kullanıldığı yerler değişiklik gösterebilir. Web sayfasının farklı bölümlerindeki içerikler için özel sayfa sonu alanları oluşturmak istenebilir. Bu durumda her bölümün sonuna bir footer etiketi konulabilir. Footer etiketi çoğunlukla sayfa sonunda ya da bölümde sonunda kullanılır. Ancak bazı durumlarda sayfa başında ya da bölüm başında da kullanılması mümkün olabilir.

Doğru Cevap D'dir.

Aside etiketi, web sayfasında bulunan bir içerik ile ilgili olup da içerikten ayrı şekilde durması gereken bilgiler için kullanılmalıdır. Bu içerik tüm web sayfası olabileceği gibi web sayfası içerisinde bir article ya da section bölümleri de olabilir. Örneğin aside etiketi, bir makalenin yayınlandığı article etiketi ile birlikte kullanılabilir ve makalenin yazarı ile ilgili kısa özgeçmiş bilgisi barındırabilir. Aside etiketinin bir başka kullanımı ise web sayfasının bir bölümü ile ilgili bağlantıları barındırmasıdır. Doğru Cevap E'dir.

Display özelliği sayfa yerleşimini ayarlamak için kullanılan en önemli CSS özelliklerinden biridir. HTML dilinde tüm etiketler için varsayılan olarak tanımlanmış display isminde bir CSS özelliği bulunmaktadır. Varsayılan olarak atanan bu değer, genellikle inline veya block olmaktadır. Örneğin; Div, section, article, nav, p gibi etiketleri için varsayılan display özelliği block iken, span, i, img, a gibi etiketleri için ise varsayılan display özelliği inline olarak tanımlanmıştır. Display özelliği block olarak tanımlanan elemanlar yeni satırda başlarken, display özelliği inline olan elemanlar satır içinde yer almaktadırlar. Doğru Cevap C'dir.

Margin özelliği bildiğiniz üzere HTML elemanlarının diğer elemanlarla arasındaki mesafeyi ayarlamak için kullanılmaktadır. Ancak margin özelliğinin bir başka kullanımı ise blok düzeyindeki etiketlerin yatay olarak ortalanmasını sağlamaktır. Bunun için etiketin margin-left ve margin-right özelliklerine ya da sadece margin özelliğine auto değerinin verilmesi gerekmektedir. Doğru Cevap A'dır.

Fixed kelimesi sabitlenmiş anlamına gelmektedir. Position özelliği fixed olan bir elmanın koordinatları tarayıcı penceresi referans alınarak belirlenir ve bu eleman tarayıcı penceresine sabitlenir. Bir başka deyişe kaydırma çubukları ile sayfa içinde hareket edildiğinde bu elemanların tarayıcı penceresine göre yerleri değişmez. Bu elaman için left, right, top veya bottom özelliklerine değer atanmalıdır. Doğru Cevap C'dir.