WEB TABANLI KODLAMA

Bir başka anlamsal etiket olan section etiketi, web sayfasındaki içeriğin tematik olarak gruplandırılmasına
yönelik bir etikettir.

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. 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.

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.

Position kelimesi mevki, konum anlamları gelmektedir. Position özelliği ile elemanların ne tür bir konuma sahip olacağı belirlenir. Position özelliğine static, relative, fixed ve absolute değerleri verilebilmektedir.

Overflow kelimesi taşmak, dışına taşmak anlamlarına gelmektedir. Bu özellik, genişlik ve yükseklik özellikleri belirtilen elemanların içeriğinin sığmaması, taşması durumunda nasıl davranılacağı ile ilgilidir.

Float kelimesi yüzmek, süzülmek anlamına gelmektedir. Float özelliği ile elemanların sayfa içinde yüzmesi sağlanabilmektedir. None, left, right değerleri alabilmektedir.

Display ve Width bölümleri biçimlendirmek için kullanılırken div özelliği bölüm oluşturmak için kullanılır

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. Doğru cevap C'dir.

Grid kullanımı ile genel olarak sayfa genişliği 12 eşit parçaya bölünür ve tarayıcı penceresinin tüm genişliği kullanılır. Grid kullanımı tasarım öğelerini sayfa içinde yerleştirmeyi kolaylaştırır. 12 parçanın toplam genişliği yüzde yüz olacak şekilde ayarlanmaktadır. Doğru cevap D'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. Doğru cevap B'dir.

Bilindiği üzere son zamanlarda mobil cihazların kullanımı oldukça artmıştır. Özellikle cep telefonlarından internete girenlerin sayısında önemli bir artış yaşanmıştır. Hatta dünya genelinde İnternet erişimi ile ilgili istatistikler incelendiğinde, mobil cihazların masaüstü bilgisayarlardan daha fazla kullanıldığı görülmektedir. Dolayısıyla cep telefonundan İnternet’e ulaşan kullanıcılar kesinlikle göz ardı edilemez. Web sayfası geliştiricileri için bu noktada en önemli unsur ekran büyüklüğüdür. Cep telefonlarının ekranları normal olarak masaüstü/dizüstü bilgisayar monitörlerinden çok daha küçüktür ve genellikle dikey olarak kullanılmaktadırlar. Eğer web sayfasında mobil cihazlara yönelik bir tasarım yapılmaz ise, kullanıcı cep telefonu ekranından web sayfasını gezinmekte zorluk yaşayacaktır. Bu bakımdan geliştirilecek web sayfalarının cep telefonları ile uyumlu olması, cep telefonu kullanıcılarının web sayfalarında rahatlıkla gezinebilmelerini sağlamak büyük önem arz etmektedir. Bunun için web sayfası tasarımı yaparken farklı ekran büyüklüklerinde nasıl görünmesi gerektiğini de tasarlamak gerekir. Farklı ekran büyüklüklerine otomatik olarak uyum sağlayabilen tasarımlara, esnek (responsive) tasarım adı verilmektedir. Buna göre, I, II ve III'de verilen ifadelerden hepsi esnek (responsive) tasarımı gerekli kılan sebepler olarak nitelendirilebilir. Doğru cevap E'dir.

Float kelimesi yüzmek, süzülmek anlamına gelmektedir. Float özelliği ile elemanların sayfa içinde yüzmesi sağlanabilmektedir. None, left, right değerleri alabilmektedir. Doğru cevap C'dir.

Genellikle Div ile bölümler oluşturulurken, oluşturulan bölüm, id ya da class özelliği ile işaretlenir.  

Section etiketi, web sayfasındaki içeriğin tematik olarak gruplandırılmasına yönelik bir etikettir. Section kelimesi kesit, kısım, bölüm anlamına gelmektedir.

width yerine max-width özelliği kullanıldığında elemanların genişlikleri sabit olmak yerine esnek olacaktır

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

Overflow kelimesi taşmak, dışına taşmak anlamlarına gelmektedir. Bu özellik, genişlik ve yükseklik özellikleri belirtilen elemanların içeriğinin sığmaması, taşması durumunda nasıl davranılacağı ile ilgilidir.

Float kelimesi yüzmek, süzülmek anlamına gelmektedir. Float özelliği ile elemanların sayfa içinde yüzmesi sağlanabilmektedir. None, left, right değerleri alabilmektedir.

Menü oluşturmak için kodların Nav anlamsal etiketi içerinde olması gerekir.

Farklı ekran büyüklüklerine otomatik olarak uyum sağlayabilen tasarımlara, esnek (responsive) tasarım adı verilmektedir