Doğru Cevap: E

Soru 10

Web sayfasının tarayıcıda görüntülenecek başlığı, resmi, sayfa içinde kullanılan yazı kodlama tipinin ve karakter setinin ne olduğu bilgisi aşağıdaki kod bölümlerinden hangisinde yer alır?

Açıklama:

İlgili tüm bilgiler

tagları arasında yer alır

Doğru Cevap: B

Soru 11

Hipermetin (hypertext) olarak bilinen web kavramı Ted Nelson tarafından ilk ne zaman ortaya konmuştur?

1960

1965

1970

1963

1959

Açıklama:

Hipermetin (hypertext) olarak bilinen web kavramı 1965 yılında Ted Nelson tarafından ortaya konmuştur.

Doğru Cevap: B

Soru 12

Webin atası olan ARPANET, kaç yılında hayata geçirilmiştir?

1969

1965

1960

1963

1970

Açıklama:

Webin atası olan ARPANET, 1969 yılında hayata geçirilmiştir.

Doğru Cevap: A

Soru 13

E-posta iletim için kullanılan temel protokol hangisidir?

HTTP

FTP

SMTP

TCP

Açıklama:

SMTP (Simple Mail Transfer Protocol), e-posta iletim için kullanılan temel protokoldür.

Doğru Cevap: C

Soru 14

Web ağı üzerindeki iki bilgisayarın WWW yapısına göre birbirleriyle iletişim kurmak için kullandığı temel protokol hangisidir?

TCP

FTP

HTTP

SMTP

Açıklama:

HTTP (Hypertext Trasnfer Prothocol), web ağı üzerindeki iki bilgisayarın WWW yapısına göre birbirleriyle iletişim kurmak için kullandığı temel protokoldür.

Doğru Cevap: D

Soru 15

Web teknolojileri üzerinden kendine erişen istemci ile sunucu arasında dosya paylaşımı hangi protokol ile ifade edilir?

SMTP

HTTP

HTML

FTP

Açıklama:

Dosya transfer protokolü (File Transfer Protocol - FTP), web teknolojileri üzerinden kendine erişen istemci ile sunucu arasında dosya paylaşımını ifade etmektedir.

Doğru Cevap: E

Soru 16

Tim Berners-Lee tarafından yazılan ve ilk 1990 yılında yayınlanan web tarayıcısının adı nedir?

Firefox

Mosaic

WorldWideWeb

Netscape

Samba

Açıklama:

Tim Berners-Lee tarafından yazılan ilk web tarayıcısı sayfa 1990 yılında yayınlanan WorldWideWeb dir.

Doğru Cevap: C

Soru 17

Web sayfasına ait metaverilerin tanımlandığı bölüm Html'de hangi taglar arasında belirtilir?

Açıklama:

Birinci bölüm

tagları arasında oluşturulan ve web sayfasına ait metaverilerin tanımlandığı bölümdür. Bu bölümde; web sayfasının tarayıcıda görüntülenecek başlığı, web sayfasının tarayıcıda görüntülenecek resmi (iconu), sayfa içinde kullanılan yazı kodlama tipinin ve karakter setinin ne olduğu, sayfaya bağlı olan harici stil dosyasının konumu, sayfa içi tanımlanan stiller, scriptler ve web sayfasına ait diğer metaveriler tanımlanmaktadır. Bu bölümde tanımlanan özellikler, web sayfasının genel yapısıyla ilgili olan verileri içermektedir.

Doğru Cevap: A

Soru 18

Web tarayıcısına bir elemanı nasıl görüntülemesi gerektiğini basamaklı olarak tanımlayabilen sayfalara ne ad verilir?

CSS

HTML

JavaScript

ASP

PHP

Açıklama:

HTML dili ile beraber en çok kullanılan yapı, basamaklı stil sayfaları (Cascading Style Sheets - CSS) olarak adlandırılan biçimlendirme özellikleridir. Basamaklı terimi, stillerin sırasını ve öncelik düzeyini tanımlamaktadır. Stil, tek bir isimle tanımlanan bir dizi biçimlendirme niteliğidir. Bu biçimlendirme niteliği, web tarayıcısına bir elemanı nasıl görüntülemesi gerektiğini bildirmektedir.

Doğru Cevap: A

Soru 19

HTML dil ile birlikte farklı script dillerinin kullanılmasıyla oluşturulan özellikle günümüz web sayfalarında görünen kullanıcı etkileşimli web sayfalarına ne ad verilir?

Dosya Transfer Web Sayfaları

Kullanıcı Web Sayfaları

Statik Web Sayfaları

Dinamik Web Sayfaları

E-posta Web Sayfaları

Açıklama:

HTML diline destek amaçlı kullanılan bir diğer yapı ise farklı script dillerinin kullanılmasıdır. Özellikle günümüz web sayfalarında görünen kullanıcı etkileşimi ile oluşturulacak dinamik web sayfaları bu diller kullanılarak tasarlanmaktadır.

Doğru Cevap: D

Soru 20

Aşağıdakilerden hangisi ARPA bünyesindeki farklı bilgilerin paydaşlarla etkili bir biçimde paylaşımı için bir ağ oluşturma projesidir?

ARPANET

INTERNET

DARPANET

MICROSOFT

BULUT BİLİŞİM

Açıklama:

WEB TEKNOLOJİSİNİN VE WEB MİMARİSİNİN DOĞUŞU
1969 yılında Larry Roberts
önderliğindeki ekip tarafından gerçekleştirilen ARPANET
projesiyle hayata geçmiştir. ARPANET
projesi, ARPA bünyesindeki proje girişimcilerinin
bilgisayar kaynaklarını paylaşması ve benzer araştırmaların
yapılmasını engellemek amacıyla bilgi
paylaşımının sağlanacağı paket anahtarlamalı bir
ağ oluşturma fikridir.

Doğru Cevap: A

Soru 21

Webin atası olan ARPANET, kaç yılında hayata geçirilmiştir?

1968

1969

1970

1971

1966

Açıklama:

WEB TEKNOLOJİSİNİN VE WEB MİMARİSİNİN DOĞUŞU
Webin atası olan ARPANET, 1969 yılında hayata geçirilmiştir.

Doğru Cevap: B

Soru 22

Aşağıdakilerden hangisi 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?

Internet

ARPANET

DNS

TELENET

ALOHANET

Açıklama:

WEB TEKNOLOJİSİNİN VE WEB MİMARİSİNİN DOĞUŞU
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.

Doğru Cevap: C

Soru 23

Web ağına kesintisiz bağlı olan ve 24 saat boyunca çalışan bilgisayarlara ne ad verilir?

Sunucu

Ana bilgisayar

Yazıcı

Tarayıcı

Fotokopi

Açıklama:

WEB SUNUCULARININ VE STANDARTLARININ GELİŞİMİ
Sunucu, web ağına kesintisiz bağlı olan ve
24 saat boyunca çalışan bilgisayarlardır.
Kullanım amacına göre farklı türde sunucular
bulunmaktadır.

Doğru Cevap: A

Soru 24

Aşağıdakilerden hangisi web ağı üzerinden asenkron iletişim kurmaya olanak sağlayan bir uygulamadır?

E-posta

Sunucu

Internet

Yazıcı

SMTP

Açıklama:

WEB SUNUCULARININ VE STANDARTLARININ GELİŞİMİ
E-posta, web ağı üzerinden asenkron iletişim
kurmaya olanak sağlayan bir uygulamadır.

Doğru Cevap: A

Soru 25

Web ağına bağlı olan her bir dijital cihaza verilen ve söz konusu dijital cihazı tanımlayan benzersiz numaralara ne ad verilir?

IP (Internet Protocol) adresi

E-posta

DNS

SMTP

Internet

Açıklama:

WEB SUNUCULARININ VE STANDARTLARININ GELİŞİMİ
IP (Internet Protocol) adresi, web ağına
bağlı olan her bir sisteme verilen ve o sistemi
tanımlayan benzersiz numaralardır.

Doğru Cevap: A

Soru 26

İlk web tarayıcısı olan WorldWideWeb kaç yılında yazılmıştır?

1990

1991

1992

1989

1993

Açıklama:

WEB TARAYICILARININ GELİŞİMİ
İlk web tarayıcısı olan WorldWideWeb,
1990 yılında CERN’de yazılım mühendisi
olan Tim Berners-Lee tarafından yazılmıştır.

Doğru Cevap: A

Soru 27

Windows işletim sistemleri için geliştirilmiş ilk web tarayıcısı olan Cello hangi yılda geliştirilmiştir?

1993

1992

1991

1990

1989

Açıklama:

WEB TARAYICILARININ GELİŞİMİ
UNIX işletim sistemleri için tasarlanması
nedeniyle, Windows işletim sistemleri için 1993 yılında
ilk web tarayıcısı olan Cello geliştirilmiştir.

Doğru Cevap: A

Soru 28

Aşağıdakilerden hangisi, web tarayıcıları aracılığıyla görüntülenen hipermetin dosyalarıdır?

Web sayfası

Internet

DNS

E-posta

Sunucu

Açıklama:

WEB SAYFASININ YAPISI VE TEMEL ÖZELLİKLERİ
Web sayfası, web tarayıcıları aracılığıyla
görüntülenen hipermetin dosyalarıdır.

Doğru Cevap: A

Soru 29

ARPANET aşağıdakilerden hangisine bağlı kurumda geliştirilmiştir?

Amerika Savunma Bakanlığı

CERN

Amerika Uzay Merkezi

Amerika Ulusal Bilim Vakfı

Amerika Havacılık Merkezi

Açıklama:

Webin atası olan ARPANET, 1969 yılında hayata geçirilmiştir. Amerika Savunma Bakanlığına bağlı İleri Araştırma Projeleri Kurumu (Advanced Research Projects Agency-ARPA) kurularak teknolojik çalışmalar başlatılmıştır.

Doğru Cevap: A

Soru 30

Aşağıdakilerden hangisi farklı iletişim kanalları kullanan ağlardan biri değildir?

CRNNET

ALOHANET

SATNET

TELENET

CYCLADES

Açıklama:

Farklı iletişim kanallarını kullanan ağlar ortaya çıkmıştır. Örneğin Havaii üniversitesi’nin radyo dalgalarını kullanarak veri iletimi yaptığı ALOHANET, uyduların kullanıldığı SATNET, ticari paket anahtarlama ağı olan TELENET, Fransız paket anahtarlama ağı olan CYCLADES gibi farklı veri iletim teknolojilerini de içinde barındıran ağlar kullanılmaya başlanmıştır.

Doğru Cevap: A

Soru 31

İletim Kontrol Protokolü aşağıdakilerden hangisidir?

TCP

DNS

NFS

WWW

UCLA

Açıklama:

İletim Kontrol Protokolü (Transmission Control Protocol - TCP) olarak isimlendirilen bu protokol farklı ağların birbirleriyle bağlanmasının önünü açarak standart bir protokol olmuştur.

Doğru Cevap: A

Soru 32

World Wide Web (WWW) in geliştirildiği merkez aşağıdakilerden hangisidir?

Avrupa Nükleer Araştırma Merkezi

Amerika Savunma Bakanlığı

Avrupa Uzay Merkezi

Asya Ulusal Bilim Vakfı

Avrupa Havacılık Merkezi

Açıklama:

World Wide Web (WWW) uygulamasının ortaya çıkmasındaki başrol oyuncusu Avrupa Nükleer Araştırma Merkezi (CERN)’de yazılım mühendisi olarak çalışan Tim Berners-Lee’dir.

Doğru Cevap: A

Soru 33

………, web ağına kesintisiz bağlı olan ve 24 saat boyunca çalışan bilgisayarlardır.
Yukarıdaki cümlede boş bırakılan yeri aşağıdakilerden hangisi doğru olarak tamamlar?

Sunucu

İstemci

Yönlendirici

İşlemci

Protokol

Açıklama:

Sunucu, web ağına kesintisiz bağlı olan ve 24 saat boyunca çalışan bilgisayarlardır. Kullanım amacına göre farklı türde sunucular bulunmaktadır.

Doğru Cevap: A

Soru 34

SMTP kullanarak eşzamansız iletişim sağlayan sunucu aşağıdakilerden hangisidir?

E-Posta

Web

DNS

FTP

Proxy

Açıklama:

SMTP (Simple Mail Transfer Protocol), e-posta iletim için kullanılan temel protokoldür.

Doğru Cevap: A

Soru 35

Internet için standart haberleşme protokolü aşağıdakilerden hangisidir?

DNS

TCP/IP

ARPANET

WWW

ISP

Açıklama:

1982 yılında TCP/IP, internet için standart haberleşme protokolü olarak kabul edilmiştir. Doğru cevap B şıkkıdır.

Doğru Cevap: B

Soru 36

Web sitelerinin web ağı üzerinden erişilebilmesi amacıyla web sunucuları tarafından verilen barındırma hizmetine verilen ad aşağıdakilerden hangisidir?

Hosting

DNS

Internet Protocol

Proxy

WWW

Açıklama:

Hosting hizmeti, web sitelerinin web ağı üzerinden erişilebilmesi amacıyla web sunucuları tarafından verilen barındırma hizmetidir.

Doğru Cevap: A

Soru 37

IPv6 olarak adlandırılan yeni yapıda IP adres uzunluğu aşağıdakilerden hangisidir?

128 bit

64 bit

32 bit

16 bit

8 bit

Açıklama:

Web ağına bağlanan sistem sayısındaki artış göz önünde bulundurularak IPv6 olarak adlandırılan yeni bir yapıya geçiş yapılmaktadır. Bu yapıda ise adres uzunluğu 128 bit olan IP adresi tanımlanabilmektedir.

Doğru Cevap: A

Soru 38

ftp://anadolu.edu.tr adresli sunucunun kullanım amacı aşağıdakilerden hangisidir?

Dosya paylaşımı

Yönlendirme

Barındırma

Güvenlik duvarı

E-posta

Açıklama:

Web tarayıcısının adres çubuğuna “ftp://anadolu.edu.tr” yazılarak bu sayfa açılmak istendiğinde, istemci bilgisayar FTP protokolünü kullanarak Anadolu Üniversitesi’nin FTP sunucusuyla iletişim kuracaktır. Kurulan iletişim sonucunda açılan sayfada klasörler ve dosyalar görüntülenebilir.

Doğru Cevap: A

Soru 39

2008 yılında bir günde 8 milyondan fazla indirilmesiyle Guinness rekorlar kitabında “24 saatte en çok indirilen program” alanında dünya rekoru kıran web tarayıcısı aşağıdakilerden hangisidir?

Firefox 3

Internet Explorer

Safari

Chrome

Yandex

Açıklama:

2008 yılında bir günde 8 milyondan fazla indirilmesiyle Guinness rekorlar kitabında “24 saatte en çok indirilen program” alanında dünya rekoru kıran web tarayıcısı Firefox 3’tür.

Doğru Cevap: A

Soru 40

Aşağıdakilerden hangisi doğru bir IP adresi biçimidir?

19.2.168.1

192.168.1

168.1

19.2.168.1.0

0.192.168.1.0

Açıklama:

Hiyerarşik bir yapıya sahip olan IP adresleri; dört byte’tan oluşan ve her bir byte 0 ile 255 arasında ondalık değer ile temsil edilen dört rakam grubundan oluşmaktadır. Ayrıca her sayısal değer birbiriyle nokta (.) ayracı ile ayrılmaktadır.
Verilen seçeneklerden yalnızca A şıkkı dört rakam grubundan oluşmaktadır. Doğru cevap A şıkkıdır.

Doğru Cevap: A

Soru 41

Ülke
Kent
Enlem
Boylam
E-posta adresi

Bir kullanıcının IP adresine bakarak yukarıdakilerden hangi bilgilere ulaşılabilir?

Yalnız V

III ve IV

I, II ve III

Yalnız I

I, II, III ve IV

Açıklama:

IP adresine bakarak bir kullanıcının bulunduğu ülkeyi, kenti, enlem ve boylamını belirlemek mümkündür. Doğru cevap E şıkkıdır.

Doğru Cevap: E

Web tarayıcıları aracılığıyla görüntülenen hipermetin dosyalarının uzantısı aşağıdakilerden hangisidir?

CSS

EXE

DLL

HTML

Açıklama:

Web tarayıcıları aracılığıyla görüntülenen hipermetin dosyalarının uzantısı html'dir. Doğru cevap E şıkkıdır.

Doğru Cevap: E

Soru 46

Web sayfasına ait metaverilerin tanımlandığı bölüm aşağıdakilerden hangisidir?

Açıklama:

Birinci bölüm tagları arasında oluşturulan ve web sayfasına ait metaverilerin tanımlandığı bölümdür. Doğru cevap A şıkkıdır.

Doğru Cevap: A

Soru 47

Notepad
EditPlus
Paint

Yukarıda verilen seçeneklerden hangileri ile html dili kullanılarak web sayfası oluşturulabilir?

Yalnız I

Yalnız II

Yalnız III

I ve II

I, II ve III

Açıklama:

Html dili kullanarak web sitesi oluşturmak için metin editörleri üzerinden bir sayfa oluşturulmalıdır. Notepad ve EditPlus metin editörleridir. Paint ise görüntü işlemek içindir. Doğru cevap D şıkkıdır.

Doğru Cevap: D

Soru 48

1969 yılında Larry Roberts liderliğindeki bir ekip tarafından hayata geçirilen ağ projesi aşağıdakilerden hangisidir?

Memex

ARPANET

İntergalaktik ağ

Xanadu

World Wide Web (WWW)

Açıklama:

J.C.R. Licklider’ın ARPA’da görev yaptığı sırada öne sürdüğü ARPA girişimcilerinin birbirleriyle etkili bir biçimde iletişim kurabilecekleri bilgisayar ağı oluşturulması fikri, 1969 yılında Larry Roberts önderliğindeki ekip tarafından gerçekleştirilen ARPANET projesiyle hayata geçmiştir.

Doğru Cevap: B

Soru 49

Arabirim mesaj işlemcileri olarak bilinen ilk paket anahtarlarının kurulduğu kurumlar arasında aşağıdakilerden hangisi yoktur?

Stanford Araştırma Enstitüsü

Utah Üniversitesi

Massachusetts Tekoloji Üniversitesi

Kaliforniya Üniversitesi - Santa Barbara

Kaliforniya Üniversitesi - Los Angeles

Açıklama:

Arabirim mesaj işlemcileri (Interface Message Processors - IMP) olarak bilinen ilk paket anahtarları dört yerde kurulmuştur. Bunlar; Kaliforniya Üniversitesi-Los Angeles (UCLA), Stanford Araştırma Enstitüsü (SRI), Kaliforniya Üniversitesi-Santa Barbara (UCSB) ve Utah Üniversitesi’dir.

Doğru Cevap: C

Soru 50

I - E-posta web üzerinden asenkron iletişim kurmaya olanak sağlayan bir uygulamadır.
II- E-posta adreslerinde @ işaretini ilk olarak Ray Tomlinson kullanmıştır.
III - E-posta iletişimini bulan Tim Berners-Lee'dir.
IV- SMTP e-posta iletimi için kulanılan temel protokoldür.
Bu bilgilerden doğru olan(lar) aşağıdaki seçeneklerden hangisinde eksiksiz olarak verilmiştir?

I ve II

I, II ve III

I, II ve IV

I, III ve IV

I, II, III ve IV

Açıklama:

Tim Berners-Lee e-posta iletişimini bulan değil, www'yi bulan kişidir. Verilen diğer bilgiler doğru olduğıundan, doğru seçenek C'dir.

Doğru Cevap: C

Soru 51

I -Web sunucuları web içerisinde bulunan bir web sayfasına ait tüm verileri içerisinde barındırır.
II -Web sunucuları güçlü donanımsal özelliklere sahiptir.
III - Web sunucuları kesintisiz olarak web ağına bağlı bulunan bilgisayarlardır.
Web sunucularına ilişkin olarak verilen bilgiler aşağıdaki seçeneklerden hangisinde doğru ve eksiksiz olarak yer almaktadır?

Yalnız I

Yalnız III

I ve II

II ve III

I, II ve III

Açıklama:

Verilen bilgilerin tamamı doğrudur.

Doğru Cevap: E

Soru 52

Aşağıdaki ağ uygulamalarından hangisi diğerlerine göre daha geç ortaya çıkmıştır?

NSFNET

ALOHANET

TELENET

CYCLADES

SATNET

Açıklama:

NSFNET 1986 yılında oluşturulmuştur. Diğer ağlar 1970'li yıllarda ortaya çıkmıştır.

Doğru Cevap: A

Soru 53

Web ağına bağlanan tüm sistemlere ait alan adları ve IP adresleri gibi benzersiz tanımlayıcılara ait standartların oluşturulmasında görev alan kurum aşağıdakilerden hangisidir?

NCSA

CERN

ISP

IANA

NAP

Açıklama:

Web ağında kullanılabilecek IP adresleri dünya genelinde merkezi bir kurum olan Internet Corporation for Assigned Names and Numbers - ICANN tarafından yapılmaktadır. Bu kurulun alt birimi olan Internet Assigned Numbers Authority (IANA), web ağına bağlanan tüm sis- temlere ait alan adları ve IP adresleri gibi benzersiz tanımlayıcılara ait standartların oluşturulmasında görev almaktadır.

Doğru Cevap: D

Soru 54

Temel görevi internet trafiğinin daha verimli kullanılması ve aynı sayfayı kullanmak isteyen kullanıcıların hızlıca web sayfasına erişimini sağlamak olan sunucu türü aşağıdakilerden hangisidir?

FTP sunucusu

Proxy sunucusu

DNS sunucusu

Web sunucusu

Güvenlik sunucusu

Açıklama:

Temel görevi internet trafiğinin daha verimli kullanılması ve aynı sayfayı kullanmak isteyen kullanıcıların hızlıca web sayfasına erişimini sağlamak olan sunucu proxy sunucusudur.

Doğru Cevap: B

Soru 55

Windows işletim sisteminin ilk web tarayıcısı olarak 1993 yılında geliştirilen tarayıcı aşağıdakilerden hangisidir?

Cello

Internet Explorere

Netscape

Mosaic

Lynx

Açıklama:

Web tarayıcılarının büyük çoğunluğunun UNIX işletim sistemleri için tasarlanması nedeniyle, Windows işletim sistemleri için 1993 yılında ilk web tarayıcısı olan Cello geliştirilmiştir.

Doğru Cevap: A

Soru 56

Son dönemde pazar payı en yüksek olan web tarayıcıs aşağıdakilerden hangisidir?

Edge

Safari

Chrome

Internet Explorer

Firefox

Açıklama:

Son yıllarda (2016) pazar payında açık ara önde olan web tarayıcısı Chrome'dur.

Doğru Cevap: C

Soru 57

HTML işaretleme dilinin 2014 yılında yayımlanan güncel versiyonu aşağıdakilerden hangisidir?

HTML3.2

HTML4

XHTML

HTML5

HTML7

Açıklama:

W3C bünyesindeki teknoloji uzmanları tarafından webin ihtiyaçları temel alınarak geliştirilen HTML işaretleme dilinin güncel versiyonu 2014 yılında yayınlanan HTML5’tir.

Doğru Cevap: D

Soru 58

ARPANET projesi, kim tarafından hayata geçirilmiştir?

Larry Roberts

Vint Cerf

Bob Kahn

Robert M. Metcalfe

David R. Boggs

Açıklama:

J.C.R. Licklider’ın ARPA’da görev yaptığı sırada öne sürdüğü ARPA girişimcilerinin birbirleriyle etkili bir biçimde iletişim kurabilecekleri bilgisayar ağı oluşturulması fikri, Larry Roberts önderliğindeki ekip tarafından gerçekleştirilmiştir.
1969 yılında Larry Roberts önderliğindeki ekip tarafından gerçekleştirilen ARPANET projesiyle hayata geçmiştir. ARPANET projesi, ARPA bünyesindeki proje girişimcilerinin bilgisayar kaynaklarını paylaşması ve benzer araştırmaların yapılmasını engellemek amacıyla bilgi paylaşımının sağlanacağı paket anahtarlamalı bir ağ oluşturma fikridir.

Doğru Cevap: A

Soru 59

1984 yılında Paul Mockapetris tarafından ortaya konulan sistemin adı nedir?

TCP

BITNET

CSNET

NSF

DNS

Açıklama:

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. Böylelikle günümüzde kullandığımız internet adresleri ortaya çıkmıştır.
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.

Doğru Cevap: E

Soru 60

Aşağıdaki seçeneklerden hangisi web için bir işaretleme dili olan Hipermetin İşaretleme Dilini ifade etmektedir?

HTTP

HTML

URL

ISF

NAP

Açıklama:

Tim Berners-Lee’nin 1990 yılında yazdığı günümüz webinin temel teknolojisidir.
Web için bir işaretleme dili olan Hipermetin İşaretleme Dili Hypertext Markup Language - HTML'dir.

Doğru Cevap: B

Soru 61

1971 yılında ARPANET projesini kullanan bilgisayarlar arasındaki iletişimi sağlayan sistem ile gönderilen e-postanın hangi bilgisayara ve hangi kullanıcıya iletileceğini belirtmek için @ işaretinin konulması kim tarafından geliştirmiştir?

Tomlinson

Bolt

Beranek

Newman

Metcalfe

Açıklama:

SNDMSG uygulaması ile CYPNET aktarım protokolünün birleştirilmesiyle oluşturulan bu sistemde ağ içerisindeki herhangi bir bilgisayara mesaj gönderilebilmektedir. Postaların saklandığı posta kutuları, eklenecek her bir dosyanın posta kutusunun sonuna eklenmesi ve bu eklemenin var olan dosyanın üzerine yazılmaması gibi ilkeler Tomlinson’un geliştirdiği sistem üzerindeki yazılımın temel ilkeleridir.
1971 yılında Bolt, Beranek and Newman (BBN) ileri teknoloji şirketinde çalışan Raymond Samuel Tomlinson, ARPANET projesini kullanan bilgisayarlar arasında iletişimi sağlayacak bir sistem geliştirmiştir.

Doğru Cevap: A

Soru 62

Alan adı sistemi olarak adlandırılan DNS, web ağına bağlı her bir birimin birbirlerine veri göndermek ve almak için kullandıkları internet protokol adresini okunabilir internet adresleriyle eşleştirilmesi için kullanılan sistemi kim tarafından oluşturulmuştur?

Tim Berners-Lee

Paul Mockapetris

Ted Nelson

Vint Cerf

Robert M. Metcalfe

Açıklama:

DNS sunucuları ile internetteki alan adlarının IP adreslerine çevrim işlemi yapılmaktadır. Bu çevrim işleminin yapılmasındaki en büyük neden IP adreslerinin hatırlanmasının zor olmasına karşın alan adlarının hatırlanmasının kolay olması ve IP adreslerinin alan adlarına göre daha çok bilgi içirmesi ve sunucu bilgisayarın web ağının içerisinde nerede olduğunun kolaylıkla bulunabilmesidir.
Paul Mockapetris tarafından 1984 yılında ortaya konulan bu sistem ile web tarayıcısına yazılan bir internet adresindeki alan adını barındıran sunucu bilgisayarın IP adresi çözümlenerek ilgili web sunucusuna bağlanılabilmektedir.

Doğru Cevap: B

Soru 63

İnternet trafiğinin daha verimli kullanılabilmesini ve aynı sayfayı görüntülemek isteyen kullanıcıların hızlı bir biçimde web sayfasına erişimini sağlayan hangi sunucudur?

Web sunucuları

DNS sunucuları

Proxy sunucuları

FTP sunucuları

Güvenlik sunucuları

Açıklama:

Proxy sunucuları, kullanıcılar tarafından girilen web sayfalarının bir kopyası alınarak kendi sabit diskinde yedeklemektedir.
Web ağına bağlanmak için mutlaka Proxy sunucusuna gereksinim duyulmamaktadır.

Doğru Cevap: C

Soru 64

Bir bilgisayardan diğerine gönderilecek iletinin, ağ üzerinde gönderilebilecek uzunlukta küçük paketlere bölerek gönderilmesi işlemi nasıl adlandırılmaktadır?

URL

JPEG

DNS

FTP

TCP

Açıklama:

TCP protokolü kullanılarak oluşturulan her küçük pakette gönderilecek iletinin bir parçası, hangi bilgisayardan gönderildiği, hangi bilgisayara gönderileceği gibi çeşitli bilgiler bulunmaktadır.
web sunucusu kendi içinde bulunan ve HTML işaretleme dili kullanılarak oluşturulmuş olan “index.html” dosyasına ait kodları web tarayıcısının bulunduğu bilgisayara gönderir. Gönderme işlemi ise TCP protokolü ile sağlanmaktadır. TCP protokolü, bir bilgisayardan diğerine gönderilecek iletiyi, ağ üzerinde gönderilebilecek uzunlukta küçük paketlere bölerek gönderilmesi işlemidir.

Doğru Cevap: E

Soru 65

I.E-posta sunucuları
II.Web sunucuları
III.Proxy sunucuları
Yukarıda verilen sunuculardan hangisi web teknolojisinin gelişimi ile paralel olarak kullanılmaya başlayan sunuculardandır?

Yalnız I

I-II

II-III

I-III

I-II-III

Açıklama:

Web teknolojisinin gelişimiyle paralel olarak kullanılmaya başlayan ve sırasıyla anlatılacak olan sunucular şunlardır;
• E-posta sunucuları
• Web sunucuları
• DNS sunucuları
• FTP sunucuları
• Proxy sunucuları
• Güvenlik sunucuları

Doğru Cevap: E

Soru 66

E-posta adreslerinde @ işaretini ilk kim kullanmıştır?

Ray Tomlinson

Ted Nelson

Robert M. Metcalfe

Vint Cerf

Marc Andeeseen

Açıklama:

@ işaretinin e-posta adreslerinde ilk olarak
Ray Tomlinson tarafından kullanılmıştır.

Doğru Cevap: A

Soru 67

Aşağıdakilerden hangisi e-posta adresine göre mesajın iletileceği alıcı e-posta sunucusuyla güvenilir ve doğrudan bağlantı kurmayı sağlayan protokolün ismidir?

KMTP

BMPT

SMTP

NTMP

SSTP

Açıklama:

Gönderici e-posta sunucusunda bulunan Basit Posta İletim Protokolü (Simple Mail Transfer Protocol
- SMTP)’nün istemci tarafı alıcının e-posta adresine göre mesajın iletileceği alıcı e-posta sunucusuyla
güvenilir ve doğrudan bir bağlantı kurar

Doğru Cevap: C

Soru 68

Aşağıda web sunucuları hakkında verilen bilgilerden hangisi hatalıdır?

Web sunucuları içerisinde metin, resim, video gibi dosyaların bulunduğu güçlü bilgisayarlardır.

Web sayfalarının diğer bilgisayarlardan görüntülenmesi için HTML işaretleme dili kullanılır.

İlk olarak 1980 yılında ortaya çıkmıştır.

Web sunucularının temelini Tim Berness-Lee atmıştır.

Web sayfalarının sorunsuz görüntülenmesi için kesintisiz olarak web ağına bağlı bilgisayarlar tarafından sağlanmalıdır.

Açıklama:

Web sunucularının temeli 1990 yılında atılmıştır.

Doğru Cevap: C

Soru 69

Web ağına bağlı ola her sisteme verilen ve o sistemi tanımlayan benzersiz numaralara ne ad verilir?

IP (Internet Protocol)

DNS (Domain Name System)

HTTP (Hypertext Trasnfer Prothocol)

TCP

SMTP (Simple Mail Transfer Protocol)

Açıklama:

IP (Internet Protocol) adresi, web ağına bağlı olan her bir sisteme verilen ve o sis-temi tanımlayan benzersiz numaralardır

Doğru Cevap: A

Soru 70

IP adresleri ile verilen bilgilerden hangisi yanlıştır?

Web ağına bağlı her bir sistem için kullanılan benzersiz numaralardır.

IP adresi olmayan sistemler web ağına erişim sağlayabilirler.

IP adresleri IPv4 ve IPv6 olarak iki metotla oluşturulur.

IP adresleri dünya genelinde ICANN tarafından yapılmaktadır.

IP adresine bakarak kullanıcının hangi ülke ve şehirden bağlandığı bulunabilir.

Açıklama:

Web ağına bağlı sitemlerin mutlaka IP adresi olmak zorundadır.

Doğru Cevap: B

Bir web sayfasına ait HTML kodları (?) başlangıç tagı ile başlamakta ve (?) bitiş tagı ile sonlandırılmaktadır.
Yukarıdaki ifadede (?) ile belirtilen yerlere aşağıdakilerden hangileri gelmelidir?

Açıklama:

Bir web sayfasına ait HTML kodları başlangıç tagı ile başlamakta ve bitiş tagı ile sonlandırılmaktadır.

Doğru Cevap: A

Açıköğretim Fakültesi
Yönetim Bilişim Sistemleri Programı

Yukarıda verilen kod ile ilgili aşağıdakilerden hangisi söylenebilir?

Kategorik liste oluşturulmuştur.

Sıralı liste oluşturulmuştur.

Sırasız liste oluşturulmuştur.

Tablo oluşturulmuştur.

Metin biçimlendirmesi yapılmıştır.

Açıklama:

Kategorik listelerin oluşturulması için

, kategoriler içerisinde yer alacak seçenekler için: etiketleri kullanılır ve her bir açılan etiket yine

, veya etiketleri ile kapatılmalıdır.

Doğru Cevap: A

Soru 5

etiketi ile aşağıdakilerden hangisi yapılmaktadır?

Köprü ve bağlantı

Sıralı liste

Metin biçimlendirme

Başlık

Stil kullanımı

Açıklama:

Köprü veya diğer adı ile link verme html sayfa tasarımlarında kullanılan en önemli özelliklerden biridir. Bu kapsamda kullanılması gereken etiket

etiketidir.

Doğru Cevap: A

Soru 6

h1 {color:red;} ile başlık için belirlenen stil hangi işlevi yerine getirmektedir?

Renk belirleme

Yazı tipi

Paragraf girintisi

Hizalama

Yazı stili

Açıklama:

Gömülü stil kullanımına örnek olabilecek bu kod renk belirleme işlemi yapmaktadır.

Doğru Cevap: A

Soru 7

href=”elearning.css” ifadesiyle ne yapılmıştır?

Etiket içi stil kullanımı

Gömülü stil kullanımı

id seçici ile stil tanımlama

class seçici ile stil tanımlama

Css dosyasının link etiketi ile çağrılması

Açıklama:

HTML de stil kullanımı etiket içerisinde, gömülü ve dışarıdan stil dosyası kullanımı olarak üç farklı şekilde gerçekleştirilebilir. href=”elearning.css” ifadesiyle Css dosyasının link etiketi ile çağrılması yapılmıştır.

Doğru Cevap: E

Soru 8

Sitenizi "Sistem, Oyun, Şans" kelimeleri ile ön plana çıkarmak istediğinizde; siteye eklenmesi gereken html etiketi aşağıdakilerden hangisidir?

h=”keywords” content =”Sistem, Oyun, Şans”

small=”keywords” content =”Sistem, Oyun, Şans”

meta=”keywords” content =”Sistem, Oyun, Şans”

head=”keywords” content =”Sistem, Oyun, Şans”

body=”keywords” content =”Sistem, Oyun, Şans”

Açıklama:

Sitenizi "Sistem, Oyun, Şans" kelimeleri ile ön plana çıkarmak istersek sitemize meta=”keywords” content =”Sistem, Oyun, Şans” etiketini eklemeyiz.

Doğru Cevap: C

Soru 9

Html ile H₂O formülü yazılmak isteniyor, bu formüldeki 2'yi alt simge olarak yazmak için hangi html etiketi kullanılmalıdır?

small

big

lower

font

Açıklama:

Html de small etiketi arasına yazılacak karakterler alt simge olarak görünecektir.

Doğru Cevap: A

Soru 10

Web tasarımlarında sıklıkla kullanılan alt satıra geçiş işlemi için ilgili metnin sonrasına hangi etiket kullanılmalıdır?

Açıklama:

Web tasarımlarında sıklıkla kullanılan alt satıra geçiş işlemi için ilgili metnin sonrasına
etiketi kullanılmalıdır.

Doğru Cevap: D

Soru 11

Yazılan metin bir paragraf ise bu metin hangi etiket arasında yazılmalıdır?

Açıklama:

text-align: Center, left, right, justify özelliklerinden oluşur.

Doğru Cevap: E

Soru 16

Html sayfasındaki stilin "gömülü stil" olarak adlandıralabilmesi için style etiketi hangi html etiketleri arasında yazılmadır?

body

head

span

Açıklama:

Head etiketleri arasına yazılan stillere gömülü stil denir.

Doğru Cevap: D

Soru 17

Tarihte günümüz internetin çalışma prensiplerini öngöreren ilk kişi kimdir?

Vannevar Bush

Ted Nelson

Doug Engelbart

Tim Berners Lee

J.C.R. Licklider’

Açıklama:

WEB TEKNOLOJİSİNİN VE WEB MİMARİSİNİN DOĞUŞU
Yirminci yüzyıla gelindiğinde, Vannevar Bush
1945 yılında yazmış olduğu “As we make think”
isimli makale ile günümüz internetin çalışma prensiplerini
öngörerek bir “Memex” isimli foto elektriksel
temelle çalışan teorik bir makineden söz etmiştir.
İnsan zihninin geliştirilmiş bir modellemesi olan bu
depolama ve geri çağırma aygıtı; bir kimsenin tüm
kitaplarının, kayıtlarının ve mesajlarının mikrofilm
olarak depolamasına, bunların birbirleriyle ilişkilendirilmesine
ve bunlar arasındaki bağlantıların
olağanüstü hız ve esneklikle takip edilmesine olanak
sağlamaktadır.

Doğru Cevap: A

Soru 18

HTML kodlamasında alıntı (") karakterinin yazımında hangi özel karakter seti kullanılmalıdır?

Açıklama:

Alıntı (") için

karakter seti kullanılır.

Doğru Cevap: E

Soru 19

Aşağıdakilerden hangisi HTML özel karakterlerin yazımında başta kullanılan işaret aşağıdakilerden hangisidir?

& işareti

= işareti

> işareti

< işareti

“ işareti

Açıklama:

Html işaretleme dilinde < ,’, “, gibi özel karakterlerin yazımında kullanılan özel kodlar & ile başlar.

Doğru Cevap: A

Soru 20

Bir web sayfasındaki yazının başlık türünü belirleyen etiket hangi aralıklarda değer alır?

1-6

1-5

2-4

1-3

1-8

Açıklama:

İlgili etiket () 1 ile 6 arasında değer alır ve sayı arttıkça başlığın büyüklüğü azalmaktadır. Ters orantı söz konusudur.

Doğru Cevap: A

Soru 21

<-i-> etiketi metin üzerinde aşağıdaki işlevlerden hangisini yerine getirmektedir?

İtalik vurgu

Koyu vurgu

Boşluk verme

Altı çizgili vurgu

Renkli yazı

Açıklama:

<-i-> etiketi metin üzerinde italik düzenleme yapar.

Doğru Cevap: A

Soru 22

Hex kodu #000000 olarak verilen renk aşağıdakilerden hangisidir?

Siyah

Kırmızı

Beyaz

Mavi

Sarı

Açıklama:

Renklere ait hex kodlarına bakıldığında #FF0000 Kırmızı, #000000 Siyah ve #FFFFFF Beyazdır.

Doğru Cevap: A

Soru 23

Bir web geliştiricisi web sayfalarındaki Türkçe karakter sorununun çözümü içinetiketinde aşağıdaki hangi parametreyi kullanmalıdır?

charset

face

color

content

head

Açıklama:

Türkçe sorununun çözümünde meta etiketine charset parametresi olarak UTF-8 veya Windows-1254 atamak sorunu çözecektir.

Doğru Cevap: A

Soru 24

Yazılan bir paragrafı iki yana yaslı yazmak isteyen bir kodlayıcı web tasarımınında hangi parametreyi kullanmalıdır?

align=“justify”

align=“left”

align=“right”

align=“top”

align=“bottom”

Açıklama:

Yazılan bir paragrafı iki yana yaslı yazmak isteyen bir kodlayıcı align=“justify” parametresi yazmalıdır.

Doğru Cevap: A

Soru 25

Metinlerde stil kullanımında text-align aşağıdaki işlevlerden hangisini yerine getirmektedir?

Hizalama

Yazı rengi

Yazı stili

Zemin rengi

Paragraf girintisi

Açıklama:

Metinlerde text-align stili hizalama için kullanılır.

Web tasarımında alt satıra geçiş için ilgili metnin sonunda kullanılan etiketin "<" ile ">" karakterleri arasında yazılan bölümü aşağıdakilerden hangisidir?

Açıklama:

Web tasarımında alt satıra geçiş için ilgili metnin sonunda kullanılan etiketin "<" ile ">" karakterleri arasında yazılan bölümü "br" dir.

Doğru Cevap: E

Soru 30

I- Sıralı liste
II- Sırasız liste
III- Öncelikli liste
IV- Kategorik liste
HTML işaretleme dilindeki liste türleri aşağıdaki seçeneklerden hangisinde doğru ve eksiksiz olarak verilmiştir?

I ve II

II ve III

I, II ve IV

I, III ve IV

I, II, III ve IV

Açıklama:

HTML işaretleme dilindeki liste türler; sıralı, sırasız ve kategorik liste olmak üzere 3 çeşittir.

Doğru Cevap: C

Soru 31

HTML işaretleme dilinde köprü ve/veya link verme işlemi "<" ve ">" karakterleri arasına yazılan hangi etiketle başlayıp hangi etiketle biter?

"dt" ve "/dt"

"dd" ve "/dd"

"a" ve "/a"

"dl" ve "/dl"

"b" ve "/b"

Açıklama:

HTML işaretleme dilinde köprü ve/veya link verme işlemi "<" ve ">" karakterleri arasına yazılan "a" etiketiyle başlayıp "/a" etiketiyle biter?

Doğru Cevap: C

Soru 32

HTML'de bir metnin altının çizili olması işlevi aşağıdaki özelliklerden hangisi ile sağlanır?

text-align

text-transform

text-indent

text-decoration

font-family

Açıklama:

HTML işaretleme dilinde bir metnin altının çizili olması işlevi "text-decoration" özelliği ile sağlanır.

Doğru Cevap: D

Soru 33

I- link
II- span
III- @import
IV- get
Bir web sayfası tasarımında dışarıdan CSS çağırmada kullanılan etiketler aşağıdaki seçeneklerden hangisinde doğru ve tam olarak verilmiştir?

I ve II

I ve III

II ve IV

II, III ve IV

Sıralı liste etiketi aşağıdaki seçeneklerden hangisinde yer almaktadır?

Açıklama:

Bu konu Listelerin Oluşturulması başlığı altında okunabilir.
Html dilinde sıralı liste

etiketi ile oluşturulur.

Doğru Cevap: A

Soru 38

Link vermek için kullanılan etiket aşağıdakilerden hangisidir?

<-a href="..."->

<-link rel="..."->

@import "..."

<-a link="..."->

<-style type="..."->

Açıklama:

Bu konu Köprü ve Bağlantıların Kurulması başlığı altında okunabilir.
Link verme etiketi <-a href="..."->'dir.

Doğru Cevap: A

Soru 39

HTML’de stil kullanımı kaç farklı şekilde gerçekleştirilebilir?

Bir

İki

Üç

Dört

Beş

Açıklama:

Aşağıdakilerden hangisi
"<"
işaretinin
"&"
ile
";"
karakterleri arasında yazılan özel karakter setidir?

nbsp

quot

disk ve square

disk, elips ve square

elips, circle ve square

circle, disk ve triangle

disk, circle ve square

Açıklama:

Doğru yanıt E'dir.

Doğru Cevap: E

Soru 53

Html kodlama sisteminde kalın yazılmak istenen bölüm için o bölümden hemen önce

etiketi ilave edilir, bitirmek için hangi etiket kullanılır?

<-h>

<-b>

<-font>

Açıklama:

html kodlama sisteminde ilgili metnin içerisinde kendisini takip eden metinden hemen önce etiketi ilave edilir. Eğer bu etiket sonlandırılmazsa kendisinden sonra gelecek tüm metinleri koyulaştıracaktır. Bunu engellemek için etiketi ile koyu olması istenilen yerden hemen sonra sonlandırmak gerekir.
Yanıt A. html kodlama sisteminde ilgili metnin içerisinde kendisini takip eden metinden hemen önce

etiketi ilave edilir. Eğer bu etiket sonlandırılmazsa kendisinden sonra gelecek tüm metinleri koyulaştıracaktır. Bunu engellemek için
etiketi ile koyu olması istenilen yerden hemen sonra sonlandırmak gerekir.

Doğru Cevap: A

Soru 54

Html'de bir etiket oluşturabilmek için mutlaka kullanılması gereken işaret hangisidir?

(

[

Açıklama:

Yanıt A. Html kodu yazımı, belirli bir kalıp içerisinde olmaktadır. Html, head ve body olarak üç parça bilginin yer aldığı bu yapıda < ve > işaretleri içerisine ifadeler yazılırken, bu ifadelerin her birine etiket denir. Ayrıca kod yapılarının bittiğini belirtmek için şeklinde bir kullanım söz konusudur.

Doğru Cevap: A

Soru 55

Bir html tasarımı hangi etiket ile başlamalıdır?

Açıklama:

Yanıt A. Bir html tasarımı etiketi ile başlar ve etiketi ile biter.

Doğru Cevap: A

Soru 56

Font etiketi ile aşağıdakilerden hangileri değiştirilebilir?

yazının rengi,
yazının büyüklüğü
yazının tipi

Yalnız I

Yalnız II

Yalnız III

Yalnız I ve II

I, II ve III

Açıklama:

Yanıt E. font etiketi ile yazının rengi, büyüklüğü ve tipi değiştirilebilir. Bunun için sırası ile color, size ve face parametreleri kullanılır.

Doğru Cevap: E

Soru 57

Html'de alt satıra geçişte kullanılan etiket hangisidir?

<-&%>

Açıklama:

Yanıt A.
etiketi alt satıra geçişte kullanılan bir html etiketidir.

Doğru Cevap: A

Soru 58

Htlm'de metinlerin sıralanması veya kategorilenmesi adına kullanılan kaç çeşit liste vardır?

Açıklama:

Yanıt C. Html işaretleme dilinde sıralı liste (

) olmak üzere üç farklı liste seçeneği bulunmaktadır.

Doğru Cevap: C

Soru 59

Hangisi "text-align" özelliğinin alabileceği değerlerden biridir?

justify

Underline

Uppercase

Verdana

blue

Açıklama:

Hizalama anlamına gelen özelliğin alabileceği ifadeler Center, left, right, justify dır. Yanıt A.

Doğru Cevap: A

Soru 60

Hangisi ya da hangileri biçimlendirme özelliklerinden olan "text-transform" özelliğinin alabileceği değerlerdendir?

uppercase
lowercase
capitalize

Yalnız I

Yalnız II

Yalnız III

Yalnız I ve II

I, II ve III

Açıklama:

Yanıt E.

Doğru Cevap: E

Soru 61

Htmlde stil kullanımı kaç şekilde gerçekleştirilebilir?

Açıklama:

Htmlde stil kullanımı etiket içerisinde, gömülü ve dışarıdan stil dosyası kullanımı olarak üç farklı şekilde gerçekleştirilebilir.Yanıt C.

Doğru Cevap: C

Soru 62

HTML’de enter tuşunun işlevini gören etiket aşağıdakilerden hangisidir?

Açıklama:

etiketi html’de enter tuşunun işlevini yerine getirmekte, tarayıcı da alt satıra geçişi sağlamaktadır.

Doğru Cevap: B

Soru 63

Aşağıdakilerden hangisi HTML’de özel karakter kullanımı söz konusudur?

c>d

a&a

#12

Açıklama:

Html işaretleme dilinde < ,’, “, gibi özel karakterlerin yazımında & ile başlayan özel kodlar bulunmaktadır.

Doğru Cevap: D

Soru 64

HTML’de Türkçe karakter sorunu yaşanması durumunda aşağıdakilerden hangisi kullanılmaktadır?

UTF-8

Windows-8

UTF-1254

Windows-1010

UTF-1010

Açıklama:

Meta etiketleri içerisinde metin düzenleme adına özellikle charset önemli bir kullanımdır. Türkçe karakter sorunu yaşanması durumunda UTF-8 veya windows-1254 atanarak sorun çözülecektir.

Doğru Cevap: A

Soru 65

Bir HTML sayfası hangi etiketle başlar hangi etiketler biter?

..</ TITLE ></p>

Açıklama:

Bir web sayfaı html tasarımı etiketi ile başlar ve etiketi ile biter.

Doğru Cevap: D

Soru 66

HTML’de başlık etiketi aşağıdakilerden hangisidir?

..

Açıklama:

Bir web sayfasındaki yazının başlık türü etiketi ile belirtilir. Bu etiket yanına 1’den 6’ya kadar sayı alır ve böylece yazı başlığının hangi derecede öneme sahip olduğu belirtilebilir. Bir kitabın içindekiler sayfası düşünüldüğünde bunların her biri bir başlıktır ve metin içinde etiketi ile işaretlenmelidirler. Ancak başlık biter bitmez metin bilgisinin başlık olmadığını belirtmek için etiketi kullanılmalıdır.

Doğru Cevap: D

Soru 67

Günümüz dijital teknolojilerinden en önemlilerinden biri de Tabletlerdir. Tabletler özellikle çocuklar için…. Günümüzde fiyatları da oldukça ekonomik hale gelmiştir.
Yukarıdaki HTML parçasına göre aşağıdakilerden hangisi oluşur.

Günümüz dijital teknolojilerinden en önemlilerinden biri de Tabletlerdir. Tabletler özellikle çocuklar için…. Günümüzde fiyatları da oldukça ekonomik hale gelmiştir.

Günümüz dijital teknolojilerinden en önemlilerinden biri de Tabletlerdir. Tabletler özellikle çocuklar için…. Günümüzde fiyatları da oldukça ekonomik hale gelmiştir.

Günümüz dijital teknolojilerinden en önemlilerinden biri de Tabletlerdir. Tabletler özellikle çocuklar için…. Günümüzde fiyatları da oldukça ekonomik hale gelmiştir.

Günümüz dijital teknolojilerinden en önemlilerinden biri de Tabletlerdir. Tabletler özellikle çocuklar için…. Günümüzde fiyatları da oldukça ekonomik hale gelmiştir.

Açıklama:

Paragrafı iki yana yaslar, dijital teknolojilerinden eğik yazar, Tabletlerdir. Mavi yazar.

Doğru Cevap: A

Soru 68

HTML’de romen rakamlarıyla listeleme hangi etiketle yapılır?

Açıklama:

S.35 deki Resim 2.9 Sıralı ve sırasız liste kullanım örnekleri tablosuna göre

ile yapılmaktadır.

Doğru Cevap: D

Soru 69

Aşağıdakilerden hangisi kendi sunucumuzda bulanan bir web sayfasına bir bağlantı etiketidir?

" href="muzik.mp3">muzik</a>"

" href="https://www.anadolu.edu.tr/muzik.mp3">muzik</a>"

" herf="https://www.anadolu.edu.tr/keman/muzik.mp3">muzik</a>"

" hrf="muzik.mp3">muzik</a>"

"="https://www.anadolu.edu.tr/muzik.mp3">muzik</a>"

Açıklama:

Kendi sunucumuzda bulunan bir web sayfasına adres yazmak zorunda değiliz.
" href="muzik.mp3">muzik</a>"

Doğru Cevap: A

Soru 70

HTML’de yazının büyüklüğünü değiştiren etiket hangisidir?

Açıklama:

S39 Tablo 2.3 Stil parametresinin alabileceği bazı özellikler, işlevleri ve örnek değerler doğrudur.

Doğru Cevap: C

Soru 71

Aşağıdakilerden hangisi web sayfasında "birinci derece başlık" için kullanılmaktadır?

</p>

Açıklama:

Birinci derece başlık

etiketiyle kullanılmaktadır.

Doğru Cevap: A

Soru 72

Yazı özellikleri
Yukarıdaki kod örneğinde X ile işaretlenen yere font etiketinin hangi özelliği gelmelidir?

face

size

color

align

type

Açıklama:

Font etiketi hangi özellik verilmesi gerekiyorsa yanına o parametre veya parametreleri ile birlikte kullanılır. Üç parametre almaktadır. face parametresi ile yazı tipi (times new roman, arial vb.), size ile punto olarak yazı büyüklüğü, color ile de yazı rengi (red, blue vb.) değiştirilebilir.
Yazıya verilmek istenen rengin İngilizce adı (ör: red, yellow vb.) veya hex kodu (ör: #d73b3e) internetten bulunabilir.

Doğru Cevap: C

Soru 73

Yazı özellikleri
Yukarıdaki kod örneğinde x ile işaretlenen yere font etiketinin hangi özelliği gelmelidir?

size

color

face

border

align

Açıklama:

Face parametresi ile yazı tipi (times new roman, arial vb.), size ile punto olarak yazı büyüklüğü, color ile de yazı rengi (red, blue vb.) değiştirilebilir.

Doğru Cevap: C

Soru 74

Sıralı liste oluşturmak için aşağıdaki html etiketlerinden hangisi kullanılmalıdır?

Açıklama:

Html işaretleme dilinde sıralı liste (

) olmak üzere üç farklı liste seçeneği bulunmaktadır.

Doğru Cevap: E

Soru 75

Sırasız liste oluşturmak için aşağıdaki html etiketlerinden hangisi kullanılmalıdır?

Açıklama:

Html işaretleme dilinde sıralı liste (

) olmak üzere üç farklı liste seçeneği bulunmaktadır.

Doğru Cevap: A

Soru 76

Ana Sayfaya Dön
Yukarıda köprü-bağlantı kullanımına verilen örnekte "x" ile gösterilen yere "a" etiketinin hangi özelliği gelmelidir?

border

name

face

href

target

Açıklama:

Köprü veya diğer adı ile link verme html sayfa tasarımlarında kullanılan en önemli özelliklerden biridir. Bu kapsamda herhangi bir metin veya resme tıklanması durumunda yeni bir sayfanın açılması, sayfanın yeniden yüklenmesi, resim, ses veya video dosyalarının açılması sağlanabilir. Bu kapsamda kullanılması gereken etiket
... etiketidir.

Doğru Cevap: D

Soru 77

Metin kullanımında style parametresinin alabileceği temel özelliklerden "text-indent" özelliğinin işlevi aşağıdakilerden hangisidir?

Yazı rengi

Yazı stili

Hizalama

Paragraf girintisi

Zemin rengi

Açıklama:

Doğru Cevap: D

Soru 78

Metin kullanımında style parametresinin alabileceği temel özelliklerden "text-decoration" özelliğinin işlevi aşağıdakilerden hangisidir?

Altı çizili olma

Zemin rengi

Paragraf girintisi

Hizalama

Yazı büyüklüğü

Açıklama:

https://ets.anadolu.edu.tr/storage/nfs/questions/83766b6c97780b468b33857c43fcb922.png

Doğru Cevap: A

Soru 79

Paragraf ortalanır.
Yukarıdaki HTML kodunda paragrafın ortalanması için "p" etiketinin hangi align özelliğini alması gerekmektedir?

left

right

center

justify

top

Soru 90

Html'de en büyük başlık için hangisi kullanılır?

24 punto

Açıklama:

Bir web sayfasındaki yazının başlık türü h etiketi ile belirtilir. Bu etiket yanına 1’den 6’ya kadar sayı alır ve böylece yazı başlığının hangi derecede öneme sahip olduğu belirtilebilir. Birinci derecede başlık için h1 kullanılır.

HTML’de metni altı çizili hale getirmek için hangi etiket kullanılır?

Açıklama:

HTML'de etiketi, metnin altını çizmek için kullanılır.

Doğru Cevap: B

Soru 95

Bir HTML sayfasında web tarayıcılarının doğru karakterleri görüntülemesi için hangi meta etiketi kullanılır?

Açıklama:

Bu meta etiketi, tarayıcının sayfanın karakter kodlamasını doğru yorumlamasını sağlar.

Doğru Cevap: A

Soru 96

I, IV ve V

I, III ve V

Açıklama:

Aşağıdaki açıklamalar uyarınca doğru cevap "D" seçeneğidir.
Kitaptan alıntıdır (sf.58, Tablo 3.2):

Doğru Cevap: D

Soru 7

Hazırlanan web sayfasında videolara başlangıçta resim atamak aşağıdaki parametrelerden hangisi ile mümkündür?

controls

loop

poster

autoplay

source

Açıklama:

Kitaptan alıntıdır:

Aşağıdaki açıklamalar uyarınca doğru cevap "C" seçeneğidir.

Doğru Cevap: C

Soru 8

Web sitesine adres konum bilgisi eklemek için aşağıdaki parametrelerden hangisi kulllanılmalıdır?

img

iframe

map

usemap

area shape

Açıklama:

Kitaptan alıntıdır:
maps.google.com adresinden Anadolu Üniversitesi konum olarak aratılmalı ve nokta olarak belirtilmelidir. Sonrasında ise sol üst köşede görünen menü seçeneğine tıklanmalı ve gelen seçenekten de Paylaşın veya harita yerleştirin seçeneği, Sonrasında gelen ekranda ise bağlantı paylaşın yerine haritayı yerleştir seçeneği seçilmelidir. Gelen ekranda ayrıca sayfaya yapıştırılacak kodun < iframe > olarak geldiği görülebilir.
< iframe > Aşağıdaki açıklamalar uyarınca doğru cevap "B" seçeneğidir. maps.google.com adresinden Anadolu Üniversitesi konum olarak aratılmalı ve nokta olarak belirtilmelidir. Sonrasında ise sol üst köşede görünen menü seçeneğine tıklanmalı ve gelen seçenekten de Paylaşın veya harita yerleştirin seçeneği, Sonrasında gelen ekranda ise bağlantı paylaşın yerine haritayı yerleştir seçeneği seçilmelidir. Gelen ekranda ayrıca sayfaya yapıştırılacak kodun

</code></pre><br/><p> olarak geldiği görülebilir. Nihai olarak bu ekrandan karar verilebilecek bir diğer konu ise haritanın gösterilecek web sayfası içerisindeki büyüklüğüdür. Bunun için sol üst köşede küçük, orta, büyük ve özel boyut şeklinde seçenekler sunulmaktadır. İstenirse değerlerin girilmesi için özel boyut seçilerek büyüklük ayarlanabilir. Son seçim işleminden sonra </p>

</code></pre><br/><p> olarak geldiği görülebilir. Nihai olarak bu ekrandan karar verilebilecek bir diğer konu ise haritanın gösterilecek web sayfası içerisindeki büyüklüğüdür. Bunun için sol üst köşede küçük, orta, büyük ve özel boyut şeklinde seçenekler sunulmaktadır. İstenirse değerlerin girilmesi için özel boyut seçilerek büyüklük ayarlanabilir. Son seçim işleminden sonra </p>

Doğru Cevap: B

Soru 9

Video etiketinin alabileceği bazı stil özellikleri arasında aşağıdakilerden hangisi video ile kenarlık arası boşluğu ayarlar?

width

height

max-width

padding

border

Açıklama:

Aşağıdaki açıklamalar uyarınca doğru cevap "D" seçeneğidir.
Kitaptan alıntıdır (sf.69, Tablo 3.3):

Doğru Cevap: D

Soru 10

Video ve ses başta olmak üzere çok sayıda denetimi ile çokluortam öğelerinin kullanımını kolaylaştıran yeni html sürümü aşağıdakilerden hangisidir?

HTML5

HTML4

XHTML

HTML7

HTMLX

Açıklama:

Günümüzde web siteleri çoğunlukla Çokluortam öğelerini tercih etmektedirler. Metin tabanlı web sitelerine göre daha eğlenceli olması ve ilgi çekmesi, çok sayıda duyu organına hitap etmesi, sözel anlatıma oranla daha kolay anlatım fırsatı sunması gibi nedenler web tasarımında çokluortam öğelerinin kullanımını önemli kılmaktadır. Bu ünitede ise teknik anlamda web sayfasında çokluortam öğelerinin nasıl siteye dâhil edileceği ele alınmıştır. Ayrıca günümüz tarayıcıları tarafından desteklenmesi ve çokluortam öğelerinin kullanımını kolaylaştırması, sahip olduğu işlevselliği artırması nedeniyle html5 komutlarından da yararlanılmıştır.
Html5 video ve ses başta olmak üzere çok sayıda denetimi ile çokluortam öğelerinin kullanımını kolaylaştıran yeni bir html sürümüdür.

Doğru Cevap: A

Soru 11

img .....=”resmin bulunduğu konum ve resim dosyasının adı “ width=”x” height=”y”

Yukarıdaki boşluğa aşağıdakilerden hangisi gelmelidir?

href

src

value

linkrel

Açıklama:

Çokluortam öğeleri olarak metinden sonra en sık kullanılan öğelerin başında resim gelmektedir. Görsellik olarak gerek içerik sunumunu kolaylaştırması, gerek kolay bir şekilde kullanılabilmesi resimlerin web sayfalarında yer bulmasını sağlamıştır. Html’de resimlerin gösterimi için img etiketi aşağıdaki şekilde kullanılmaktadır.

Doğru Cevap: B

Soru 12

Aşağıdakilerden hangisi resim etiketi olan etiketinin alabileceği parametrelerden değildir?

alt

align

color

border

usemap

Açıklama:

Resim etiketi olan etiketinin alabileceği birkaç önemli parametresi daha bulunmaktadır. Bunlara örnek olarak border, alt, align ve usemap parametreleri verilebilir.
color

Doğru Cevap: C

Soru 13

Resim haritaları (image maps) resimlerin üzerindeki bir veya daha fazla noktaya link verme amacı ile kullanılmaktadır. Resim haritalarının oluşturulmasında etiketi hangiparametre ile kullanılmalıdır?

map

width

height

usemap

border

Açıklama:

usemap.
Resim haritaları (image maps) resimlerin üzerindeki bir veya daha fazla noktaya link verme amacı ile kullanılmaktadır. Örnek olarak yedi coğrafi bölgeden oluşan Türkiye Coğrafi Bölgesi haritası göz önünde bulundurulur ve bolgeler.html sayfasında kullanıldığı varsayılırsa, her bir bölge için resim üzerinde resim haritası ile belirli alan link olarak oluşturulabilir ve yedi bölgeden herhangi birini oluşturan alana tıklanması durumunda kendi bölgesine ait html (örneğin marmara.html, akdeniz.html vb.) dosyasının açılması sağlanabilir. Resim haritalarının oluşturulmasında etiketi usemap parametresi ile kullanılmalıdır. Bu kullanımda ilişkilendirme değeri kullanılırken önüne # işareti unutulmamalıdır. Sonrasında ise etiketi ile resim haritalarının alanları ve link işlemleri atanır.

Doğru Cevap: D

Soru 14

Web sayfanızda kullandığınız resmin bir bölgesine resim haritalama yöntemiyle link vermek istiyorsunuz. Eğer oluşturacağınız şekil (shape) daire (circle) ise resim üzerindeki konumu belirlemek için hangi parametreleri kullanmalısınız?

cords=r,X1,Y1,X2,Y2

cords=X1,Y1,X2,Y2,X3,Y3,X4,Y4

cords=X1,Y1,X2,Y2,r

cords=X1,Y1,X2,Y2

cords=X1,Y1,r

Açıklama:

Shape parametresi, resim üzerinde işaretlenecek alan veya alanların şekillerinin belirlenmesi için kullanılır ve rect (dikdörtgen), circle (daire), poly (çok kenarlı) olmak üzere üç farklı değer alabilmektedir. Coords parametresi ise resim üzerinde işaretlenecek alanın genişliğini pixel olarak belirlemek için kullanılmakla beraber kullanım şekli tercih edilen shape seçeneğine göre değişmektedir. shape=“rect” yani dikdörtgen alan oluşturmak için 2 nokta tanımlanmalıdır. Bunlar sol üst ve sağ alt noktadır (coords=X1,Y1,X2,Y2) ve tanımlama
cords=X1,Y1,r

Doğru Cevap: E

Soru 15

Aşağıdakilerden hangisi HTML5 video etiketinin desteklediği video formatlarından biridir?

MP4

AVI

MP3

MPEG

FLC

Açıklama:

MP4

Doğru Cevap: A

Soru 16

Bir videonun sayfaya yüklenir yüklenmez başlaması için hangi parametre kullanılmalıdır?

play

autoplay

start

autostart

Açıklama:

videonun sayfa yüklenir yüklenmez başlatılması için de autoplay parametresi kullanılmalıdır.

Doğru Cevap: B

Soru 17

Aşağıdaki etiketlerden hangisi bir web sayfasına ses dosyası eklemek için kullanılır?

slience

sound

audio

video

music

Açıklama:

Html5 ile web sayfalarına eklenebilecek ve çok sık kullanılan bir diğer çokluortam öğesi ise sestir. Html5 için desteklenen dosya uzantı türleri ise mp3, ogg ve wav’dır. Örnek olarak web sayfasına müzikler klasöründeki muzik1.mp3 isimli ses dosyasını eklemek isteyen bir tasarımcı için bu işlem çok basittir ve etiketi ile aşağıdaki şekilde yapılmaktadır.
Audio

Doğru Cevap: C

Soru 18

Eğer sitenize eklediğiniz bir ses dosyasının sürekli çalmasını istiyorsanız aşağıda yer alan kod satırındaki boşluğa hangi parametreyi eklemelisiniz?

reverse

swing

switch

loop

mix

Açıklama:

ses dosyasının sürekli bittikten sonra yeniden başlamasını isteyen bir tasarımcı, loop parametresini

Doğru Cevap: D

Video etiketinin desteklediği video dosya uzantılarından biri aşağıdakileden hangisidir?

Mp2

Mp3

Mp4

Mp5

Mp6

Açıklama:

Mp4

Doğru Cevap: C

Soru 26

Eğer resme çerçeve verilecekse border parametresine
değer atanmalıdır (ör: border= “4”). Atanan değer kaç olursa çizgi olmayacağı anlamına gelir?

Açıklama:

Eğer resme çerçeve verilecekse border parametresine
değer atanmalıdır (ör: border= “4”). Atanan değer 0 olursa çizgi olmayacağı anlamına geleceği
gibi, bu değer ne kadar fazla olursa çizginin kalınlığı da o kadar artacaktır.

Doğru Cevap: A

Soru 27

Html’in şu an kullanılmakta olan sürümü kaç yılında geliştirilmiştir?

Açıklama:

Tabloların oluşturulması ve düzenlenmesi için kullanılacak temel etiketler bulunmaktadır. elementi tablo satırlarını, elementi tablo başlıklarını tanımlamak için kullanılmaktadır. ve şeklinde bir element bulunmamaktadır. Doğru cevap E'dir.

Doğru Cevap: E

Soru 9

Tablolara farklı özelliklerin eklenmesini sağlayan özellik hangisidir?

border collapse

width

text align

id attribute

background color

Açıklama:

A, B, C, E şıklarında yer alan özellikler tablo yapılarını oluştururken tüm tablolar için geçerli komutlardır. D şıkkında belirtilen id attribute özelliği sayesinde ise tablolara kimlik numarası verilerek istenilen tablolara farklı özelliklerin eklenmesi sağlanır. Doğru cevap D'dir.

Doğru Cevap: D

Soru 10

"<" ve ">" karakterleri arasında yazılan aşağıdaki etiket çiftlerinden hangisi bir tablonun ilgili satırının tablo başlığı olduğu belirterek, aradaki metnin koyu ve hücrenin ortasında yazılmasını sağlar?

"tr" ve "/tr"

"br" ve "/br"

"td" ve "/td"

"ul" ve "/ul"

"th" ve "/th"

Açıklama:

"<" ve ">" karakterleri arasında yazılan "th" ile "/th" etiketleri ile tablonun ilgili satırının tablo başlığı olduğu belirtilerek etiketler arasındaki metnin koyu ve hücrenin ortasında yazılması sağlanır.

Doğru Cevap: E

Soru 11

Tablolarda ilgili satırı kapatan etiketin "<" ile ">" karakterleri arasında yazılan bölümü aşağıdakilerden hangisidir?

"/tr"

"/td"

"/table"

"tr"

"td"

Açıklama:

Tablolarda ilgili satırı kapatan etiketin "<" ile ">" karakterleri arasında yazılan bölümü "/tr" dir.

Doğru Cevap: A

Soru 12

Aşağıdakilerden hangisinde tablo başlığına ilişkin bir stil tanımlaması yapılmıştır?

td { height:50px; }

table { border-collapse:collapse; }

th { height:40px; }

tr { height:40px; }

ul { height:40px; }

Açıklama:

th { height:40px;} ifadesi ile tablo başlığına ilişkin bir tanımlama satırı açılıyor ve tablo başlıklarının yükseklikleri 40 pixel’e ayarlanıyor.

Doğru Cevap: C

Soru 13

I-border-spacing
II-padding
III-text-align
Yukarıda verilenlerden hangisi ya da hangileri verilerin tablolar içerisine yerleşiminde kullanılan stil öğeleri arasında yer alır?

Yalnız I

Yalnız II

I ve II

II ve III

I, II ve III

Açıklama:

Tablolarda verilerin hücrelerin içine nasıl yerleşeceği ile ilgili üç temel özellik border-spacing, padding ve text-align dır.

Doğru Cevap: E

Soru 14

Aşağıdakilerden hangisinde tablo başlığı ve hücrelere kesik çizgili kenarlık uygulanmıştır?

th, td {border: 2px dashed black }

table{border: 1px solid black

td {border-collapse: collapse;}

th, td {border: 2px solid black }

table#t02 tr {border: 2px dashed black }

Açıklama:

th, td {border: 2px dashed black } ile tablo başlığı ve hücrelere 2 pixel kalınlığında siyah kesik çizgili kenarlık tanımlanıyor.

Doğru Cevap: A

Soru 15

Aşağıdakilerden hangisi bir tablo özelliği eklemek istediğimizde kullanılan etikete örnek verilebilir?

table#t08

attribute

collapse

border

dashed

Açıklama:

table#t08 { // ilgili satırda tabloya istenildiğinde kullanılmak üzere t08 özelliği tanımlanır

Doğru Cevap: A

Soru 16

Aşağıdakilerden hangisinde stil olarak tanımlanan tablo ek özelliği body bölümünde kullanılmıştır?

table#t15 {width: 80%;}

table#t15 th { color:red;}

table id="t15"

table#t15 th { border-collapse: collapse;}

tr {rowspan=2; td}

Açıklama:

table id="t15" ile stil bölümde tanımlanan ek özellik body bölümünde çağırılmıştır. table#t15 ile başlayan ifadeler sayfanın başında style etiketleri arasına yazılır.

Doğru Cevap: C

Soru 17

Aşağıdakilerden hangisinde tablonun tek numaralı satırları için zemin rengi tanımlanmıştır?

table#t01 tr:nth-child(odd){ background-color: #9ACD32;}

table#t01 th { background-color: yellow;}

table#t01 tr {color:red;}

table#t01 tr:nth-child(even) { background-color: #F5DEB3;}

table#t01 td {color:black;}

Açıklama:

table#t01 tr:nth-child(odd) { // tablo satırı için “t01” ek özelliği açılıyor ve “odd” ifadesi ile tablonun tek numaralı (1. Satır, 3. Satır, 5. Satır, vb.) satırları için ek özellik tanımlanacağı belirtiliyor.
background-color: #9ACD32; //ilgili satırda kodu verilen (sarı-yeşil) renk tek numaralı satırlar için arka plan rengi olarak ayarlanmıştır

Doğru Cevap: A

Soru 18

Html’de tabloların oluşturulması ve düzenlenmesi ile ilgili olarak kolonları ve satırları bölmede kullanılan etiket ikilisi (kolon-satır) aşağıda seçeneklerin hangisinde doğru verilmiştir?

-

colspan - rowspan

colspan -

rowspan-

Açıklama:

Doğru Cevap: C

Soru 19

Aşağıdakilerden hangisi üç hücrelik bir satır germe işlemi yapar?

colspan =”3”

tr {rowspan=3;}

table#t03

th { height:3px;}

rowspan=”3”

Açıklama:

rowspan=”3” üç hücrelik bir satır germe işlemi yapar.

Doğru Cevap: E

Soru 20

Html tablolarında ilk satırdaki verinin ilgili sütünda sunulacak olan verinin "sütun etiketi" olduğunu belirtmek için hangi html etiketi kullanılır?

table

Açıklama:

İlk satırdaki veri ilgili sütun için “sütun etiketi“ olarak nitelendirilebilir. İlgili sütundaki veriyi betimleme özelliği olduğundan dolayı tabloların ilk satırları diğer satırlarına göre farklı yazılırlar. Bu durumu ifade etmek için html’de table headings th etiketi kullanılmaktadır.

Doğru Cevap: C

Soru 21

Html tablolarında satır oluşturmak için hangi html etiketi kullanılır?

table

table, th, td { border: 1px solid black;
}

Tabloya yukarıdaki gibi style tanımlandığında tablo ve hücrelerin her birinin kendi kenarları olacağı için görüntüde iki tane kenar görünecektir. Kenar sayısını bire düşürmek için aşağıdaki komutlardan hangisi bu style tanımlamasına eklenmelidir?

border-collapse: separate;

border-collapse: collapse;

border : 0px;

border-color: red;

border-radius: 10px;

Açıklama:

table, th, td { // tablo başlığı ve hücreler için tanımlama açılıyor.
border: 1px solid black; //kenarlık tanımlanıyor.
border-collapse: collapse;// tablo tek kenarlığa düşürülüyor.
}// tanımlama kapatılıyor.

Doğru Cevap: B

Soru 27

Oluşturulan html tablosunun başlık alanının arka plan rengi siyah ve yazı rengi beyaz olması isteniyor, bunun için aşağıdaki style kodlarından hangisi html sayfasına eklenmelidir?

th {
border-color: black;
color:white;
}

tr {
background-color: black;
color:white;
}

tr {
background-color: white;
color:black;
}

th {
background-color: black;
color:white;
}

th {
background-color: white;
color:black;
}

Açıklama:

th { // tablo başlığı için ek özelliği açılıyor.
background-color: black; // tablo başlığının arka plan rengi siyah olarak ayarlanıyor.
color:white; // yazı rengi beyaz olarak ayarlanıyor.
} // tanımlama kapatılıyor.

Doğru Cevap: D

Soru 28

Html tablolarında sütunların bölünmesi için kullanılan özellik aşağıdakilerden hangisidir?

rowspan

border

colspan

columns

font

Açıklama:

“colspan” sütunların bölünmesi için kullanılır.

Doğru Cevap: C

Soru 29

Html tablolarında satırların bölünmesi için kullanılan özellik aşağıdakilerden hangisidir?

rowspan

padding

border-collapse

colspan

caption

Açıklama:

“rowspan” satırların bölünmesi için kullanılmaktadır.

Doğru Cevap: A

Soru 30

Tabloda kaç temel bileşen bulunur?

Açıklama:

Giriş
her tabloda dört temel bileşen bulunmaktadır. Bunlar: Satır, sütun, hücre ve veridir.
Satır (İng. row) tabloda soldan sağa yan yana geldiğinde bir
birey, grup, nesne, lokasyon, şirket vb. anlamlı bir bütüne
ait verileri içerir ve çeşitli özellikleri ile bu anlamlı bütünü
(İng. entity) tanımlar.

Doğru Cevap: D

Soru 31

Aşağıdakilerden hangisi bir tabloda bulunması gereken işlemlerdir?

Satır, sütun, hücre ve veri

Satır ve sütun

Hücre ve veri

Satır, sütun ve hücre

Sütun, hücre ve veri

Açıklama:

Giriş
Her tabloda dört temel bileşen bulunmaktadır. Bunlar: Satır, sütun, hücre ve veridir.
Satır (İng. row) tabloda soldan sağa yan yana geldiğinde bir
birey, grup, nesne, lokasyon, şirket vb. anlamlı bir bütüne
ait verileri içerir ve çeşitli özellikleri ile bu anlamlı bütünü
(İng. entity) tanımlar.

Doğru Cevap: A

Soru 32


ifadesinde width: işlevi nedir?

Derinlik bilgisi 100% olarak gönderilir.

Hafıza bilgisi 100% olarak gönderilir.

Genişlik bilgisi 100% olarak gönderilir.

Uzunluk bilgisi 100% olarak gönderilir.

Hücre büyüklüğü bilgisi 100% olarak gönderilir.

Açıklama:

TABLOLARIN TANIMLANMASI


ifadesinde web sayfasını enine (solda-sağa) tamamını kaplayacak (yüzde yüzünü) şekilde bir tablo oluşturuluyor. Burada “width:” işlevi ile genişlik bilgisi 100% olarak gönderiliyor.

TABLOLARIN TANIMLANMASI


ifadesinde web sayfasını enine (solda-sağa) tamamını kaplayacak (yüzde yüzünü) şekilde bir tablo oluşturuluyor. Burada “width:” işlevi ile genişlik bilgisi 100% olarak gönderiliyor.

Doğru Cevap: C

Soru 33

Hangi bölümünde yapılan belirtimler ile tüm tablolara uygulanacak bir biçimlendirme tanımlanmış olur?

Style

Head

link

title

body

Açıklama:

TABLOLARIN STİL KULLANILARAK BİÇİMLENDİRİLMESİ
Style bölümünde yapılan belirtimler ile tüm tablolara uygulanacak bir biçimlendirme tanımlanmış olur.

Doğru Cevap: A

Soru 34

Tablolarda “colspan” ne için kullanılır?

Sütunların bölünmesi

Satırların bölünmesi

Hücrelerin bölünmesi

Tabloların bölünmesi

Yazıların bölünmesi

Açıklama:

TABLOLARIN BÖLÜNMESİ

Doğru Cevap: A

Soru 35

Tablolarda “rowspan” ne için kullanılır?

Sütunların bölünmesi

Satırların bölünmesi

Hücrelerin bölünmesi

Tabloların bölünmesi

Yazıların bölünmesi

Açıklama:

TABLOLARIN BÖLÜNMESİ
Tablolarda “colspan” sütunların bölünmesi için kullanılırken,
“rowspan” satırların bölünmesi için kullanılmaktadır.

Doğru Cevap: B

Soru 36

Seung-Jin ve Yiu-Kai Ng (1999) tarafından yapılan çalışmada ne gerçekleştirilmiştir?

İç yapısı hiç olmayan bir tablonun içerik ağacı oluşturulmuştur.

İç yapısı sonradan oluşturulan bir tablonun içerik ağacı oluşturulmuştur.

İç yapısı önceden bilinmeyen bir tablonun içerik ağacının otomatik olarak
oluşturulması sağlanmıştır.

İç yapısı hiç bilinmeyen bir tablonun içerik ağacının otomatik olarak
oluşturulması sağlanmıştır.

İç yapısı önceden bilinmeyen bir tablonun içerik ağacının elle
oluşturulması sağlanmıştır.

Açıklama:

TABLOLARIN TANIMLANMASI
HTML tabloları genellikle verileri hiyerarşik bir şekilde ve diğer verilerden izole bir şekilde
tutmakta ve veri sunumu için katı olmayan kurallar tanımlamaktadır. Bu yapı, araştırmacıları
web tablolarından otomatik olarak veri çekme süreçlerini inceleme konusunda güdülemiştir.
Seung-Jin ve Yiu-Kai Ng (1999) tarafından yapılan çalışmada, iç yapısı önceden bilinmeyen
bir tablonun içerik ağacının otomatik olarak oluşturulması sağlanmıştır. Araştırmacılara göre
söz konusu uygulama, web tablosu kaynaklarına ilişkin bir sorgulama dilinin oluşturulması, html
tablolarının XML ile hazırlanmış veri yığınlarına dönüştürülmesi ve tablo verilerinin veritabanlarına aktarılması için kullanılma potansiyeli taşımaktadır.

Doğru Cevap: C

Soru 37

html’de tablo başlığı etiketi için "<" ile ">" karakterleri arasında aşağıdaki etiketlerden hangisi kullanılmaktadır?

"ul" ve "/ul"

"table" ve "/table"

"td" ve "/td"

"tr" ve "/tr"

"th" ve "/th"

Açıklama:

TABLOLARIN STİL KULLANILARAK BİÇİMLENDİRİLMESİ
html’de tablo başlığı etiketi için "<" ve ">" karakterleri arasında "th" ve "/th" etiketleri kullanılmaktadır.

Doğru Cevap: E

Soru 38

Hangi bölümde yapılan belirtimler ile tüm tablolara uygulanacak bir biçimlendirme tanımlanmış olur?

Title

Head

Link

Style

Img

Açıklama:

TABLOLARIN STİL KULLANILARAK BİÇİMLENDİRİLMESİ
Style bölümünde yapılan belirtimler ile tüm tablolara uygulanacak bir biçimlendirme tanımlanmış olur.

Doğru Cevap: D

Soru 39

“id attribute” özelliği sayesinde tablolara ne verilmesini sağlanır?

Tablolara işlev numarası verilmesi

Tablolara tanıtım numarası verilmesi

Tablolara kimlik numarası verilmesi

Tablolara sıra numarası verilmesi

Tablolara grup numarası verilmesi

Açıklama:

TABLOLARIN STİL KULLANILARAK BİÇİMLENDİRİLMESİ
“id attribute” özelliği sayesinde tablolara kimlik numarası verilerek istenilen tablolara farklı özelliklerin eklenmesi sağlanır.

Doğru Cevap: C

Soru 40

Başlık
Satır
Sütun
Stil
Hücre
Veri

Tabloların temel bileşenleri hangileridir?

II, III, V, VI

I, II, III, IV, VI

I, II, III, IV

II, III, IV, VI

I, II, III, IV, V, VI

Açıklama:

Her tabloda dört temel bileşen bulunmaktadır: Satır, sütun, hücre ve veri.

Doğru Cevap: A

Soru 41

Tablo hücrelerinin ortak bir kenar kullanması için hangi CSS komutu kullanılmalıdır?

border: groove

border-collapse:collapse

border: solid black

border-bottom: double

border-collapse:separate

Açıklama:

border-collapse:collapse özelliğiyle satır ve hücreler, birbirleriyle bitişik kenarlıkları ortak kullanırlar.

Doğru Cevap: B

Soru 42

aşağıdaki özelliklerden hangisi hücre kenarlığı çizgileri arasındaki boşluk yaratmayı sağlar?

border-radius

border-top

border: dashed

border-spacing

padding-top

Açıklama:

border-spacing özelliği hücre kenarlığı çizgileri arasındaki boşluk yaratmayı sağlar. Örneğin: border-spacing: 10px ifadesi hücreler arasında 10px boşluk yaratacaktır.

Doğru Cevap: D

Soru 43

border: dashed
Yukarıdaki etiket nasıl bir kenarlık yaratır?

Nokta nokta kenarlık

Kenarlık yok

Kesik çizgili kenarlık

Kalın çizgili kenarlık

İnce çizgili kenarlık

Açıklama:

border: dashed özelliği kesik çizgili kenarlık yaratır.
Örneğin: border: 2px dashed black satırı, 2 piksel kalınlığında, siyah renkte, kesik çizgili kenarlık oluşturur.

Doğru Cevap: C

Soru 44

Tablolara farklı kimlik numarası atayarak farklı özellikler eklenmeyi mümkün kılan özellik nasıl kullanılır?

Table code:

table no:

table name

table id=

table tag=

Açıklama:

“id attribute” özelliği sayesinde tablolara kimlik numarası verilerek istenilen tablolara farklı özelliklerin eklenmesi sağlanır.
table id="buyuk_tablo"
şeklinde kullanılır.

Doğru Cevap: D

Soru 45

Aşağıdaki özelliklerden hangisi hücre içerisindeki verilerin yerleşimini sağlar?

base

meter

column-rule

grid-row

padding

Açıklama:

padding özelliği hücre içerisindeki verileri, kenar çizgileriyle arasında boşluk bırakarak yerleşimini sağlar.
Örneğin: padding-top: 50px; ifadesiyle veri, hücrenin üst kenar çizgisinden 50 piksel boşluk kalacak şekilde yerleştirilir.

Doğru Cevap: E

Soru 46

table#01 tr:nth-child(odd) {
background-color: white
}
table#01 tr:nth-child(even) {
background-color: red
}
Yukarıdaki biçimlendirmeyle arka plan nasıl renklendirilir?

Tek numaralı satırlar beyaz, çift numaralı satırlar kırmızı

Tek numaralı satırlar kırmızı, çift numaralı satırlar beyaz

Tek numaralı sütunlar beyaz, çift numaralı sütunlar kırmızı

Tek numaralı sütunlar kırmızı, çift numaralı sütunlar beyaz

Arka plan şeffaf olur, hücre renkleri sırasıyla kırmızı ve beyaz olarak sıralanır

Açıklama:

Verilen kod ile 01 nolu tablonun tek numaralı satırlarına (1. Satır, 3. Satır, 5. Satır, vb.) beyaz, çift numaralı satırlarına (2. Satır, 4. Satır, 6. Satır, vb.) kırmızı arka plan rengi atanmıştır.

Doğru Cevap: A

Soru 47

Tabloya başlık tanımlanması sağlayan özellik hangisidir?

charset

transition

caption

quotes

label

Bir tablo içerisinde yeni bir satır açmak için hangi etiket kullanılır?

Açıklama:

Aşağıdakilerden hangisi tablolarda hücre birleştirmek için kullanılır?

colspan

rowspan

Açıklama:

Colspan tablolarda sütun bölmek için kullanılır. Doğru cevap A şıkkıdır.

Doğru Cevap: A

Soru 56

Aşağıdakilerden hangisinde rowspan kullanımı yanlıştır?

Adres

Telefon

E-Posta

Kimlik No

Özet

Açıklama:

Rowspan kapanış etiketinin içerisinde yer alamaz. Doğru cevap E şıkkıdır.

Doğru Cevap: E

Soru 57

Aşağıdakilerden hangisi genellikle anlaşılırlığı desteklemek için verilerin satır ve sütün şeklinde gruplandırılarak sunulmasını sağlayan iki boyutlu yapılardır.

Tablo

Dizi

Hücre

Veri

CSS

Açıklama:

Tablolar genellikle anlaşılırlığı desteklemek için verilerin satır ve sütün şeklinde gruplandırılarak sunulmasını sağlayan iki boyutlu yapılardır.

Doğru Cevap: A

Soru 58

Tabloların stilleri aşağıdaki etketlerden hangisi ile tanımlanır?

Açıklama:

Doğru Cevap: A

Soru 59

Hazırlanan bir tablo kodu içerisinde kullanılan "text-align:left" komutu, metni nasıl etkiler?

Büyültür

Küçültür

Sola yaslar

Sağa yaslar

Ortalar

Açıklama:

text-align:left komutu tablo başlığı içindeki verinin sola hizalanması sağlanıyor.

Doğru Cevap: C

Soru 60

Satır
Sütun
Hücre
Veri

Yukarıdakilerden hangileri bir tablonun temel bileşenlerindendir?

I ve II

III ve IV

I II ve III

I II ve IV

I II III ve IV

Açıklama:

her tabloda dört temel bileşen bulunmaktadır. Bunlar: Satır, sütun, hücre ve veridir.

Doğru Cevap: E

Soru 61

Aşğıdakilerden hangisi tablo içerisinde soldan sağa okunduğunda bir birey, grup, nesne, lokasyon, şirket vb. anlamlı bir bütüne ait verileri içerir ve çeşitli özellikleri ile bu anlamlı bütünü tanımlar?

Satır

Sütun

Hücre

Veri

Veritabanı

Açıklama:

Satır tabloda soldan sağa yan yana geldiğinde bir birey, grup, nesne, lokasyon, şirket vb. anlamlı bir bütüne ait verileri içerir ve çeşitli özellikleri ile bu anlamlı bütünü (İng. entity) tanımlar.

Doğru Cevap: A

Soru 62

Bir satırdan diğer satıra değişebilecek tek bir özelliğe ilişkin verileri içeren temel tablo bileşeni aşağıdakilerden hangisidir?

Hücre

Veri

Sütun

Veritabanı

satır 4 sütuna bölünüyor.

Doğru Cevap: A

Soru 76

Aşağıdakilerden hangisi bir tabloda bulunan dört temel bileşenden biri değildir?

Satır

Link

Hücre

Sütun

Veri

Açıklama:

Link, bir tabloda bulunması gereken bileşenler arasında yer almaz.

Doğru Cevap: B

Soru 77

HTML'de tablo açılış ve kapanışını gösteren etiketler aşağıdakilerden hangisidir?

Açıklama:

HTML'de bir tablonun açılışı ile başlar ve ile sonlanır.

Doğru Cevap: C

Soru 78

HTML'de bir verinin hücre içinde hizalanması için kullanılan işlev aşağıdakilerden hangisidir?

border-spacing

text-align

padding

border

width

Html tablolarına veri eklemek istenildiğinde aşağıdaki etiketlerden hangisi kullanılmalıdır?

Açıklama:

table data etiketinin arasına tabloya eklemek istediğimiz veriler yazılır

Doğru Cevap: A

Soru 85

Html tablolarında etiketinin görevi aşağıdakilerden hangisidir?

Tabloya veri eklemek için kullanılır.

Tabloya yeni satır eklemek için kullanılır.

Tabloya yeni sütun eklemek için kullanılır.

Tablonun başlıklarını belirlemek için kullanılır.

Tablonun boyutunu belirlemek için kullanılır.

Açıklama:

table header etiketi tablonun başlıklarını belirlemek için kullanılır.

Doğru Cevap: D

Soru 86

Tabloda soldan sağa yan yana geldiğinde birey, grup, nesne, lokasyon, şirket vb. anlamlı bir bütüne ait verileri içeren bileşen aşağıdakilerden hangisidir?

Satır

Sütun

Hücre

Tablo

Veri

Açıklama:

Satır (İng. row) tabloda soldan sağa yan yana geldiğinde bir
birey, grup, nesne, lokasyon, şirket vb. anlamlı bir bütüne
ait verileri içerir ve çeşitli özellikleri ile bu anlamlı bütünü
(İng. entity) tanımlar.

Doğru Cevap: A

Soru 87

Aşağıdaki html etiketlerinden hangisi ile tabloda satır oluşturulur?

…

…

…

Açıklama:

… // Table rows ifadesinin kısaltmasıdır ve tabloda bir satır oluşturur.

Doğru Cevap: A

Soru 88

Aşağıdaki html etiketlerinden hangisi hücrenin tablo başlığı olduğunu belirtir?

...

Açıklama:

... // tablodaki ilgili hücrenin tablo başlığı olduğunu
belirterek koyu ve hücrenin ortasında yazılmasını sağlıyor.

Doğru Cevap: A

Soru 89

Hücre kenarlığı ile veri arasında bırakılacak olan boşluğun ayarlandığı tablo özelliği aşağıdakilerden hangisidir?

border-spacing

padding

spacing

text-align

solid

Açıklama:

Tablolarda verilerin hücrelerin içine nasıl yerleşeceği ile ilgili üç temel özellikten bahsedebiliriz bunlardan birincisi hücre kenarlığı çizgileri arasındaki boşluk “border-spacing” ile, ikincisi hücre kenarlığı ile veri arasında bırakılacak olan boşluk “padding” ile, üçüncüsü verinin hizalanması (sola, sağa, ortalı) “text-align” ile belirtilir.

Doğru Cevap: B

Soru 6

Yukarıdaki şekildeki "Kişisel Bilgiler" ve "İletişim Bilgileri" gibi form elemanlarını görsel açıdan gruplamak ve gruplara başlık vermek için kullanılan eleman adı nedir?

Fieldset ve Legend (Gruplayıcı ve Başlık)

Button (Düğme)

Search (Arama)

Number (Sayı)

Range (Aralıklı Kaydırma)

Açıklama:

Fieldset form elemanlarını görsel açıdan gruplamak için kullanılır. Fieldset içindeki elemanlar bir kutu içinde gözükürler. Legend ise gruplara başlık vermek için kullanılır.

Doğru Cevap: A

Soru 7

Satır sayısı rows değişkeniyle belirlenen form elemanı aşağıdakilerden hangisidir?

Textarea (Metin Alanı)

Datalist (Veri Listesi)

Label Elemanı

Fieldset ve Legend (Gruplayıcı ve Başlık)

Button (Düğme)

Açıklama:

Textarea kullanıcının yazı yazabileceği çok satırlı metin kutuları oluşturur. Satır sayısı rows değişkeniyle belirlenir.

Doğru Cevap: A

Soru 8

Form özelliklerinden biri olan method ne amaçla kullanılır?

Form verilerini temizlemek

Form verilerinin sunucuya nasıl gönderileceğini belirlemek

Form verilerinin sunucudaki yolunu belirlemek

Form elemanlarının doğrulanmasını sağlamak

Forma isim vermek

Açıklama:

Method özelliği, form verilerinin gönderilmesinde hangi HTTP yönteminin kullanılacağını belirtir.

Doğru Cevap: B

Soru 9

Form özelliklerinden biri olan accept-charset ne amaçla kullanılır?

Form verilerinin sunucuda nereye gönderileceğini belirtir.

Form verilerinin gönderilmesinde hangi HTTP yönteminin kullanılacağını belirtir.

Form verileri sunucuya gönderilirken nasıl kodlanacağını belirtir. Sadece method=”post” ile kullanılabilir.

Forma bir isim verilmesini sağlar.

Form verilerinin hangi karakter kodlamasını kabul edeceğini belirtir.

Açıklama:

accept-charset özelliği, form verilerinin hangi karakter kodlamasını kabul edeceğini belirtir.

Doğru Cevap: E

Soru 10

Button elemanının hangi özelliği düğmenin etkisiz olmasını sağlar?

disabled

type

formaction

formmethod

autofocus

Açıklama:

disabled özelliği, düğmeyi tıklanamaz duruma getirir. Düğmenin etkisiz olmasını sağlar.

Doğru Cevap: A

Soru 11

Aşağıdaki form özelliklerinden hangisi HTML5 ile yeni gelen özellikler arasında yer almaktadır?

action

autocomplete

method

enctype

target

Açıklama:

autocomplete, HTML5 ile yeni gelen bir özelliktir. Bu özellik form doldururken kullanıcıya önceden girilmiş bilgileri göstererek yardımcı olur.
Doğru cevap B seçeneğidir.

Doğru Cevap: B

Soru 12

Form verileri sunucuya gönderilirken nasıl kodlanacağını belirten form özelliği aşağıdakilerden hangisidir?

enctype

target

autocomplete

method

Açıklama:

enctype form özelliği, form verileri sunucuya gönderilirken nasıl kodlanacağını belirtir. Sadece method=”post” ile kullanılabilir.
Doğru cevap A seçeneğidir.

Doğru Cevap: A

Soru 13

I. password
II. url
III. legend
IV. email
Yukarıda verilenlerden hangileri Input form elemanının alt elemanları arasında yer almaktadır?

I-II

I-III

II-III

I-II-IV

II-III-IV

Açıklama:

password, url ve email Input form elemanının alt elemanları arasında yer almaktadır.
Doğru cevap D seçeneğidir.

Doğru Cevap: D

Soru 14

Bir form yapısında kullanıcıların birden fazla email girebilmesini ya da dosya yüklemelerinde birden fazla dosya seçebilmesini sağlamak hedeflenmektedir. Buna göre bu form yapısında aşağıdaki Input özelliklerinden hangisinin kullanılması uygundur?

height

multiple

pattern

required

Açıklama:

multiple: Kullanıcının birden fazla email girebilmesini ya da dosya yüklemelerinde birden fazla dosya seçebilmesini sağlar. E-postalar için aralarda virgül kullanılır.
Doğru cevap C seçeneğidir.

Doğru Cevap: C

Soru 15

"Formun doldurulması zorunlu alanlarını belirler" şeklinde ifade edilen Input özelliği aşağıdakilerden hangisinde doğru olarak verilmiştir?

pattern

required

list

checked

Açıklama:

required: Formun doldurulması zorunlu alanlarını belirler. Bu alanlar doldurulmadan veri girişi sağlanmaz.
Doğru cevap B seçeneğidir.

Doğru Cevap: B

Yukarıda verilen kodlar ile ilgili ifadelerden hangisi doğrudur?

Tarayıcıda "bir", "iki", "uc" isimli 3 adet seçilebilir kutu oluşturur.

Oluşturulan kutucuklardan yalnız bir adet seçim yapılabilir.

"Web 1.0", "Web 2.0", "Web 3.0" isimli onay kutuları oluşturur.

"Web 1.0", "Web 2.0", "Web 3.0" isimli açılabilir liste oluşturur.

"Web 1.0", "Web 2.0", "Web 3.0" isimli verileri sunucuya gönderir.

Açıklama:

Checkbox kullanıcının işaretleyebilmesi için onay kutuları oluşturur. Kullanıcı kendine uyan seçenek ya da seçenekleri işaretleyebilir. Burada "Web 1.0", "Web 2.0", "Web 3.0" isimli onay kutuları oluşturulur ve kullanıcı birden fazla seçim yapabilir. Doğru yanıt C seçeneğidir.

Doğru Cevap: C

Soru 25

Tarayıcıdaki görüntüsü yukarıdaki gibi olan kodlar ile ilgili aşağıda verilen ifadelerden hangisi doğrudur?

Gönder düğmesi "submit" alt elemanı ile oluşturulmuştur.

Gönder düğmesinin tarayıcıda görünen ismini değiştirmek için "name" özelliğinin değeri değiştirilmelidir.

Listede görünen üniversite seçeneklerinden birden fazla seçim yapılabilir.

Üniversite seçeneklerini oluşturmak için "checkbox" alt elemanı kullanılmıştır.

Üniversite seçeneklerini oluşturmak için "text" alt elemanı kullanılmıştır.

Açıklama:

Söz konusu kodlar ile kullanıcının aralarından yalnız bir seçim yapabilmesi için "radio" alt elemanıyla üç seçenek oluşturulmuş ve "submit" alt elemanı ile verilen sunucuya gönderilmesi için Gönder düğmesi oluşturulmuştur. Burada düğmenin üzerinde yazılı olan "Gönder" ifadesini değiştirmek için "value" özelliğinin değeri değiştirilmelidir. Buna göre doğru yanıt A seçeneğidir.

Doğru Cevap: A

Soru 26

Yukarıda verilen kodlarda "Web 1.0", "Web 2.0", "Web 3.0" elemanlarını açılır listeye eklemek için "x" ile belirtilen yere aşağıdaki form elemanlarından hangisi gelmelidir?

select

option

optgroup

radio

checkbox

Açıklama:

Select açılır liste oluşturmak, option açılır liste elemanlarını belirlemek, optgroup ise gerekli durumlarda bu elemanları gruplandırmak için kullanılır. Buna göre doğru yanıt B seçeneğidir.

Doğru Cevap: B

Soru 27

Aşağıdakilerden hangisi HTML 5 ile input elemanına eklenen yeni alt elemanlardan biridir?

button

radio

color

image

hidden

Açıklama:

Yukarıdaki tabloda görüldüğü gibi HTML 5 ile input elemanına eklenen yeni alt elemanlar tel, email, date, month, week, time, datetime-local, url, color, range, number ve search elemanlarıdır. Buna göre doğru yanıt C seçeneğidir.

Doğru Cevap: C

Soru 28

Bir web tasarımcısı kullanıcıdan alacağı isim ve soy isim verilerinin en fazla 15 karakter uzunluğunda olmasını istemektedir. Buna göre kullanması gereken input özelliği aşağıdakilerden hangisidir?

checked

size

max

min

width

Açıklama:

"size" özelliği ilgili form elemanının kaç karakter uzunluğunda veri alabileceğini belirler. Buna göre doğru yanıt B seçeneğidir.

Doğru Cevap: B

Soru 29

Bir web sayfasında yukarıdaki gibi bir uyarı metni görüntüleniyor ise aşağıdakilerden hangisi doğrudur?

"email" alt elemanı kullanılmıştır.

"web" alt elemanı kullanılmıştır.

"required" özelliği kullanılmıştır.

"url" alt elemanı kullanılmıştır.

"autocomplete" özelliği kullanılmıştır.

Açıklama:

URL, kullanıcının bir WEB adresi girebilmesi için alan oluşturur. Url elemanı, girilen metinde "http://" belirtecini kontrol eder. Alana girilen karakterlerde "http://" belirteci yoksa resimdeki gibi tarayıcı uyarısını verir. Doğru yanıt D seçeneğidir.

Doğru Cevap: D

Soru 30

Form verilerinin sunucuda nereye gönderileceğini belirten form özelliği aşağıdakilerden hangisidir?

action

where

method

target

enctype

Açıklama:

action: Form verilerinin sunucuda nereye
gönderileceğini belirtir.
method: Form verilerinin gönderilmesinde hangi
HTTP yönteminin kullanılacağını belirtir.
enctype: Form verileri sunucuya gönderilirken nasıl
kodlanacağını belirtir. Sadece method=”post”
ile kullanılabilir.
target: Form verileri sunucuya gönderildikten
sonra cevabın hangi sayfada (Boş, açık olan,
ana sayfa ya da en üstteki WEB sayfası)
görüntüleneceğini belirtir.

Doğru Cevap: A

Soru 31

Form verileri sunucuya gönderildikten sonra cevabın hangi sayfada (Boş, açık olan, ana sayfa ya da en üstteki WEB sayfası) görüntüleneceğini belirten form özelliği aşağıdakilerden hangisidir?

action

method

enctype

target

name

Açıklama:

Doğru Cevap: D

Resimli düğmenin resmi sayfaya yüklenemediği durumlarda metin olarak düğmenin işlevini ifade eden ve resmin yerine geçen input özelliği aşağıdakilerden hangisidir?

alt

checked

pattern

value

Açıklama:

alt: Resimli düğmenin resmi sayfaya yüklenemediği durumlarda metin olarak düğmenin işlevini ifade eder ve resmin yerine geçer.

Doğru Cevap: B

Soru 36

Bi form içerisinde, isim girilmesi istenen form elemanında ad ve soyadın ayrı yazılması gerektiğini gösteren bir ipucu verilmek isteniyor. Bu durumda aşağıdaki input özelliklerinden hangisinin kullanılması gerekir?

readonly

required

multiple

placeholder

value

Açıklama:

placeholder: Veri girişi öncesi ipucu sağlar. Örneğin e-posta girilecek alanda örnek bir e-posta gösterilmesi (birisi@mail.com).

Doğru Cevap: D

Soru 37

Bir form içerisinde kullanıcının metin kutusu içerisinde WEB adresi girip girmediğini kontrol edebilmek için hangi form özelliğinin kullanılması gerekmektedir?

type="web"

type="url"

type="date"

type="placeholder"

web="url"

Açıklama:

"url" kullanıcının bir web adresi girebilmesi için alan oluşturur.

Doğru Cevap: B

Soru 38

Bir form içerisinde 5 farklı onay kutusu eklenmek isteniyor. Varsayılan olarak ise ilk seçeneğin işaretli olması gerekiyor. Buna göre ilk seçenek için yazılması gereken form özelliği aşağıdakilerden hangisi olmalıdır?

checkbox

check

checked

radio

submit

Açıklama:

Checkbox elemanına checked, name, required, ve value özellikleri verilebilir. Web sayfası açıldığında onay kutusu işaretli gösterilecekse checked özelliği eklenebilir.

Doğru Cevap: C

Soru 39

Online alışveriş sitesine adres bilgisi girilmesi ya da web sitesine yorum yapmak için kullanılan web aracı aşağıdakilerden hangisidir?

Dizinler

Raporlar

Sorgular

Tablolar

Formlar

Açıklama:

Sosyal ağda kişisel sayfaya resim ekleme, alışveriş sitesinde adres girme, ya da bir haber sitesindeki habere yorum yapma formlar aracılığıyla gerçekleşir.

Aşağıdakilerden hangisi HTML5 ile yeni gelen form elemanları arasında yer almaz?

color

range

number

radio

Açıklama:

radio (radyo düğmesi) HTML5 öncesinde de yer alan bir form alt elemanıdır.

Doğru Cevap: E

Soru 45

Veri girişi tipi type komutuyla belirlenen ve kapama etiketi kullanılmayan form elemanı aşağıdakilerden hangisidir?

Text

Password

Input

Tel

Time

Açıklama:

Input elemanı genellikle

Doğru Cevap: C

Soru 46

Aşağıdakilerden hangisi Input değerinin, yüklenebilecek dosya türünü ve formatını belirleyen özelliğidir?

alt

checked

list

Açıklama:

action = Form verilerinin sunucuda nereye
gönderileceğini belirtir.

Doğru Cevap: B

Soru 51

Hangi form özelliği sunucunun kabul ettiği dosya türlerini belirtir?

target

enctype

name

accept-charset

Açıklama:

accept => Sunucunun kabul ettiği dosya türlerini belirtir.

Doğru Cevap: A

Soru 52

Submit hangi form elemanın bir alt elemanıdır?

input

select

label

button

fieldset

Açıklama:

Submit button form elemanın bir alt elemanıdır.

Doğru Cevap: D

Soru 53

Şifre alanı olarak kullanılacak input alanın tipi (type) ne olmalıdır?

text

hidden

password

Açıklama:

Şifre alanı olarak kullanılacak input alanın tipi (type) password olmalıdır.

Doğru Cevap: E

Soru 54

Aşağıdakilerden hangisi input elemanına html5 ile gelen bir alt özelliktir?

text

password

radio

image

Açıklama:

Email alt özelliği input elemanına html5 ile gelmiştir.

Doğru Cevap: A

Soru 55

Kullanıcının seçim yapabilmesi için hangi form elemanı kullanılır?

button

radio

textarea

password

submit

Açıklama:

Kullanıcının seçim yapabilmesi için radyo düğmeleri oluşturur.

Doğru Cevap: B

Aşağıdakilerden hangisi HTML5 ile gelen bir form elemandan biridir?

File

Range

Text

Submit

Checkbox

Açıklama:

Form Elemanları

Doğru Cevap: B

Soru 66

Aşağıdakilerden hangisi tarayıcılar tarafından DESTEKLENMEYEN bir form elemanıdır?

Tel

Datalist

Date

Password

Checkbox

Açıklama:

FORM ELEMANLARI
Kullanıcının telefon numarası girebilmesi için bir alan oluşturur. Ancak bazı tarayıcılar bu özelliği desteklemez.

Doğru Cevap: A

Soru 67

Aşağıdakilerden hangisi ile textarea elemanının satır sayısı belirlenir?

Max

Min

Step

Rows

Cols

Açıklama:

FORM ELEMANLARI
Textarea kullanıcının yazı yazabileceği çok satırlı metin kutuları oluşturur. Satır sayısı rows değişkeniyle belirlenir.

Doğru Cevap: D

Soru 68

Submit özelliğinin kullanım amacı nedir?

Önceki form elemanları için verilen örneklerde görüldüğü gibi, genel olarak kullanıcının form verilerini sunucuya göndermek

Form elemanını etkisiz hale getirmek

İlgili form elemanının kaç karakter uzunluğunda veri alabileceğini belirler.

Form elemanının mutlaka doldurulmasını sağlamak

Form elemanına isim vermek

Açıklama:

FORM ELEMANLARI
Submit, bundan önceki form elemanları için verilen örneklerde görüldüğü gibi, genel olarak kullanıcının form verilerini sunucuya göndermesi için kullanılır.

Doğru Cevap: A

Soru 69

Form verilerinin sunucuda nereye gönderileceğini belirten form özelliği aşağıdakilerden hangisidir?

action

method

name

target

Açıklama:

Action, Form verilerinin sunucuda nereye gönderileceğini belirtir.

Doğru Cevap: A

Soru 70

Form verilerinin gönderilmesinde hangi HTTP yönteminin kullanılacağını belirten form özelliği aşağıdakilerden hangisidir?

method

action

name

target

Açıklama:

Method, Form verilerinin gönderilmesinde hangi HTTP yönteminin kullanılacağını belirtir.

Doğru Cevap: A

Soru 71

Aşağıdakilerden hangisi target özelliğinin alacağı değerlerden biri değildir?

down

blank

self

parent

top

Açıklama:

Target özelliği =”_blank” (Yeni boş sayfa) =”_self” (Formun açıldığı sayfa) =”_parent” (İlk açılmış sayfa) =”_top” (En üstteki sayfa) değerlerini alır.

Doğru Cevap: A

Soru 72

Sunucunun kabul ettiği dosya türlerini belirten form özelliği aşağıdakilerden hangisidir?

action

name

method

target

Açıklama:

Accept, sunucunun kabul ettiği dosya türlerini belirten form özelliğidir.

Doğru Cevap: A

Soru 73

şeklindeki form tasarımında girilmesi istenen veri aşağıdakilerden hangisidir?

04.10.2019

destek@anadolu.edu.tr

www.anadolu.edu.tr

5XX-1234567

Dosya Yükle

Açıklama:

Kullanıcının tarih girebilmesi için bir alan oluşturur.

Doğru Cevap: A

Soru 74

Kullanıcının işaretleyebilmesi için onay kutusu oluşturan form tasarımı aşağıdakilerden hangisidir?

Açıklama:

Kullanıcının işaretleyebilmesi için onay kutusu oluşturan form tasarımı şeklindedir.

Doğru Cevap: A

Soru 75

action

method

accept-charset

target

Açıklama:

Target özelliği form verileri sunucuya gönderildikten sonra yanıtın hangi sayfada görüntüleneceğini belirten özelliktir.

Doğru Cevap: E

Soru 81

I- PHP
II- Java
III- CGI
IV- Python
V- ASP
Form verilerini işlemede kullanılan uygulamalar aşağıdaki seçeneklerden hangisinde doğru ve eksiksiz olarak verilmiştir?

I ve II

I, II ve III

I, III ve V

II, III, IV ve V

I, II, III, IV ve V

Açıklama:

Maddelenen platformların hepsi form verilerini işleyebilir.

Doğru Cevap: E

Soru 82

Bir form elemanındaki veriyi tutacak olan değişken adı hangi adla belirlenir?

name

attribute

input

text

form

Açıklama:

Bir form elemanındaki veriyi tutacak olan değişken adı hangi 'name' ile belirlenir.

Doğru Cevap: A

Veri girişini kapatır. İlgili form elemanında yalnızca belirlenen değer görünür.
Yukarıda verilen input özelliği aşağıdakilerden hangisidir?

checked

readonly

required

size

Açıklama:

readonly özelliği sadece ilgili alan değerinin okunmasını sağlar değişikliğe izin vermez

Doğru Cevap: C

Soru 93

Aşağıdakilerden hangisinde placeholder input özelliğinin açıklaması doğru olarak verilmiştir?

Veri girişi için ipucu sağlar.

Formda doldurulması zorunlu alanları belirler.

Veri girişini kapatır.

Belirli kalıplara göre veri girişi sağlar.

Bir elemanın alabileceği en yüksek değeri belirler.

Açıklama:

placeholder veri tipi hakkında ipucu verir. E-mail, telefon numarası gibi.

Doğru Cevap: A

Aşağıdaki form özelliklerinden hangisi form verileri sunucuya gönderildikten sonra cevabın hangi sayfada görüntüleneceğini belirtir?

action

method

name

target

Açıklama:

target özelliği form verileri sunucuya gönderildikten
sonra cevabın hangi sayfada (Boş, açık olan,
ana sayfa ya da en üstteki WEB sayfası)
görüntüleneceğini belirtir.
=”_blank” (Yeni boş sayfa)
=”_self” (Formun açıldığı sayfa)
=”_parent” (İlk açılmış sayfa)
=”_top” (En üstteki sayfa)

Doğru Cevap: D

Onay kutusunun varsayılan değer olarak işaretli gelmesi için aşağıdaki Input özelliklerinden hangisinin yazılması gerekmektedir?

checked

list

size

src

Açıklama:

checked özelliği, onay kutusunun varsayılan değer olarak işaretli
olarak görünmesini sağlar.

Doğru Cevap: B

Soru 104

"Aşağıdaki yemeklerden hangilerini seversiniz?" şeklindeki sorunun cevabı olan form elemanı aşağıdakilerden hangisidir?

Radio

Checkbox

Submit

Date

Password

Açıklama:

Checkbox elemanı ile kullanıcı kendine uyan seçenek ya da seçenekleri işaretleyebilir.

Doğru Cevap: B

Soru 105

Ne tür bir düğme yaratılacağının belirtildiği button özelliği aşağıdakilerden hangisidir?

type

disabled

formaction

formmethod

value

Açıklama:

type özelliği ne tür düğme yaratılacağını belirler.
Alabileceği değerler;
=”button”
=”submit”
=”reset”

Doğru Cevap: A

Soru 106

WEB sayfasındaki formlarda gerekli ancak kullanıcının görmemesi gereken ya da görmesinin bir anlam taşımadığı verileri gizlemek için kullanılan form elemanı aşağıdakilerden hangisidir?

Aşağıdaki etiketlerden hangisi için varsayılan display özelliği block olarak tanımlanmıştır?

span

img

Açıklama:

Doğru Cevap: A

Soru 4

Blok düzeyindeki etiketlerin yatay olarak ortalanmasını sağlamak için kullanılan özellik aşağıdakilerden hangisidir?

Display özelliği

Width özelliği

Max-Width özelliği

Margin özelliği

Position özelliği

Açıklama:

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 D'dir.

Doğru Cevap: D

Soru 5

Bir elmanın koordinatlarını tarayıcı penceresi referans alınarak belirlemek ve bu eleman tarayıcı penceresine sabitlemek amacıyla Position özelliğine verilen değer aşağıdakilerden hangisidir?

Static

Relative

Fixed

Absolute

Top

Açıklama:

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

Doğru Cevap: C

Soru 6

z-index

Position

Overflow

Display

Margin

Açıklama:

Sayfa içinde position özelliği absolute, relative ve fixed olan elemanlar olduğu zaman, bu elemanların koordinatlarının kesişme ve üst üstü gelme durumları söz konusu olabilir. Hangi elemanın üstte hangi elemanın altta görüneceğini ise html kodu içinde yazılma sırası ve z-index özellikleri ile belirlenmektedir. Yazılma sırası dikkate alındığında kodda en son yazılan eleman en üstte görünecektir. Bu durum z-index özelliği ile değiştirilebilir. Z-index özelliğine tam sayı değerler verilmelidir. Z-index değeri yüksek olan eleman, düşük olan elemanın üstünde görünecektir. Z-index özelliğine negatif tamsayı değerlerde vermek mümkündür. Bir elemanın z-index özelliğine negatif bir değer verildiği zaman varsayılan olarak z-index değerleri sıfır olan elemanların altında kalacaktır. Doğru cevap A'dır.

Doğru Cevap: A

Soru 7

Aşağıdakilerden hangisi, genişlik ve yükseklik özellikleri belirtilen elemanların içeriğinin sığmaması, taşması durumunda nasıl davranılacağını belirler?

Left

Overflow

Right

Top

None

Açıklama:

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.

Doğru Cevap: B

HTML dilini ile bölümler oluşturulduktan sonra, web sayfasının görüntüsünün estetik olarak daha iyi olması için CSS ile oluşturulan bölümlerin biçimlendirilmesi gerekmektedir. Bölümlerin biçimlendirilmesine yönelik olarak aşağıdakilerden hangisi kullanılmaz?

Display

Margin

Position

Float

Header

Açıklama:

Doğru Cevap: E

Soru 13

Aşağıdakilerden hangisi HTML elemanlarının anlamsal olarak gruplandırılabilmesini sağlayan etiketlerdendir?

Section

Padding

Position

Display

Margin

Açıklama:

HTML etiketleme dilinde sayfa içindeki elemanlar kapsayıcı etiketler ile gruplandırılır. Bir başka deyişle bölümlere ayrılır. Örneğin başlık bölümü, içerik bölümü, gezinti bölümü gibi bölümler oluşturulur. Böylece bu bölümler daha iyi yönetilebilmektedirler. HTML dilinde en önemli ve genel amaçlı kullanılan bölümlendirme etiketi div’dir. Bunun dışında HTML5 sürümü ile birlikte gelen ve HTML elemanlarının anlamsal olarak gruplandırılabilmesini sağlayan header, footer, section, aticle, nav, aside, main gibi etiketler de mevcuttur. Doğru cevap A'dır.

Doğru Cevap: A

Soru 14

Aşağıdakilerden hangisi ortam sorgusunda yazıcı çıktısı olarak kullanılan ortam türlerindendir?

Screen

All

Speech

Device

Açıklama:

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.

Yukarıdaki kodlamada "width=device-width" ifadesi neyi belirtir?

Web sayfasının cihazın ekran genişliği ile aynı olacağını

Web sayfasının cihazın sağına hizalanacağını

Web sayfasının ekranın soluna hizalanacağını

Web sayfası içerisinde web elemanlarının yüzmesi gerektiğini

Yatay olarak taşan bir içeriğin kaydırmalı gözükeceğini

Açıklama:

width=device-width ifadesi ile sayfanın genişliğinin kullanılan cihazın ekran genişliği ile aynı olacağı belirtilmiş olur. initial-scale=1.0 ifade ile ise yakınlaştırma ortanı 1 olarak ayarlanmıştır. Bir başka deyişle büyütme ya da küçültme işleminin yapılmayacağı belirtilmiş olur.

Doğru Cevap: A

Soru 22

I. Bir çok CSS kütüphanesi grid kullanımını destekleyecek araçlar sunmaktadır.
II. Grid kullanımı ile genel olarak sayfa genişliği 16 eşit parçaya bölünür.
III. Grid kullanımı tasarım öğelerini sayfa içinde yerleştirmeyi kolaylaştırır.
Grid kullanımıyla ilgili yukarıdakilerden hangisi veya hangileri doğrudur?

Yalnız I

Yalnız III

I ve III

II ve III

I, II ve III

Açıklama:

Günümüzde bir çok web sayfası tasarımında grid yapısı kullanılmaktadır. Hatta bir çok CSS kütüphanesi grid kullanımını destekleyecek araçlar sunmaktadırlar. Grid kullanımı ile genel olarak sayfa genişliği 12 eşit parçaya bölünür ve tarayıcı penceresinin tüm genişliği kullanılır. Grid kullanımı tasarım öğelerini sayfa içinde yerleştirmeyi kolaylaştırır. 12 parçanın toplam genişliği yüzde yüz olacak şekilde ayarlanmaktadır. Bu durumda her bir parça yüzde 8,33’lük bir genişliğe sahip olacaktır.

Doğru Cevap: C

Soru 23

Canvas etiketi HTML5 ile birlikte gelmiştir

Canvas etiketi kullanılarak web sayfası içinde boş bir tuval oluşturulmuş olur

Canvas etiket kullanılarak etkileşimli canlandırmalar, oyunlar, 3 boyutlu çalışmalar yapmak mümkündür

Canvas etiketi ile ilgili yukarıdakilerden hangisi veya hangileri doğrudur?

Yalnız II

I ve II

I ve III

II ve III

I, II ve III

Açıklama:

Canvas etiketi HTML5 ile birlikte gelmiştir ve bu etiketin HTML5 için en önemli yeniliklerden biri oldu-ğu söylenebilir. Canvas etiketi kullanılarak web sayfası içinde boş bir tuval oluşturulmuş olur. Bu tuval üzerinde etkileşimli canlandırmalar, oyunlar, 3 boyutlu çalışmalar yapmak mümkündür.

Doğru Cevap: E

Soru 24

I. Web sayfalarında kullanılan menüler kullanıcıların sayfayı kullanmalarını zorlaştımaktadır.
II. Genel kabul görmüş bir yöntem olarak menüler ul etiketi kullanılarak sırasız bir liste şeklinde oluşturulur.
III. Oluşturulan bu menü CSS yardımı ile biçimlendirilerek yatay, dikey ve açılır menülere dönüştürülebilir.
Menü uygulamarı hakkında verilen bilgilerden hangisi veya hangileri doğrudur?

Yalnız II

Yalnız III

II ve III

I ve III

I, II ve III

Açıklama:

Web sitelerinin en önemli bileşenlerinden biri de menülerdir. Menüler sayesinde kullanıcılar rahatlıkla web sitesi içindeki sayfalar arasında gezinti yapabilirler. Dolayısıyla web sayfalarında kullanıcılar tarafından rahatlıkla kullanılabilecek menülerin oluşturulması gerekmektedir. Genel kabul görmüş bir yöntem olarak menüler ul etiketi kullanılarak sırasız bir liste şeklinde oluşturulur. Daha sonra oluşturulan bu menü CSS yardımı ile biçimlendirilerek yatay, dikey ve açılır menülere dönüştürülebilir. Ayrıca HTML5 standartlarına göre web sayfalarındaki ana menü ve yan menüleri nav etiketi içinde gruplandırmak uygun olacaktır.

Doğru Cevap: C

Soru 25

Aşağıdaki özelliklerden hangisi display özelliği block olan elemanları yatay olarak ortalamak için kullanılır?

Max-width

Text-align

Padding

Margin

Float

Açıklama:

Margin özelliği bildiğiniz üzere HTML elemanlarının diğer elemanlarla arasındaki mesafeyi ayarlamak için kullanılmaktadır. Ancak margin özelliğinin bir başka kullanımı ise blok düzeyindeki etiketlerin yatay olarak ortalanmasını sağlamaktır. Bunun için etiketin margin-left ve margin-right özelliklerine ya da sadece margin özelliğine auto değerinin verilmesi gerekmektedir

Doğru Cevap: D

Soru 26

Div ile bölümler oluşturulurken, oluşturulan bölüm, id ya da class özelliği ile işaretlenmesinin nedeni nedir ?

CSS kullanılarak bu bölümlerin rahatlıkla biçimlendirilebilmesi için

Her bölümde numaralandırma yapılabilmesi için.

Bölümler arasında veri alışverişin daha rahat yapılabilmesi için.

Bölümler id ve içerik class olarak ayır etmektede kullanıldığı için.

Her bölüm ve içerikleri sıraya sokabilmek için.

Açıklama:

Genellikle div ile bölümler oluşturulurken, oluşturulan bölüm, id ya da class özelliği ile işaretlenir. Böylece CSS kullanılarak bu bölümler rahatlıkla biçimlendirilebilecektir.

Doğru Cevap: A

Soru 27

Header etiketi bir web sayfası hazırlarken nerede kullanılmaktadır?

Alt bölüm

Başlık

Menü

İçerik

Özet

Açıklama:

Header kelimesi başlık, footer kelimesi ise alt bilgi anlamlarına gelmektedir.

Doğru Cevap: B

Soru 28

Section etiketi için aşağıdakilerden hangisi doğrudur?

Web sayfasında bulunan bir içerik ile ilgili olup da içerikten ayrı şekilde durması gereken bilgiler için kullanılmalıdır.

Web sayfasındaki içeriğin tematik olarak gruplandırılmasına yönelik bir etikettir.

Kendi başına anlamlı ve diğer içeriklerden bağımsız olan içeriğin gruplandırılmasında kullanılır.

Bir belgenin ya da uygulamanın ana içeriğini temsil etmektedir

Web bağlantılarını gruplandırmak için kullanılır.

Açıklama:

Section etiketi, web sayfasındaki içeriğin tematik olarak gruplandırılmasına yönelik bir etikettir. İlgisiz içeriğin gruplamasında kullanılmamalıdır. Eğer web sayfasında section etiketi kullanılıyorsa, section etiketinin içinde header ve footer etiketlerinin kullanılması uygun olacaktır, çünkü her tema kendi içinde bir başlık bölümü ve alt bilgi bölümü barındırabilir.

Doğru Cevap: B

Soru 29

Sayfa yerleşimini ayarlamak için kullanılan display özelliği “display: none” değeriyle kullanıldığında aşağıdakilerden hangisini yapar?

Kullanılan etiket sayfanın sol tarafında görüntülenecektir.

Kullanılan etiket sayfanın sağ tarafında görüntülenecektir.

Kullanılan etiket sayfanın üst tarafında görüntülenecektir.

Kullanılan etiket sayfada hiç görüntülenmeyecektir

Kullanılan etiket sayfanın alt tarafında görüntülenecektir.

Açıklama:

Eğer bir etikete display:none; CSS özelliği eklenirse, bu etiket sayfada hiç görüntülenmeyecek, hatta hiç yer dahi kaplamayacaktır.

Doğru Cevap: D

Soru 30

Bir div etiketinin Max-Width değeri 500 px (Max-Width: 500px;) olduğunda aşağıdakilerden hangi gerçekleşmektedir?

Elemanın genişliği için en büyük değeri gösterir.

Elemanın genişliği için en alt değerini gösterir.

Elemanın yüksekliğinin için en alt değerini gösterir.

Elemanın yüksekliğinin için en büyük değeri gösterir.

Elemanın genişliğinin ve yüksekliğinin için en büyük değeri gösterir.

Açıklama:

Max-width ile belirlenen değer, elemanın genişliği için en büyük değeri gösterir. Ancak tarayıcının sayfa genişliğinin değişmesine bağlı olarak bu değer tarayıcının sayfasına uyum sağlamak amacıyla azalabilir.

Doğru Cevap: A

Soru 31

Aşağıdaki etiketlerin çıktısı aşağıdakilerden hangisinde doğru verilmiştir ?
< style > div { margin: 50px; border: 1px solid black; } < /style > < /head > < body > < div > Kutu < /div > < /body >

Açıklama:

Doğru Cevap: A

Bir web sayfasına bölümler eklemek için kullanılması gereken HTML etiketi aşağıdakilerden hangisidir?

display

block

div

class

Açıklama:

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: C

Soru 37

I. Header
II. Article
III. Span
Yukarıdaki seçeneklerden hagisi veya hangileri HTML5 sürümü ile birlikte gelen ve div etiketi yerine bölüm oluşturmak için kullanılabilen anlamsal etiketlerdendir?

Yalnız II

Yalnız III

I ve II

II ve III

I, II ve III

Açıklama:

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.

Doğru Cevap: C

Soru 38

Aşağıdakilerden hangisi HTML5 ile birlikte gelen bölüm oluşturma etiketlerinden biri değildir?

div

header

footer

article

main

Açıklama:

Doğru Cevap: A

Soru 39

HTML5 ile hazırlanacak olan bir web sayfasına gövde içerisinde yan yana üç farklı sütun eklenmek isteniyor. Bunun için aşağıdaki HTML5 etiketlerinden hangisi kullanılmalıdır?

body

href

script

section

Açıklama:

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

Doğru Cevap: D

Soru 40

Aşağıdakilerden hangisi "inline" veya "block" değerlerini alabilen, aldığı değere göre elemanların yeni satırdan başlamasını veya aynı satır içerisinde yer almasını sağlayan bölüm özelliğidir?

Overflow

Position

Margin

Display

Float

Açıklama:

Doğru Cevap: D

Soru 41

Blok düzeyindeki etiketleri yatay olarak ortalamak için aşağıdaki bölüm özelliklerinden hangisi kullanılmalıdır?

display

margin

position

overflow

float

Açıklama:

Doğru Cevap: B

Soru 42

Elemanların konum türlerini ayarlamak için kullanılan ve "static", "relative", "fixed" ve "absolute" gibi değerler alabilen bölüm özelliği aşağıdakilerden hangisidir?

Float

Overflow

Width

Margin

Position

Açıklama:

Doğru Cevap: E

Aşağıdaki ifadelerden hangisi ya da hangileri esnek (responsive) tasarımı gerekli kılan sebeplerdendir?
I. Mobil cihazlarla internete bağlananların sayısının artması
II. Cihazların ekran büyüklüklerinin farklı olması
III. Cep telefonlarının genellikle dikey olarak kullanılması

III

I ve II

I, II ve III

Açıklama:

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 dünya genelinde İnternet erişimi ile ilgili istatistikler incelendiğinde, mobil cihazların masaü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 büyüklüğüdür. Cep telefonlarının ekranları normal olarak masaüstü/dizüstü 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 büyük önem arz etmektedir. Bunun için web sayfası tasarımı yaparken farklı ekran büyüklü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.

Doğru Cevap: E

Genişlik ve yükseklik özellikleri belirtilen elemanların içeriğinin sığmaması, taşması durumunda nasıl davranılacağını belirleyen özellik aşağıdakilerden hangisidir?

Aside

Display

Overflow

Section

Float

Açıklama:

Doğru Cevap: C

Soru 57

None, left, right değerleri alabilen ve elemanların sayfa içerisinde yüzmesini sağlayan özellik aşağıdakilerden hangisidir?

Main

Section

Display

Position

Float

Açıklama:

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: E

Soru 58

Aşağıdakilerden hangisinde menü oluşturmak için kullanılan anlamsal etiket doğru tanımlanmıştır?

nav.anamenu

div.anamenu

float.anamenu

display.anamenu

block.anamenu

Açıklama:

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

Doğru Cevap: A

Soru 59

Farklı ekran büyüklüklerine otomatik olarak uyum sağlayabilen tasarımlara, …….. tasarım adı verilmektedir.
Yukarıdaki cümlede boş bırakılan yeri aşağıdakilerden hangisi doğru olarak tamamlar?

Responsive

Viewport

Width

Grid

Display

Açıklama:

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

Doğru Cevap: A

Soru 60

Sayfayı genellikle 12 eşit parçaya bölerek tasarım öğelerini sayfa içerisine yerleştirmeyi kolaylaştıran yapı aşağıdakilerden hangisidir?

Responsive

Viewport

Width

Grid

Display

Açıklama:

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.

Doğru Cevap: D

Soru 61

HTML dilinde sıklıkla bölümler oluşturmak için kullanılan, varsayılan display özelliği block olan kapsayıcı etikete ne ad verilir?

Div

Footer

Aside

Section

Header

Açıklama:

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: A

Soru 62

Aşağıdakilerden hangisi kesit, kısım, bölüm anlamına gelmektedir?

Header

Section

Div

Footer

Aside

Açıklama:

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

Doğru Cevap: B

Soru 63

Hangi etiket bir belgenin ya da uygulamanın ana içeriğini temsil etmektedir?

Div

Aside

Main

Header

Footer

Açıklama:

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

Doğru Cevap: C

Soru 64

Web sitesinde nav etiketi nerede yer alabilir?

Footer etiketinin altında

Section etiketinin altında

Header etiketinin üstünde

Header etiketinin altında

Section etiketinin üstünde

Açıklama:

HTML5 ile Sayfa Yapısı Oluşturma
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.

Doğru Cevap: D

Soru 65

Aşağıdakilerden hangisi, sayfa yerleşimini ayarlamak için kullanılan en önemli CSS özelliklerinden biridir?

Position

Margin

Max-Width

Width

Display

Açıklama:

BÖLÜM ÖZELLİKLERİNİN BELİRLENMESİ
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: E

Soru 66

Position özelliği ile ne belirlenir?

Elemanların ne tür bir konuma sahip olacağı

HTML elemanlarının diğer elemanlarla arasındaki mesafeyi ayarlama

Bulunduğu ortamın tüm genişliğini kullanma

Elemanın genişliği için en büyük değeri gösterme

etiketinin sayfada blok olarak görüntülenmesi sağlama

Açıklama:

BÖLÜM ÖZELLİKLERİNİN BELİRLENMESİ
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.

Doğru Cevap: A

Soru 67

Web sitelerinde menüler ne için gereklidir?

Web sitelerinin dinamik olması için

Web sitelerinin hızlı çalışması için

Web sitelerinde kullanıcıların rahatlıkla gezinebilmesi için

Web sitelerinde etkileşimi sağlamak için

Web sitelerinin hızını artırmak için

Açıklama:

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

Doğru Cevap: C

Soru 68

Aşağıdakilerden hangisi, Web tarayıcısının web sayfalarını gösterdiği alana verilen isimdir?

Footer

Aside

Viewport

Div

Display

Açıklama:

ESNEK BÖLÜM TASARIMI
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

Doğru Cevap: C

Soru 69

Canvas etiketi ne ile geliştirilmiştir?

HTML1

HTML2

HTML3

HTML5

HTML4

Açıklama:

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

Doğru Cevap: D

Web tarayıcısının web sayfalarını gösterdiği alana verilen isim nedir?

body

header

div

viewport

content

Açıklama:

Doğru Cevap: D

Soru 76

Aşağıdaki ortam sorgularından hangisinde 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.

@media only screen and (max-width: 500px) {
nav { width: 100%;}
}

@media only print and (max-width: 500px) {
nav { width: 100%;}
}

@media not screen and (max-width: 500px) {
nav { width: 100%;}
}

@media only screen and (max-width: 600px) {
nav { width: 100%;}
}

@media only screen and (max-width: 500px) {
nav { width: 80%;}
}

Açıklama:

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

Doğru Cevap: A

Soru 77

Açıklama:

Doğru Cevap: B

"..................................... HTML elemanlarının diğer elemanlarla arasındaki mesafeyi ayarlamak için kullanılmaktadır." şeklinde ifade edilen özellik aşağıdakilerden hangisidir?

Margin özelliği

Width özelliği

Max-width özelliği

Position özelliği

Overflow özelliği

Açıklama:

Doğru Cevap: A

HTML4 ile
olarak tanımlanan başlık HTML5 ile nasıl tanımlanır?

Açıklama:

HTML4 ile farklı programcılar başlık bölümü için
, gibi farklı tanımlamalar yapabilirken HTML5 ile tüm programcılar

şeklinde bir tanımlama yapabilecektir. Doğru cevap E şıkkıdır.

Doğru Cevap: E

Soru 91

Bir web sayfasında alt bilgi alanını tanımlamak için en uygun etiket hangisidir?

Footer

Aside

Bottom

Div

Address

Açıklama:

Footer kelimesi ise alt bilgi anlamına gelmektedir. Doğru cevap A şıkkıdır.

Doğru Cevap: A

Soru 92

Kendi başına anlamlı ve diğer içeriklerden bağımsız olan içeriğin gruplandırılmasında hangi etiket kullanılır?

img

header

article

Web sayfasının başlık bölümü, logo, üst menü gibi içerikleri gruplandırmak için kullanılan anlamsal etiket aşağıdakilerden hangisidir?

Header

Footer

Section

Nav

Aside

Açıklama:

Doğru Cevap: A

Genişlik ve yükseklik özellikleri belirtilen elemanların içeriğinin sığmaması, taşması durumunda nasıl davranılacağı belirleyen özellik aşağıdakilerden hangisidir?

Overflow

Display

Width

Margin

Position

Açıklama:

Doğru Cevap: A

Soru 108

Bir resmin etrafından metnin akmasının sağlanabilmesi için kullanılacak özellik aşağıdakilerden hangisidir?

Float

Display

Width

Margin

Position

Açıklama:

En basit kullanımı ile float özelliği kullanılarak sağ ya da sol tarafa yerleştirilen bir resmin etrafından metnin akması sağlanabilir

Doğru Cevap: A

Soru 109

HTML dilinde div etiketinin kullanım amacı nedir?

Web sayfası içinde bölümler oluşturmak

Web sayfasının dinamik görünmesini sağlamak

Web sayfasının okunabilirliğini artırmak

Web sayfasının açılış hızını artırmak

Web sayfasını güncellemek

Açıklama:

HTML dilinde div etiketinin kullanım amacı web sayfası içinde bölümler oluşturmaktır.

Doğru Cevap: A

Soru 110

Bölüm oluşturmak amacıyla kullanılan aşağıdaki etiketlerden hangisi HTML5 dili ile birlikte yeni gelen etiketlerden biri değildir?

header

footer

section

div

nav

Açıklama:

HTML5 ile gelen ve bölüm oluşturmada kullanılan yeni etiketler header, footer, section, article, nav, aside ve main gibi etiketlerdir. div ise eskiden beri kullanılan bir bölüm oluşturma etiketidir.

Doğru Cevap: D

Soru 111

I- header
II- footer
III- div
IV- article
V- span
Yukarıda verilen HTML etiketlerinden hangileri anlamsal etiketlerdir?

I ve III

II, III ve IV

I, II ve IV

II, III, IV ve V

I, II, III, IV ve V

Açıklama:

HTML dilinde header, footer ve article gibi etiketler anlamsal etiketlerdir.

Doğru Cevap: C

Soru 112

Sayfa sonunda bulunan içeriği gruplamak için kullanılan HTML etiketi aşağıdakilerden hangisidir?

nav

header

article

aside

footer

Açıklama:

Sayfa sonunda bulunan içeriği gruplamak için kullanılan HTML etiketi footer etiketidir.

Doğru Cevap: E

Soru 113

I- Web sitesinin en başına logo ve isim bilgilerinin bulunduğu header etiketi yerleştirilebilir.
II- Section etiketi içinde gruplandırılacak içeriğin temasal bir bağının olması gerekir.
III- 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.
IV- Web sayfasının en sonunda künye, telif hakkı vb. bilgiler footer içinde yer alabilir.
HTML etiketleri ile ilgili doğru olan ifadeler aşağıdaki seçeneklerden hangisinde eksiksiz olarak yer almaktadır?

Yalnız I

I ve III

I, III ve IV

II, III ve IV

I, II, III ve IV

Açıklama:

Verilen ifadelerden hepsi doğrudur.

Doğru Cevap: E

Soru 114

Aşağıdakilerden hangisi bir CSS özelliği olan overflow'un alabileceği değerlerden biri değildir?

visible

none

scroll

auto

hidden

Açıklama:

none overflow'un alabileceği değerlerden biri olmayıp, float özelliğinin bir değeridir.

Doğru Cevap: B

Soru 115

Aşağıdakilerden hangisi CSS'de position (konum) özelliğinin alabileceği değerlerden biri değildir?

auto

static

absolute

relative

fixed

Açıklama:

CSS'de position (konum) özelliğinin alabileceği değerler arasında auto değeri yer almaz.

Doğru Cevap: A

Soru 116

Web tarayıcısının web sayfalarını gösterdiği alana ne ad verilir?

display

viewport

landscape

main

visible

Açıklama:

Web tarayıcısının web sayfalarını gösterdiği alana viewport denilmektedir.

Doğru Cevap: B

Soru 117

Farklı ekran boyutlarına otomatik olarak uyum sağlayabilen tasarımlara ne ad verilmektedir?

uyumlu (compatible) tasarım

tam (full) tasarım

esnek (responsive) tasarım

dinamik (dynamic) tasarım

visible (görünür) tasarım

Açıklama:

Farklı ekran boyutlarına otomatik olarak uyum sağlayabilen tasarım esnek (responsive) tasarım olarak adlandırılmaktadır.

Doğru Cevap: C

Soru 118

CSS'de ortam sorgularının en önemli amacı aşağıdakilerden hangisidir?

Web'e erişim hızını öğrenmek

Server bilgisini almak

Tarayıcıda güvenlik açığı bulunup bulunmadığını öğrenmek

Kullanılan işletim sisteminin türünü öğrenmek

Tarayıcı penceresinin genişliği ile ilgili bilgi almak

Açıklama:

CSS'de ortam sorgularının en önemli amacı tarayıcı penceresinin genişliği ile ilgili bilgi almaktır.

Doğru Cevap: E

Soru 119

I.Web sayfasının başlık bölümüdür.
II.Logo, üst bölüm gibi içerikleri gruplandırmak için kullanılır.
III.Genellikle sayfanın sonunda yer alır.
Yukarıda header hakkında verilen bilgilerden hangisi/hangileri doğrudur?

Yalnız I

I-II

II-III

I-III

I-II-III

Açıklama:

Bölüm oluşturmak için kullanılabilecek anlamsal etiketlerden biri olan Header etiketi; web sayfasının
başlık bölümü, logo, üst menü gibi içerikleri gruplandırmak için kullanılabilir. Genellikle header etiketi
web sayfasının en üstün yer alır ve web sayfasının tüm başlık bölümünü kapsar. Ancak web sayfasının
tasarımına göre header etiketinin kullanıldığı yerler değişiklik gösterebilir. Web sayfasının farklı bölümlerindeki içerikler için özel başlık alanları oluşturmak istenebilir. Bu durumda her bölümün başında bir header etiketi konulabilir. Bu bilgiler doğrultusu I-II seçenekleri doğrudur.

Doğru Cevap: B

Soru 120

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ı olarak değerlendirilebilir.
Yukarıda açıklaması verilen etiket aşağıdakilerden hangisidir?

Section

Aside

Article

Nav

Div

Açıklama:

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

Soru 121

Aşağıda verilen bilgilerden hangisi nav etiketi için doğrudur?

Makale anlamına gelmektedir.

Kendi başına anlamlı ve diğer içeriklerden bağımsız olan içeriğin gruplandırılmasında kullanılır.

Bir belgenin veya uygulamanın ana içeriğini temsil eder.

Navigation kelimesinin kısaltılmasıdır ve gezinti, yön bulma anlamına gelir.

Web sayfasındaki içeriğin tematik olarak gruplandırılmasına yönelik bir etikettir.

Açıklama:

Nav kelimesi navigation kelimesinin kısaltmasıdır ve gezinti, yön bulma anlamlarına gelir.

Doğru Cevap: D

Soru 122

Bir div etiketinin ulaşabileceği azami genişlik değerini belirlemek için aşağıdaki verilen özelliklerden hangisi kullanılmalıdır?

width

border

max-width

margin

position

Açıklama:

max-width özelliği içerisine yazıldığı etiketin alabileceği en büyük genişlik değerini gösterir.

Doğru Cevap: C

Grid kullanımı ile genel olarak sayfa genişliği kaç eşit parçaya bölünür?

Açıklama:

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.

Doğru Cevap: B

Soru 127

HTML' de kullanılan resimlerin genişliği ekran boyutu değişse bile ekranın hepsini kaplamasını istersek hangi özelliğin kullanılması gerekir?

width:100px

height:100px

max-width:100px

max-width:100%

padding:10px

Açıklama:

max-width:100% parametresi ekran boyutu değişse bile ekrana sığdırmasını sağlar.

Doğru Cevap: D

Soru 128

Aşağıdakilerden hangisi kanvas özelliklerinden biri değildir?

Canvas etiketi ile 3 boyutlu çalışmalar yapmak mümkündür.

Canvas etiketi ile oluşturulan tuvalin üzerine javascript programlama dili kullanılarak çizim yapılabilir.

Adobe Flash programı ile geliştirilen içerikleri çalıştırmak için Adobe Flash Player yüklü olması gerekmektedir.

Canvas etiketi HTML 4 ile birlikte gelmiştir.

Canvas etiketi kullanılarak oyun yapılabilir.

Açıklama:

Canvas etiketi HTML 5 ile birlikte gelmiştir.

Doğru Cevap: D

Ünite 7

Soru 1

Ruby dilinin yeteneklerini geliştirmek için hazırlanmış web çatısı aşağıdakilerden hangisidir?

Rails

Django

Zend Framework

Symphony

CakePHP

Açıklama:

Rails, Ruby dilinin yeteneklerini geliştirmek için hazırlanmış bir web çatısıdır. MVC modelinde çalışan Rails, veri tabanı erişimi, web servisleri ve web sayfaları için hazır yapılar sunmaktadır.

Doğru Cevap: A

Soru 2

HTML

Javascript

Bootstrap olarak isimlendirilen web çatısında kullanılan teknolojisinin temelinde hangi teknolojiler yer almaktadır?

Yalnız I

Yalnız II

I ve III

II ve III

I - II ve III

Açıklama:

Bootstrap, internet siteleri ve internet tabanlı uygulamaların kullanıcı arayüzlerini (front-end) geliştirmek için kullanılabilecek bir web çatısıdır. Bootstrap, tarayıcı tarafında çalışan bir web çatısı olduğundan, temelinde HTML, CSS ve Javascript teknolojileri yer almaktadır.

Doğru Cevap: E

Soru 3

Bootsrap ile birlikte gelen fontlar, düğmeler ve ızgara sistemi gibi görsel özellikler aşağıdakilerden hangisinde tutulmalıdır?

HTML Dokümanı

CSS Dokümanı

Javascript Dokümanı

Bootstrap.js

Simgeler

Açıklama:

Boostrap ile birlikte gelen görsel özellikler (Ör: fontlar, düğmeler, ızgara sistemi) CSS dosyasında tutulmaktadır. Zorunlu haller dışında bu dosya uzerinde değişiklik yapılmamalıdır.

Doğru Cevap: B

Soru 4

Element içindeki metnin tarayıcı genişliğinden daha geniş olması durumunda otomatik olarak alt satıra alınmasını engellemeye yarayan hizalama sınıfı aşağıdakilerden hangisidir?

Text-left

Text-right

Text-center

Text-justify

Sitelerin ve uygulamaların çeşitli ekran ve tarayıcı genişliklerine göre kendilerini yeniden düzenleyebildiği bir tasarım yaklaşımıdır.

Yaklaşımın amacı, sitenin tasarım ve ölçeklendirmesini değiştirerek, okunurlu- ğu desteklemek ve kullanıcı etkileşimini iyileştirmektir.

Yaklaşımın temelinde CSS 3 tanımlamaları ile birlikte gelen medya sorguları (media querries) yer almaktadır

Yukarıdakilerden hangisi veya hangileri tepkisel tasarım (responsive design) özelliğidir?

yalnız I

yalnız III

I ve III

II ve III

I, II ve III

Açıklama:

Tepkisel tasarım (responsive design), sitelerin ve uygulamaların çeşitli ekran ve tarayıcı genişliklerine göre kendilerini yeniden düzenleyebildiği bir tasarım yaklaşımıdır.
1.Sitelerin ve uygulamaların çeşitli ekran ve tarayıcı genişliklerine göre kendilerini yeniden düzenleyebildiği bir tasarım yaklaşımıdır.
2.Yaklaşımın amacı, sitenin tasarım ve ölçeklendirmesini değiştirerek, okunurluğu desteklemek ve kullanıcı etkileşimini iyileştirmektir.
3.Yaklaşımın temelinde CSS 3 tanımlamaları ile birlikte gelen medya sorguları (media querries) yer almaktadır

Doğru Cevap: E

Soru 11

Temelinde HTML, CSS ve Javascript teknolojileri yer almaktadır.

Öncelikle akıllı telefon, tablet bilgisayar gibi mobil cihazları hedef alır

İnternet sayfaları ve uygulamalar mobil cihazların internet tarayıcılarında sorunsuz bir şekilde çalışmakta ve görüntülenebilmektedir.

Oldukça çeşitli ekran boyutları ve piksel yoğunlukları olan mobil cihazlarda içeriklerin okunabilir ve düzgün gösterilebilmesi için metin (tipografi), yerleşim ve ölçekleme özellikleri sunulmaktadır.

Güncel bir web çatısı olan Bootstrap ile ilgili verilen bilgilerden hangisi veya hangileri doğrudur?

I ve III

I, II ve III

III ve IV

II, III ve IV

I, II, III ve IV

Açıklama:

Bootstrap, internet siteleri ve internet tabanlı uygulamaların kullanıcı arayüzlerini (front-end) geliştirmek için kullanılabilecek bir web çatısıdır. Bootstrap, tarayıcı tarafında çalışan bir web çatısı olduğundan, temelinde HTML, CSS ve Javascript teknolojileri yer almaktadır.
Bootstrap öncelikle akıllı telefon, tablet bilgisayar gibi mobil cihazları hedef alan bir felsefe ile geliştirilmiştir. Bootstrap ile üretilen internet sayfaları ve uygulamalar mobil cihazların internet tarayıcılarında sorunsuz bir şekilde çalışmakta ve görüntülenebilmektedir. Oldukça çeşitli ekran boyutları ve piksel yoğunlukları olan mobil cihazlarda içeriklerin okunabilir ve düzgün gösterilebilmesi için metin (tipografi), yerleşim ve ölçekleme özellikleri sunulmaktadır.

Doğru Cevap: E

Soru 12

Yazılım geliştirme desenidir.
Veri soyutlanması esasına dayanır.
Kontrolcü (controller) adı verilen bir ara sistem, veri (model) ve arayüzler (view) arasında köprülük görevi görmektedir.
Sistemin avantajı, yazılan kodların tekrar tekrar kullanılabilmesi ve çeşitli uygulamalar için arayüzler (views) sağlayabilmesidir.

MVC (model-view-controller) hakkında verilen bilgilerden hangileri doğrudur?

I ve IV

I, II ve IV

I, II ve III

II, III ve IV

I, II, III ve IV

Açıklama:

MVC (model-view-controller) bir yazılım geliştirme desenidir. Bu desen veri soyutlanması esasına dayanır. Buna göre, kontrolcü (controller) adı verilen bir ara sistem, veri (model) ve arayüzler (view) arasında köprü- lük görevi görmektedir. Sistemin avantajı, yazılan kodların tekrar tekrar kullanılabilmesi ve çeşitli uygulamalar için arayüzler (views) sağlayabilmesidir. Örneğin internet sitesi kullanıcıları için görsel bir arayüz oluşturulabilirken, uzaktaki uygulamalarla veri alışverişi için farklı bir arayüz (web servisleri) üretilebilmektedir.

Doğru Cevap: E

Soru 13

Bootstrap projeleri, bir HTML dokümanına gerekli dosyaların bağlanması ve bu dokümanda kodların işlenmesiyle gerçekleştirilir. Temel bir Bootstrap projesinde aşağıdaki bileşenlerden hangileri yer alır?

index.html
/css
/js
/fonts

Yalnız I

I ve II

I, II ve III

I, II ve IV

I, II, III ve IV

Açıklama:

Bootstrap projeleri, bir HTML dokümanına gerekli dosyaların bağlanması ve bu dokümanda kodların işlenmesiyle gerçekleştirilir. Temel bir Bootstrap projesinde hepsi yer almalıdır.

Doğru Cevap: E

C#
HTML
PHP
CSS
JS
TTF

Bir Bootstap projesinin anatomisinde yukarıdaki öğelerden hangileri vardır?

I,II III ve V

I, IV, V ve VI

II, III, V ve VI

II, IV, V ve VI

III, IV, V ve VI

Açıklama:

Temel bir Bootstrap projesinde aşağıdaki bileşenler yer almalıdır. HTML, CSS, JS ve TTF.

Doğru Cevap: D

Soru 18

index.css
bootstrap.css
jqueryjs
bootstrap.js
bootstrap.php

Bootstrap projelerinde kullanılan yukarıda sıralanan hangi uzak dosyalar eklenir?

I,II ve III

I, III ve V

II,III ve IV

II III ve V

III, IV,V

Açıklama:

Bootstrap Projelerinde Kullanılan Uzak Dosyaların Bağlantı Adresleri, Dosya Erişim Adresi
bootstrap.css: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css
jquery.js: https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js
bootstrap.js: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js

Doğru Cevap: C

Soru 19

Aşağıdakilerden hangi etiket “Metnin arkasını boyayarak vurgular”?

del

ins

small

strong

mark

Açıklama:

Mark: Metnin arkasını boyayarak vurgular. metin

Doğru Cevap: E

Soru 20

Small etiketi aşağıdakilerin hangisinde açıklanmıştır?

Metnin üstünü çizer.

Metni vurgulamak için altını çizer.

Metni bulunduğu ortamda %85 oranında küçültür.

Metni vurgulamak için kalın yazar.

Metni vurgulamak için yatık yazar.

Açıklama:

Small: Metni bulunduğu ortamda %85 oranında küçültür. metin

Doğru Cevap: C

Soru 21

TATLI TARİFİ

Malzemeler

0,5 lt su
100 gr şeker

Yukarıdaki yazıları oluşturmak için aşağıda sunulan etiketlerin hangisi doğrudur?

TATLI TARİFİ

Malzemeler

0,5 lt su

100 gr şeker

TATLI TARİFİ

Malzemeler

0,5 lt su

100 gr şeker

TATLI TARİFİ

Malzemeler

0,5 lt su

100 gr şeker

TATLI TARİFİ

Malzemeler

0,5 lt su

100 gr şeker

TATLI TARİFİ

Malzemeler

0,5 lt su

100 gr şeker

Açıklama:

Doğru Cevap: A

Soru 22

Bootstrap’da tablonun dış kenarlıklarını ve hücreler arasındaki dikey kenarlıkları hangi etiket ekler?

table-striped

table-bordered

table-hover

table-condensed

table-dark

Açıklama:

table-striped: Tablo satırlarını bir koyu, bir açık olacak şekilde boyar. table-bordered: Tablonun dış kenarlıklarını ve hücreler arasındaki dikey kenarlıkları ekler. table-hover: Fare üzerine geldiğinde tablo satırlarını vurgular. table-condensed :Hücreler arası boşlukları azaltarak daha yoğun bir tablo oluşturur. Table-dark: tablonun arka plan rengini siyah yapar.

Doğru Cevap: B

Soru 23

Bootstrap’da düğmeyi kırmızı yapmak için hangi etiket kullanılır?

Btn-primary

Btn-info

Btn-warning

Btn-danger

Btn-succes

Açıklama:

Doğru Cevap: D

Soru 24

< del>metin metne etkisi aşağıdakilerden hangisidir?

Metnin arkasını boyayarak vurgular.

Metnin üstünü çizer.

Silinmiş metni vurgulamak için üstünü çizer.

Eklenmiş metni vurgulamak için altını çizer.

Metni vurgulamak için altını çizer.

Açıklama:

< del>metin:
Silinmiş metni vurgulamak için üstünü çizer.

Doğru Cevap: C

Soru 25

metin kodunun metne etkisi aşağıdakilerden hangisidir?

Metni vurgulamak için kalın yazar.

Metni vurgulamak için yatık yazar.

Metni bulunduğu ortamda %85 oranında küçültür.

Metni vurgulamak için altını çizer.

Eklenmiş metni vurgulamak için altını çizer.

Açıklama:

metin:
Metni vurgulamak için kalın yazar.

Doğru Cevap: A

Soru 26

Tablolarda kullanılan kavramsal sınıflardan "active"in anlamı nedir?

İçeriği vurgulamak için kullanılır.

Olumlu ya da başarılı bir içeriği belirtir.

Düşük vurgulu, bilgilendirici içerikleri belirtir.

Okuyucu dikkatini gerektiren içerikleri belirtir.

Olumsuz ya da tehlikeli içerikleri beliritr.

Açıklama:

active: İçeriği vurgulamak için kullanılır.

Doğru Cevap: A

Soru 27

Bootstrap sisteminde kayan resim oluşturmak için hangi bileşen kullanılır?

Carousel

container

row

column

helper

Açıklama:

İnternet sitelerinde marka imajları, reklamlar, duyurular, ürün tanıtımları gibi amaçlarla kullanılan, en önemli görsel araçlardan biri kayan resimlerdir. Bootstrap sisteminde kayan resim oluşturmak için Carousel bileşeni kullanılmaktadır

Doğru Cevap: A

Soru 28

Bootstrap element grupları ile oluşturulmuş form aşağıdakilerden hangisidir?

Açıklama:

Ekran alanını daha ekonomik kullanmak için form elementleri birleştirilebilir.
E seçeneğindeki gibi Bu sistemde düğmeler ve giriş elementleri tek element olarak gösterilir.

Doğru Cevap: E

Soru 29

I.
II.

Yalnız I

Yalnız III

I ve II

II ve III

I, II ve III

Açıklama:

Üç farklı HTML elementi düğme olarak kullanılabilir:
,

Doğru Cevap: E

Soru 30

Web uygulamalarının geliştirilmesinde önemli bir iş yükü yaratan rutin işlemlerin otomatikleştirilmesi için aşağıdakilerden hangisi kullanılır?

Web siteleri

Web adresleri

Web çatıları

Web 2.0 araçları

Web sunucuları

Açıklama:

Web çatılarının temel amacı, web uygulamalarının geliştirilmesinde önemli bir iş yükü yaratan rutin işlemlerin otomatikleştirilmesidir. Örneğin, çoğu web uygulaması için önemli bir görev olan kullanıcı kaydı, yönetimi ve yetkilendirmesi için giriş formları, veri tabanı erişimi, oturum yönetimi, form verilerinin kontrolü gibi rutin işlemler gerekmektedir. Web çatıları bu işlerin tümü ya da bir bölümü için hazır kontroller ya da servisler sunmaktadır.

Doğru Cevap: C

Soru 31

I. Kodlar tekrar tekrar başka projeler için kullanılabilir
II. Proje çıktıları defalarca test edildiği için güvenilirdir
III. Veritabanı yönetimini kolaylaştırır
Yukarıdakilerden hangisi veya hangileri Web çatılarının avantajlarındandır?

Yalnız I

Yalnız III

I ve III

II ve III

I, II ve III

Açıklama:

Bir web çatısı kullanmanın en önemli avantajı, kodların tekrar kullanılabilir olmasıdır. Web çatıları deneyimli geliştiriciler ve geliştirici takımları tarafından tekrar kullanılabilirlik ilkesi ile üretilir. Üretilen kodlar çeşitli projelerde işe koşulur ve son kullanıcının hizmetine sunulur. Bu projelerin üretimi ve proje çıktılarının kullanımı sırasında web çatısı kodları defalarca test edilerek sorunları ortaya çıkarılır. Ortaya çıkan sorunlar geliştiriciler tarafından giderilerek web çatısının güvenirliği ve bütünlüğü ileri seviyelere taşınır. Kullanıcı girişi, veri tabanı yönetimi gibi pek çok proje için gerekli işlevleri hazır olarak sunması da web çatılarının yararlarından biridir.

Doğru Cevap: E

Soru 32

Aşağıdakilerden hangisi temel bir bootstrap projesinde yer alması gereken bileşenlerden biri değildir?

HTML dökümanı

CSS dökümanı

Javascript dökümanları

Simgeler

Resimler

Açıklama:

Bootstrap projeleri, bir HTML dokümanına gerekli dosyaların bağlanması ve bu dokümanda kodların işlenmesiyle gerçekleştirilir. Temel bir Bootstrap projesinde aşağıdaki bileşenler yer almalıdır:
HTML dökümanı
CSS dökümanı
Javascript dökümanları
Simgeler

Doğru Cevap: E

Soru 33

Bir Bootstrap projesinde, sistemin çalışması için gerekli tüm dosyaların bağlandığı ve projede gösterilecek olan metinlerin ve medya elementlerinin içerisinde eklendiği bileşen aşağıdakilerden hangisidir?

HTML dökümanı

CSS dökümanı

Javascript dökümanı

Simgeler

Symphony

Açıklama:

Doğru Cevap: A

Soru 43

Aşağıdakilerden hangisi Bootstrap projesinin temel bileşenlerinden biri değildir?

HTML dökümanı

CSS dökümanı

Javascript dökümanları

Simgeler

Ön yüz (front-end)

Açıklama:

Ön yüz Bootstrap projenin temel bileşenlerinden biri değildir.

Doğru Cevap: E

Soru 44

Aşağıdakilerden hangisi Bootstrap projesinde eklenmiş metni vurgulamak için altını çizen metin işaretleme etiketidir?

mark

del

ins

small

Açıklama:

“ins” Eklenmiş metni vurgulamak için altını çizer.

Doğru Cevap: C

Tarayıcı genişliğinin 768px - 991px arasında olduğu durumları ifade etmek kullanılan Bootstrap belirteci aşağıdakilerden hangisidir?

xor

Açıklama:

Tarayıcı genişliğinin 768px - 991px arasında olduğu durumları ifade etmek için sm (Small) belirteci kullanılır.

Doğru Cevap: B

Soru 49

"İnternet ortamında çalışan siteler, servisler, kaynaklar ve arayüzler üretmek için tasarlanmış yazılımlardır."
Verilen açıklama aşağıdaki hangi tanıma aittir?

Web Sayfası

Web Çatısı

Visual Studio Code

Bootstrap

Angular.JS

Açıklama:

Doğru Cevap: B

Soru 50

Temel bir Bootstrap projesinde aşağıdaki bileşenlerden hangisi yer almaz?

HTML Dokümanı

CSS Dokümanı

Javascript Dokümanları

Java Kodları

Simgeler

Açıklama:

HTML Dokümanı

CSS Dokümanı

Javascript Dokümanları

Simgeler

HTML Dokümanı
CSS Dokümanı
Javascript Dokümanları
Simgeler

Doğru Cevap: D

Soru 51

Bootstrap projeleri açılır menüler ve kayan resimler gibi kullanıcı etkileşimli bileşenler içerebilir. Bu bileşenlerin doğru çalıştırılabilmesi için hangi bootstrap bileşeni projeye eklenmelidir?

Javascript Dokümanları

Simgeler

Java Kodları

CSS Dokümanı

HTML Dokümanı

Açıklama:

Bootstrap projeleri açılır menüler ve kayan resimler gibi kullanıcı etkileşimli bileşenler içerebilir. Bu bileşenlerin doğru çalıştırılabilmesi için bootstrap.js dosyası projeye eklenmelidir.

Doğru Cevap: A

Soru 52

Bootstrap'te metnin arkasını boyayarak vurgulamak için hangi işaretleme etiketi kullanılır?

ins

small

strong

del

mark

Açıklama:

Bootstrap'te metnin arkasını boyayarak vurgulamak için mark işareti kullanılır.

Doğru Cevap: E

Soru 53

Element içindeki metni sola hizalamak için bootstrap sisteminde varsayılan hizalama türüdü hangisidir?

text-right

text-center

text-left

text-justify

text-nowrap

Açıklama:

text-left: Element içindeki metni sola hizalar. Bootstrap sisteminde varsayılan hizalama türüdür.

Doğru Cevap: C

Soru 54

Bootstrap'te tablo satırlarını bir koyu, bir açık olacak şekilde boyamak için aşağıdaki sınıflardan hangisi tablo etiketine eklenmelidir?

active

table-condensed

table-hover

table-striped

table-bordered

Açıklama:

table-striped: Tablo satırlarını bir koyu, bir açık olacak şekilde boyar

Doğru Cevap: D

Soru 55

Boyut sistemi ön tanımlı kırılma noktaları ve bu noktalar arasındaki aralıklara verilen kısa belirteçlerle işlemektedir. Bu sisteme göre, tarayıcı genişliğinin 890 piksel olduğu durumları için hangi boyut belirteci kullanılmalıdır?

Açıklama:

Doğru Cevap: A

Soru 56

Bootstrap sisteminin md kırılma noktası için container sınıfının bu noktadaki genişliği kaç px dir?

Otomatik

750px

970px

2000px

1170px

Açıklama:

Bootstrap sisteminin md kırılma noktası için container sınıfının bu noktadaki genişliği 970px dir.

Doğru Cevap: C

Soru 57

Bootstrap sisteminde yatay genişlikler kaç eşit parçaya bölünerek işlenir?

Açıklama:

Bootstrap sisteminde yatay genişlikler 12 parçaya bölünerek işlenir.

Doğru Cevap: E

Soru 58

Bootstarp'te butonları kırmızıya boyamak için btn kavramsal sınıfının yanında ayrıca hangi kavramsal sınıf kullanılmalıdır?

btn-default

btn-danger

btn-info

btn-success

btn-warning

Açıklama:

Bootstarp'te butonları kırmızıya boyamak için btn kavramsal sınıfının yanında ayrıca btn-danger kavramsal sınıf kullanılmalıdır.

Doğru Cevap: B

Soru 59

İnternet ortamında çalışan siteler, servisler, kaynaklar ve arayüzler üretmek için tasarlanmış yazılımlara ne ad verilir?

Web çatısı

Web servisi

Web domaini

Web kılavuzu

Web tasarımı

Açıklama:

Doğru Cevap: A

Soru 60

Sayfanın tamamı yerine küçük bölümlerinde düzenlemeler ve güncelleştirmeler yapılabilen yaklaşım hangisidir?

Tarayıcı temelli yaklaşım

Tarayıcı taraflı yaklaşım

Sunucu temelli yaklaşım

Sunucu taraflı yaklaşım

Tek yönlü yaklaşım

Açıklama:

Tarayıcı taraflı yaklaşımda ise sayfanın tamamı yerine küçük bölümlerinde düzenlemeler ve güncelleştirmeler yapılabilmektedir. Bu durum, sayfaların masaüstü uygulamalar gibi etkileşimli çalış- masına izin vermektedir.

Doğru Cevap: B

Tarayıcı genişliğinin 768 pikselden küçük olduğu durumları ifade etmek için hangi belirteç kullanılır?

Açıklama:

tarayıcı genişliğinin 768 pikselden küçük olduğu durumları ifade etmek için xs (Extra Small) belirteci kullanılır.

Doğru Cevap: E

Soru 65

Aşağıdakilerden hangisi form elementlerinden değildir?

düğmeler

input box

kayıt formu

row

select

Açıklama:

row

Doğru Cevap: D

Soru 66

Bootstrap sisteminde kayan resim oluşturmak için hangi bileşen kullanılır?

Carousel

Slider

ImageRoll

ImageScale

ImageFloat

Açıklama:

Bootstrap sisteminde kayan resim oluşturmak için Carousel bileşeni kullanılmaktadır.

Doğru Cevap: A

Soru 67

Madde işaretlerinin yöneteceği kayan resim elementini belirtmek için hangi özellik kullanılır?

data-target

target-blank

data-set

data-li

ol-li

Açıklama:

Madde işaretlerinin yöneteceği kayan resim elementini belirtmek için data-target özelliği kullanılır.

Doğru Cevap: A

Soru 68

Site kimliğini belirleyen metin ya da ikonları tutan, başlık bölümü olarak düşünülebilecek element hangisidir?

text-navbar

text-top

navbar-header

header-set

navbar-text

Açıklama:

Bootstrap'de menü oluşturmak için hangi sınıf etiketi kullanılır?

nav

bootstrap-nav

bootstrap-menu

navigation

Açıklama:

Bootstrap'de menü oluşturmak için nav sınıf etiketi kullanılır. Doğru cevap B şıkkıdır.

Doğru Cevap: B

Soru 74

Tepkisel tasarım (responsive design) oluşturmada kullanılan en önemli CSS3 özelliği hangisidir?

media queries

variables

transformations

animations

fonts

Açıklama:

Tepkisel tasarım (responsive design) temelinde CSS3 tanımlamaları ile birlikte gelen medya sorguları (media queries) yer almaktadır. Doğru cevap A şıkkıdır.

Doğru Cevap: A

Soru 75

Bir web sayfası dosyalarının küçültülmüş (minified) sürümleri ile normal sürümleri arasındaki fark hangisidir?

boşluk ve paragraf sonu karakterleri

sınıf isimleri

parantez işaretleri

rakamlar

sessiz harfler

Açıklama:

Bir web sayfası dosyalarının küçültülmüş (minified) sürümleri ile normal sürümleri arasındaki fark boşluk ve paragraf sonu karakterleridir. Doğru cevap A şıkkıdır.

Doğru Cevap: A

Soru 76

Tablo satırlarını biri koyu, biri açık olacak şekilde görüntülenmesini sağlayan bootstrap sınıfı hangisidir?

table-contrast

table-bordered

table-condensed

table-striped

table-hover

Açıklama:

table-striped sınıfı tablo satırlarını biri koyu, biri açık olacak şekilde görüntülenmesini sağlar. Doğru cevap D şıkkıdır.

Doğru Cevap: D

Soru 77

Her zaman tarayıcı genişliğinin tümünü kapsayacak şekilde boyutlandırmayı sağlayan bootstrap sınıfı hangisidir?

container-fluid

container-full

container-responsive

container-nested

container

Açıklama:

container-fluid her zaman tarayıcı genişliğinin tümünü kapsayacak şekilde boyutlandırmayı sağlar. Doğru cevap A şıkkıdır.

Doğru Cevap: A

Soru 78

Satır genişliğinin üçte birini kaplayan bootstrap sütun sınıfı hangisidir?

col-1

col-2

col-3

col-4

col-5

Açıklama:

Bootstrap'te bir satır 12 sütundan oluşacak şekilde isimlendirilmiştir. Satır genişliğinin üçte birini kaplayan bootstrap sütun sınıfı col-4'tür. Doğru cevap D şıkkıdır.

Doğru Cevap: D

Soru 79

Aşağıdakilerden hangisi web çatısı olarak adlandırılan kütüphanelerden biri değildir?

CSS

NET

Yii

Ruby on Rails

CakePHP

Açıklama:

Web çatısı olarak adlandırdığımız bu kütüphaneler arasında ASP.NET, Ruby on Rails, Django, Zend Framework, Yii, CakePHP ve Symphony sayılabilir.

Doğru Cevap: A

Soru 80

Aşağıdakilerden hangisi sunucu taraflı çalışan web çatılarından biridir?

Zend Framework

Jquery

Boostrap

AngularJS

EmberJS

Açıklama:

Sunucu taraflı üretimde pek çok dil ve araç kullanılabilmektedir. Bu araçlar arasında Django, “Zend Framework” ve “Ruby on Rails” sayılabilir.

Doğru Cevap: A

Soru 81

Yazılan kodların tekrar tekrar kullanılabilmesi ve çeşitli uygulamalar için arayüzler (views) sağlayan yazılım geliştirme deseni aşağıdakilerden hangisidir?

MVC

Backbone.JS

AngularJS

CSS

Bootstrap

Açıklama:

MVC (model-view-controller) bir yazılım geliştirme desenidir. Buna göre, kontrolcü (controller) adı verilen bir ara sistem, veri (model) ve arayüzler (view) arasında köprülük görevi görmektedir. Sistemin avantajı, yazılan kodların tekrar tekrar kullanılabilmesi ve çeşitli uygulamalar için arayüzler (views) sağlayabilmesidir.

Doğru Cevap: A

Soru 82

Uygulamaların arkasında çalışan veri tabanı erişimi, hesaplama rutinleri gibi işlevlere verilen isim aşağıdakilerden hangisidir?

back-end

front-end

home-end

angular-end

fn-end

Açıklama:

Uygulamaların arkasında çalışan veri tabanı erişimi, hesaplama rutinleri gibi işlevlere arka yüz (back-end) adı verilmektedir.

Doğru Cevap: A

Soru 83

Sitelerin ve uygulamaların çeşitli ekran ve tarayıcı genişliklerine göre kendilerini yeniden düzenleyebildiği tasarım yaklaşımı aşağıdakilerden hangisidir?

Responsive design

Smart design

Useful design

Helpful design

Functional design

Açıklama:

Tepkisel tasarım (responsive design), sitelerin ve uygulamaların çeşitli ekran ve tarayıcı genişliklerine göre kendilerini yeniden düzenleyebildiği bir tasarım yaklaşımıdır.

Doğru Cevap: A

Soru 84

Aşağıdakilerden hangisi bir Bootstrap projesinin temel bileşenlerinden biri değildir?

/less

index.html

/css

/js

/fonts

Açıklama:

Less Bootstrap projesinin temel bileşenlerinden biri değildir.

Doğru Cevap: A

Soru 85

Metnin bir bölümünü öne çıkarmak için kullanılan işaretleme etiketi aşağıdakilerden hangisidir?

mark

del

small

strong

Açıklama:

Metnin bir bölümünü öne çıkarmak için mark etiketi kullanılabilir.

Doğru Cevap: A

Soru 86

Element içindeki metnin tarayıcı genişliğinden daha geniş olması durumunda otomatik olarak alt satıra alınmasını engelleyen hizalama sınıfı aşağıdakilerden hangisidir?

text-nowrap

text-left

text-right

text-center

Web sayfasında yer alan bir metnin arkasını boyayarak vurgulamaya yarayan Bootstrap işaretleme etiketi aşağıdakilerden hangisidir?

del

strong

ins

mark

Açıklama:

Web sayfasında yer alan bir metnin arkasını boyayarak vurgulamaya yarayan Bootstrap işaretleme etiketi 'mark' etiketidir.

Doğru Cevap: E

Soru 95

Bootsrap sisteminde varsayılan metin hizalama türü aşağıdakilerden hangisidir?

text-up

text-left

text-center

text-nowrap

text-justify

Açıklama:

Bootsrap sisteminde varsayılan metin hizalama türü 'text-left' sınıfıdır ve metni sola hizalar.

Doğru Cevap: B

Soru 96

Bootstrap sisteminde bir metni iki yana yaslayan hizalama sınıfının belirtilmesi aşağıdaki seçeneklerden hangisinde yer almaktadır?

Açıklama:

Bootstrap'ta bir metni iki yana yaslayan hizalama sınıfının belirtilmesi "
" şeklindedir.

Doğru Cevap: B

Soru 97

Bootstrap'ta bir görseli kenarında 6px yarıçaplı yumuşatma uygulayarak gösteren sınıf aşağıdakilerden hangisidir?

XML yapılandırılmış belge ve verilerin evrensel formatıdır

XML bilginin yapısını tanımlamak için kullanılan bir teknolojidir

XML, yalnızca HTML benzeri bir işaretleme dilidir

XML herhangi bir verinin biçimlenmesi, tanımlanması için kullanılan bir teknolojidir

XML işaretleme dillerini tanımlayan bir meta dilidir

Açıklama:

XML işaretleme dilinin genel karakteristiği aşağıdaki gibi maddelenebilir.

XML yapılandırılmış belge ve verilerin evrensel formatıdır.

XML metin tabanlı işaretleme dilidir ve veri alış verişinde kullanılan bir standart’tır.

XML bilginin yapısını tanımlamak için kullanılan bir teknolojidir.

XML bilgiyi tanımlayan ve Web’de bilgi alış verişi için kullanılan standart bir biçimdir.

XML, yalnızca HTML benzeri bir işaretleme dili değildir. XML işaretleme dillerini tanımlayan bir meta dilidir.

XML verinin yapılandırılması ve tanımlanması için kullanılan bir teknolojidir.

XML herhangi bir verinin biçimlenmesi, tanımlanması için kullanılan bir teknolojidir.

Doğru yanıt C seçeneğidir.

Doğru Cevap: C

Soru 25

I- Yazılımcılar ontoloji geliştirmek için çeşitli araçlar kullanabilir.
II- OWL ve RDF adı verilen ontoloji geliştirme dilleri yardımı ile oluşturulmaktadır.
III- Protege adlı bir yazılım ile geliştirilebilirler.
IV- Farklı tür ve özellikteki verilerin sistem tarafından anlaşılmasını ve anlamlandırılmasını sağlarlar.
Yukarıda ontoloji ile ilgili verilen ifadelerden hangisi ya da hangileri doğrudur?

I ve II

I ve III

II, III ve IV

I, II ve IV

I, II, III ve IV

Açıklama:

Ontolojiler, semantik web ortamında farklı tür ve özellikteki verilerin sistem tarafından anlaşılmasını ve anlamlandırılmasını sağlayarak kullanıcıların isteklerine cevap oluşturmayı amaçlamaktadır. Ontolojiler, kısaca OWL (Web Ontoloji Dili - Web Ontology Language) ve RDF (Kaynak Tanımlama Çerçevesi - Resource Description Framework) adı verilen ontoloji geliştirme dilleri yardımı ile oluşturulmaktadır. Ontoloji geliştirmek üzere yazılımcılar çeşitli araçlardan yararlanabilmektedir. Bunlardan en sık kullanılanlarından birisi http://protege.stanford.edu bağlantısı üzerinden indirilebilecek Protege adlı yazılımdır. Doğru yanıt E seçeneğidir.

Doğru Cevap: E

Soru 26

"Web servisleri aracılığıyla internet üzerinde veri depolayabilen ve aynı zamanda ortak bilgi paylaşımına izin veren oluşum" olarak tanımlanan kavram aşağıdakilerden hangisidir?

Web 1.0

Bulut bilişim

Anlamsal web

Ontoloji

XML

Açıklama:

Bulut bilişim alanyazında, “web servisleri aracılığıyla internet üzerinde veri depolayabilen ve aynı zamanda ortak bilgi paylaşımına izin veren oluşum” şeklinde tanımlanmaktadır. Doğru yanıt B seçeneğidir.

Doğru Cevap: B

Soru 27

Aşağıdakilerden hangisi mobil tabanlı uygulamaların sağladığı avantajlardan değildir?

Zaman ve yerden bağımsız olmaya olanak vermesi

Kullanım özelliklerinin kolay olması

Maliyet açısında erişilebilir olması

Bir çok faydalı uygulama sunması

Donanım faktörlerine bağlı olarak çoklu görev desteği sağlaması

Açıklama:

Mobil tabanlı uygulamaların, taşınabilir olmayan bilişim sistemlerine göre en önemli üstünlüğünün, kullanıcılar için gerçek anlamda “zaman ve yerden bağımsız” olabilmeye olanak sağlaması olduğu ifade edilebilir. Ayrıca, mobil cihazların herkes tarafından satın alınabilir bir fiyat aralığında olması, kolay kullanım özellikleri, belki de çok daha önemlisi her düzeyde kullanıcı için sürekli iletişim hâlinde olabilme ve günlük hayatın her alanında fayda sağlayacak mobil çözümler sunması gibi durumlar, mobil uygulamaları her geçen gün daha da cazip ve popüler bir hâle getirmektedir. İşlemci vb. donanım faktörlerine bağlı olarak çoklu görev desteği olmaması ise bu uygulamaların bir sınırlılığıdır. Doğru yanıt E seçeneğidir.

Doğru Cevap: E

Soru 28

I- Servis olarak yazılım
II- Servis olarak platform
III- Servis olarak altyapı
Yukarıdakilerden hangisi ya da hangileri bulut bilişim teknolojisinin hizmet modellerinden biridir?

Yalnız I

I, II ve III

I ve II

II ve III

I ve III

Açıklama:

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.

Doğru Cevap: B

Soru 29

Web teknolojisinin geliştirildiği laboratuvar aşağıdakilerden hangisidir?

CERN

W3C

IRC

OECD

EDEN

Açıklama:

Web teknolojisi, İngiliz Profesör Tim Berners Lee tarafından 1989 yılında CERN (Conseil Européen pour la Recherche Nucléaire - Avrupa Nükleer Araştırma Merkezi) laboratuvarlarında geliştirilmiştir.

Doğru Cevap: A

Soru 30

Kullanıcıların aynı zamanda içerik sağlayıcı olduğu, yazı ve resimlerin çok ötesinde çoklu ortam öğeleri içerebilen, veri tabanı bağlantılı dinamik ve etkileşimli web yapısı aşağıdakilerden hangisidir?

Web 1.0

Web 2.0

Web 3.0

Semantic web

Dinamik web

Açıklama:

Tüm bu işlevler Web 2.0 ile ilgilidir.

Doğru Cevap: B

Soru 31

Bir tür yapay zeka ile desteklenen, akıllı ve etkileşimli bir Web sürümü yapısı aşağıdakilerden hangisidir?

Web 1.8

Web 2.0

Web 2.4

Semantic web

Dinamik web

Açıklama:

Web 3.0 sürümü olan Semantik Web ise en genel biçimi ile bir tür yapay zeka ile desteklenen, akıllı ve etkileşimli bir Web sürümü olarak düşünülebilir.

Doğru Cevap: D

Soru 32

Semantik web teknolojisinde kullanılan sorgu genişliği aşağıdakilerden hangisidir?

Ontoloji tabanlı

Kompleks kavram

Uçlar arası

Söz dizim tabanlı

RDF, OWL

Açıklama:

Günümüz web teknolojisine kıyasla semantik web sorgu genişliğinde ontoloji tabanlı çalışmaktadır.

Doğru Cevap: A

Soru 33

Web için en önemli bileşenlerden birisi olan Genişletilebilir İşaretleme Dili aşağıdakilerden hangisidir?

XML

XAPI

HTML

WEB 2.0

OWL

Açıklama:

Geleceğin Web teknolojisi olarak, Semantik Web için en önemli bileşenlerden birisi XML (Extensible Markup Language - Genişletilebilir İşaretleme Dili) adı verilen bir işaretleme dilidir.

Doğru Cevap: A

Soru 34

Tim Berners Lee tarafından önerilen semantik web mimarisinin en alt bileşenleri aşağıdakilerden hangisidir?

Unicode-URI

XAPI-RDF

RDF-Şema

Ontoloji-Mantık

Kural-Kanıt

Açıklama:

Tim Berners Lee tarafından önerilen semantik web mimarisinin en alt bileşenleri Unicode ve URI’dir. Cevap A'dır.

Doğru Cevap: A

Soru 35

………. bir alana ait kavramlar kümesini ve kavramlar arasındaki ilişkilerin biçimsel olarak tanımlanması şeklinde ifade edilmektedir.
Yukarıdaki cümlede boş bırakılan yeri aşağıdakilerden hangisi doğru olarak tamamlar?

Ontoloji

Statik web

RDF

W3C

Sayısal imza

Açıklama:

Ontolojiler, “bir alana ait kavramlar kümesini ve kavramlar arasındaki ilişkilerin biçimsel olarak tanımlanması” şeklinde ifade edilmektedir. Cevap A'dır.

Doğru Cevap: A

Soru 36

………. Web servisleri aracılığıyla internet üzerinde veri depolayabilen ve aynı zamanda ortak bilgi paylaşımına izin veren oluşum olarak ifade edilmektedir.
Yukarıdaki cümlede boş bırakılan yeri aşağıdakilerden hangisi doğru olarak tamamlar?

RDF

Ontoloji

OWL

Bulut Bilişim

IaaS

Açıklama:

İlgili tanım Bulut Bilişim olarak ifade edilir. Cevap D'dir.

Doğru Cevap: D

Soru 37

I-IaaS
II-PaaS
III-SaaS
IV-RaaS
Yukarıda verilenlerden hangisi ya da hangileri bulut bilişim temel hizmet modeli arasında yer alır?

Yalnız II

II ve III

III ve IV

I, II ve III

II, III ve IV

Açıklama:

Bulut bilişim teknolojisi, IaaS, PaaS ve SaaS adı verilen üç temel hizmet modeline dayalı olarak çalışmaktadır. Cevap D'dir.

Doğru Cevap: D

HTML

XML

PHP

Python

ASP

Açıklama:

Doğru Cevap: A

Soru 42

Geleceğin Web teknolojisi olarak ifade edilen semantik Web, “web içeriklerinin sadece doğal dillerde değil, aynı zamanda ilgili yazılımlar tarafından anlaşılabilir, yorumlanabilir ve kullanılabilir bir biçimde ifade edilebileceği, böylece söz konusu yazılımların veriyi kolayca bulmasını, paylaşmasını ve bilgiyi birleştirmesini sağlamayı amaçlayan, bir İnternet eklentisi” olarak tanımlanmaktadır.
Aşağıdakilerden hangisi Semantik Web'e verilen adlardan bir tanesidir?

WEB 1.0

WEB 2.0

WEB 3.0

WEB 5.0

WEB 4.0

Açıklama:

Geleceğin Web teknolojisi olarak ifade edilen semantik Web, “web içeriklerinin sadece doğal dillerde değil, aynı zamanda ilgili yazılımlar tarafından anlaşılabilir, yorumlanabilir ve kullanılabilir bir biçimde ifade edilebileceği, böylece söz konusu yazılımların veriyi kolayca bulmasını, paylaşmasını ve bilgiyi birleştirmesini sağlamayı amaçlayan, bir İnternet eklentisi” olarak tanımlanmaktadır.
Semantik Web ile ilgili alan yazın incelendiğinde kavramın anlamsal web, anlamsal ağ, akıllı web, bilgili web ve Web 3.0 şeklinde adlandırıldığı da görülmektedir.

Doğru Cevap: C

Soru 43

Semantik Web’i meydana getiren en önemli temel bileşenler Web servisleri, ..... ve ontoloji olarak ifade edilebilir.
Yukarıdaki ifade boş bırakılan yere aşağıdaki hangisi gelmelidir?

Ruby

ASP

PHP

HTML

XML

Açıklama:

Semantik Web’i meydana getiren en önemli temel bileşenler Web servisleri, XML ve ontoloji olarak ifade edilebilir.

Doğru Cevap: E

Soru 44

Ontolojiler, hangi ontoloji geliştirme dilleri yardımı ile oluşturulmaktadır?

HTML ve OWL

OWL ve RDF

HTML ve RDF

HMTL ve XML

XML ve OWL

Açıklama:

Doğru Cevap: B

Aşağıdakilerden hangisi XML işaretleme dilinin genel karakteristik özelliklerinden biri değildir?

XML yapılandırılmış belge ve verilerin evrensel formatıdır.

XML metin tabanlı işaretleme dilidir ve veri alış verişinde kullanılan bir standart’tır.

XML bilginin yapısını tanımlamak için kullanılan bir teknolojidir.

XML işaretleme dillerini tanımlayan bir meta dilidir

XML sayısal tabanlı işaretleme dilidir ve veri alış verişinde kullanılan bir standart’tır.

Açıklama:

XML yapılandırılmış belge ve verilerin evrensel formatıdır.

XML metin tabanlı işaretleme dilidir ve veri alış verişinde kullanılan bir standart’tır.

XML bilginin yapısını tanımlamak için kullanılan bir teknolojidir.

XML bilgiyi tanımlayan ve Web’de bilgi alış verişi için kullanılan standart bir biçimdir.

XML işaretleme dillerini tanımlayan bir meta dilidir.

XML verinin yapılandırılması ve tanımlanması için kullanılan bir teknolojidir.

XML herhangi bir verinin biçimlenmesi, tanımlanması için kullanılan bir teknolojidir.

XML yapılandırılmış belge ve verilerin evrensel formatıdır.
XML metin tabanlı işaretleme dilidir ve veri alış verişinde kullanılan bir standart’tır.
XML bilginin yapısını tanımlamak için kullanılan bir teknolojidir.
XML bilgiyi tanımlayan ve Web’de bilgi alış verişi için kullanılan standart bir biçimdir.
XML işaretleme dillerini tanımlayan bir meta dilidir.
XML verinin yapılandırılması ve tanımlanması için kullanılan bir teknolojidir.
XML herhangi bir verinin biçimlenmesi, tanımlanması için kullanılan bir teknolojidir.

Doğru Cevap: E

Soru 49

XML işaretleme dili İnternet ortamında aşağıdaki amaçlardan hangisi için kullanılmamaktadır?

İnternet arama motorları

Aygıt ve uygulamadan bağımsız veri erişimi

Bulu ortamında veri saklama

Şirket uygulamaları standardizasyonu

Elektronik veri değişimi ve elektronik ticaret

Açıklama:

XML işaretleme dili İnternet ortamında, önemlileri aşağıda maddelenmiş olan çeşitli amaçlarla kullanılabilmektedir.
• İnternet arama motorları
• Aygıt ve uygulamadan bağımsız veri erişimi
• Elektronik veri değişimi ve elektronik ticaret
• Basın ve yayın
• Şirket uygulamaları standardizasyonu
• Yazılım geliştirme

Doğru Cevap: C

Soru 50

Yıllara göre kullanıcı sayısında en fazla artış gösteren yapı aşağıdakilerden hangisidir?

Mobil telefon aboneliği

Sabit telefon aboneliği

Aktif mobil genişbant aboneliği

Sabit telefon genişbant aboneliği

Kablolu yayın aboneliği

Açıklama:

Mobil telefon aboneliği en fazladır.

Doğru Cevap: A

Bulut bilişim teknolojisinin servis olarak altyapı modeline verilecek örnek aşağıdakilerden hangisidir?

Google Drive

Microsoft Office

Apache OpenOffice

Adobe Pro

RStudio

Açıklama:

Doğru Cevap: A

Soru 58

I-IaaS
II-PaaS
III-SaaS
IV-RaaS
Yukarıda verilenlere göre bulut bilişim teknolojisinin dayandığı hizmet modelleri aşağıdakilerden hangisidir?

I, II ve III

I, II ve IV

II ve III

I ve II

II, III ve IV

Açıklama:

Bulut bilişim teknolojisi, IaaS, PaaS ve SaaS adı verilen üç temel hizmet modeline dayalı olarak çalışmaktadır.

Doğru Cevap: A

Günümüzde web tabanlı olanlar da dahil olmak üzere bilgisayar ortamında kullandığımız hemen hemen tüm uygulamalar hangi ortama taşınmaktadır?

Bulut ortamına

Mobil ortama

Masaüstü ortamına

Flash disk ortamına

Hard disk ortamına

Açıklama:

Günümüzde bilgisayar ortamında kullandığımız hemen hemen tüm uygulamalar mobil ortama taşınmaktadır.

Doğru Cevap: B

Web Tabanlı Kodlama - Tüm Sorular

Ünite 1

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler

Seçenekler