WEB TABANLI KODLAMA - Deneme Sınavı - 13

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.

Display özelliği sayfa yerleşimini ayarlamak için kullanılan en önemli CSS özelliklerinden biridir.

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

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.

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.

Section kelimesi kesit, kısım, bölüm anlamına gelmektedir.

Main kelimesi; esas, başlıca, ana anlamlarına
gelmektedir. Main etiketi bir belgenin ya da uygulamanın ana içeriğini temsil etmektedir. Bu bakımdan web sayfalarının ana içeriği main etiketi
içinde gruplandırılabilir. Main etiketinin kullanımı ile ilgili farklı görüşler olmasına rağmen W3
Konsorsiyumuna göre; web sayfalarında sadece bir
adet main etiketi kullanılmalıdır ve article, aside,
footer, header, veya nav etiketleri içinde main etiketi kullanılmamalıdır. Ayrıca W3 Konsorsiyumu
main etiketi için role=”main” özelliğini kullanmayı
tavsiye etmektedir.

Web sitesinin en başında logo ve isim bilgilerinin bulunduğu header etiketi yerleştirilebilir. Header
etiketinin altında web sitesinin ana bağlantılarının bulunduğu (Örneğin Ekonomi, Siyaset, Güncel, Spor,
Finans, vb.) nav etiketi konulabilir. Nav etiketinin altında ise sayfanın ana içeriği olan bilgileri main etiketi
içinde gruplandırılmıştır. Haberler 3 sütun şeklinde verilmektedir ve her bir sütun section etiketi içinde
gruplandırılmıştır. Hatırlanacağı üzere section etiketi içinde gruplandırılacak içeriğin temasal bir bağının
olması gerekir. Bu bağlamda birinci section etiketi içinde futbol haberleri, ikinci section etiketi içinde
basketbol haberleri, üçüncü section etiketi içinde ise voleybol haberleri verilebilir. Eğer sütunlar arasında
böyle temasal bir ayrım yapılmak istenmiyorsa section etiketi kullanılmamalı, bunun yerine div etiketi
tercih edilmelidir. Section etiketlerinden sonra ise aside etiketine yer verilmiştir. Hatırlanacağı üzere aside
etiketi tüm sayfa ya da sayfa içinde bir bölümle ilgili yan bilgi ya da ikincil bağlantılar için kullanılabilecek
bir etikettir. Bu bağlamda aside etiketi içinde sayfanın tamamı spor haberleri ile ilgili olduğu için spor haberlerine yönelik alt menü amacıyla kullanılabilir.

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.

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. HTML sayfasındaki elemanların konumları left, right, top ve bottom özellikleri ile ayarlanabilir.
Ancak bu ayarlamaların istenilen şekilde çalışabilmesini sağlamak için öncelikle position özelliği ile konum
türü belirlenmelidir.

Web sitelerinde kullanıcıların rahatlıkla gezinebilmesi için menü veya menüler oluşturmak gerekmektedir.