Web Tabanlı Kodlama

Yanıt Açıklaması: 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.

Yanıt Açıklaması: DNS(Domain Name System), web ağına bağlı her sisteme ait internet protokol adresinin kolay ve akılda kalıcı internet adresleri ile eşleştirildiği bir sistemdir. 1984 yılında Paul Mockapetris tarafından ortaya konulan Alan Adı Sistemi (Domain Name System – DNS) ile ağa bağlı her bir sistemin birbirlerine veri gönderip almak için kullandıkları internet protokol adresini (Internet Protocol Address – IP Adress) okunabilir internet adresleriyle eşleştirilmiştir. Böylelikle günümüzde kullandığımız internet adresleri ortaya çıkmıştır.

Yanıt Açıklaması: Nav kelimesi navigation kelimesinin kısaltmasıdır ve gezinti, yön bulma anlamlarına gelir. Article kelimesi makale anlamına gelmektedir. Header kelimesi başlık, footer kelimesi ise alt bilgi anlamlarına gelmektedir. Div kelimesi İngilizce division kelimesinin kısaltmasıdır ve bölüm, ayrım, kısım anlamlarına gelmektedir. Doğru cevap A'dır.

Yanıt Açıklaması: Accept, sunucunun kabul ettiği dosya türlerini belirten form özelliğidir.

Yanıt Açıklaması: etiketinin parametre olarak align parametresi sadece sol - left ve sağ - right değerlerini almaktadır. Ortalama işlemi için bu parametre çalışmamaktadır.

Yanıt Açıklaması: 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.

Yanıt Açıklaması: Ortam sorgusunda isteğe bağlı olarak ortam türü belirtilebilir. Eğer ortam türü belirtilmez ise yazılan sorgu tüm ortam türleri için geçerli olacaktır. Kullanılabilecek ortam türlerinden bazılarının listesi aşağıda verilmiştir: • all: Tüm ortamlar • screen: Bilgisayar, tablet, cep telefonu gibi cihazların ekranları • print: Yazıcı çıktısı • speech: Ekrandaki metni sesli şekilde okuyan ekran okuyucuları Doğru cevap A'dır.

Yanıt Açıklaması: etiketi içinde action, method ve target gibi kodlara özellik denilmektedir.

Yanıt Açıklaması: Bulut bilişim teknolojisi, IaaS, PaaS ve SaaS adı verilen üç temel hizmet modeline dayalı olarak çalışmaktadır. Servis olarak yazılım modelinde (Software as a Services, SaaS), kullanıcılar kendi bilgisayarlarına herhangi kurulum yapmaksızın, internet aracılığı ile bulut ortamında yer alan yazılımları kullanabilmektedir. Microsoft Office yazılım paketinin bulut bilişim sürümleri buna örnek olarak verilebilir. Eğer kullanıcıların bulut ortamında hazır bir yazılım kullanmak yerine kendi yazılımlarını geliştirmek gibi bir niyetleri var ise, bu kez kullanılacak model, Servis olarak platform modeli (Platform as a Service, PaaS) olacaktır. Google Drive örneğinde açıklamaya çalıştığımız gibi servis olarak altyapı modeli (Infrastructure as a Service, IaaS) kapsamında ise kullanıcılara veri depolama hizmeti gibi bulut hizmetleri sunulabilmektedir. Doğru yanıt B seçeneğidir.

Yanıt Açıklaması: 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.

Yanıt Açıklaması: 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. Doğru cevap B'dir.

Yanıt Açıklaması: Teknik anlamda WEB sayfaları, sunucu ve istemci olarak anılan bilgisayarların birbirlerine veri akışı yapmalarıyla iş görmektedir. Şöyle ki; Bir kullanıcı, bilgisayarı başında bir WEB sayfasına erişmek istediğinde, kendi bilgisayarı istemci olarak, erişmek istediği WEB sitesinin bilgisayarına yani sunucuya İnternet üstünden erişim sağlar. Sunucu üzerinde barındırdığı WEB sitesini ziyaretçinin bilgisayarı olan istemciye gönderir. Böylelikle kullanıcı istediği WEB sayfasına girmiş olur. Bu klasik akış WEB 1.0’ın çalışma biçimini de ifade etmektedir. WEB sayfalarının temelini oluşturan HTML (HyperText Markup Language) üzerinde yapılan geliştirmeler ve iyileştirmeler ve yeni WEB teknolojileri bu süreci bir adım daha ileriye götürmüştür. WEB 2.0’da sadece WEB sayfaları değil, kullanıcıya ait bilgiler de bilgisayarlar arasında dolaşmaktadır. WEB sayfaları üzerinde daha fazla etkileşim olanağı, HTML formları sayesinde gerçekleşmiştir. Doğru yanıt D seçeneğidir.

Yanıt Açıklaması: WWW yapısı CERN’de yazılım mühendisi olarak çalışan Tim Berners-Lee tarafından 1990 yılında oluşturulmuştur.

Yanıt Açıklaması: Article etiketi, kendi başına anlamlı ve diğer içeriklerden bağımsız olan içeriğin gruplandırılmasında kullanılır. Örneğin; gazete web sayfasındaki bir yazı, bir blog sayfasındaki bir yazı article olarak değerlendirilebilir. Doğru cevap C'dir.

Yanıt Açıklaması: HTML5'de tek satırlık metin girişi için text form elemanı kullanılır.

Yanıt Açıklaması: Web çatısı (web framework) ya da web uygulaması çatıları (web application framework) internet ortamında çalışan siteler, servisler, kaynaklar ve arayüzler üretmek için tasarlanmış yazılımlardır.

Yanıt Açıklaması: Nav etiketi web sayfasındaki web bağlantılarını gruplandırmak için kullanılması gereken bir etikettir. Web sayfasındaki menü bağlantıları nav etiketi içinde gruplandırılabilir.

Yanıt Açıklaması: autocomplete: Bu özellik form doldururken kullanıcıya önceden girilmiş bilgileri göstererek yardımcı olur. Önceden ziyaret edilmiş ve şifre girilmiş bir sitede, şifre alanının otomatik olarak doldurulması isteniyorsa, autocomplete özelliği ”on” şeklinde düzenlenmelidir.  autocomplete özelliğinin “on” ve “off” olmak üzere iki değeri vardır. Doğru cevap A seçeneğidir.

Yanıt Açıklaması: 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.

Yanıt Açıklaması: Viewport, web tarayıcısının web sayfalarını gösterdiği alana verilen isimdir. Doğru cevap E'dir.