Web Yayıncılığı Araçları

Soru 1

Orta Zorluk

Total commander programında pencereler arası dosya taşımak için hangi tuş kullanılır?

A) F2

B) F3

C) F4

D) F5

E) F6

Soru 2

Orta Zorluk

Aşağıdakilerden hangisi Cyberduck ve Total Commander programlarının ortak özelliklerinden birisidir?

A) ZIP, ARJ, LZH, TAR, GZ, CAB, RAR ve ACE formatlarını kendi içerisinde açabilmektedir.

B) FTP ve FTPS (FTP SSL) transfer protokollerini desteklemektedir.

C) Entegre edilmiş Lister dosya görüntüleyicisi ile bazı resim, müzik, video ve metin formatındaki dosyalar görüntülenebilir.

D) Linux platformlarında çalışmaktadır.

E) Her ikiside ücretli sürümlerdir.

Soru 3

Orta Zorluk

Aşağıdaki CoffeeCup menülerinden hangisi Web tarayıcıya gereksinim duyulmadan CofeeCup editörünün altında yer alan ön izleme bölmesinin görüntülenmesi bu menü ile sağlanabilir?

A) File

B) Edit

C) View

D) Document

E) Insert

Soru 4

Orta Zorluk

Aşağıdakilerden hangisi ARPANET aracılığıyla gelişen protokollerden biri değildir ?

A) SMTP

B) FTP

C) TCP

D) DNS

E) Ethernet

Soru 5

Orta Zorluk

Fare etkinliklerinden “mouseover” aşağıdakilerden hangisinde doğru verilmiştir?

A) Fare imleci ögenin üzerindeyken farenin sol tuşunun basılı konuma getirilmesi ile tetiklenir.

B) Fare imleci ögenin üzerindeyken farenin sol tuşu basılı konumdan basılı olmayan konuma getirildiğinde tetiklenir.

C) Fare imlecinin ögenin üzerine götürülmesi ile tetiklenir.

D) Fare imlecinin ögenin üzerinde hareket etmesi ile tetiklenir.

E) Fare imlecinin ögenin üzerinden ayrılması ile tetiklenir.

Soru 6

Orta Zorluk

Bir programa ek bir özellik ekleyen bir yazılım bileşeni nedir?

A) Server

B) Shareware

C) Plugin

D) File Exporer

E) Freeware

Soru 7

Orta Zorluk

Notepad++ yazılımı aşağıdaki menülerden hangisi yardımı ile Web tasarım için gerekli daha gelişmiş işlevlere sahip olabilir?

A) Şablonlar

B) Ekle

C) Eklentiler

D) Dosya

E) Tasarım

Soru 8

Orta Zorluk

Aşağıdakilerden hangisi fare imlecinin ögenin üzerinde hareket etmesi ile tetikleniri açıklar?

A) MouseDown

B) Click

C) MouseUp

D) MouseOver

E) MouseMove

Soru 9

Orta Zorluk

Açık kaynak kodlu olan ve yazılımı Linux işletim sistemi tabanlı olan masaüstü yayıncılık yazılımı aşağıdakilerden hangisidir?

A) Publisher

B) ePUB

C) InDesign

D) QuarkXPress

E) Scribus

Soru 10

Orta Zorluk

Kendi web sitesini sunucusuna yüklemek, yüklediği web sitesini güncellemek ve silmek, web sitesi dosyalarını indirmek isteyen bir kullanıcının bu işlemlerini kolaylıkla yapabilmesi için ne tür bir programa ihtiyacı vardır?

A) Metin Editörü

B) Bulut Yazılımı

C) FTP İstemcisi

D) İnternet Tarayıcısı

E) Görüntü İşleme Uygulaması

Soru 11

Orta Zorluk

Aşağıdaki hangi etiket web sayfasının başlığını yazmak için kullanılır?

A) html

B) head

C) title

D) body

E) div

Açıklama:

Yanıt Açıklaması: etiketi Web sayfasının başlığını yazmak için kullanılır.</p> </div> </div> </div> </div> <div class="bg-white p-4 md:p-6 rounded-lg shadow-sm"> <div class="flex items-center justify-between mb-4"> <h3 class="text-lg font-semibold text-gray-800">Soru 12</h3> <span class="bg-primary-100 text-primary-700 text-xs font-medium px-2.5 py-0.5 rounded-full">Orta Zorluk</span> </div> <div class="prose max-w-none mb-6"> <p class="text-gray-700">Aşağıdakilerden hangisi fare imleci ögenin üzerindeyken farenin sol tuşunun basılı konuma getirilmesi ile tetikleniri açıklanır?</p> </div> <div class="space-y-3"> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224705" data-option="a"> <input type="radio" name="soru_2224705" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224705" data-dogru="True"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">MouseDown</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224705" data-option="b"> <input type="radio" name="soru_2224705" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224705" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Click</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224705" data-option="c"> <input type="radio" name="soru_2224705" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224705" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">MouseUp</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224705" data-option="d"> <input type="radio" name="soru_2224705" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224705" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">MouseOver</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224705" data-option="e"> <input type="radio" name="soru_2224705" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224705" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">MouseMove</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2224705"> <div class="flex items-center"> <i class="fas fa-check-circle text-green-500 mr-2"></i> <span class="font-medium text-green-700">Doğru Cevap!</span> </div> </div> <div class="mt-4 p-3 bg-red-50 border border-red-200 rounded-lg hidden" id="feedback-2224705-wrong"> <div class="flex items-center"> <i class="fas fa-times-circle text-red-500 mr-2"></i> <span class="font-medium text-red-700">Yanlış Cevap!</span> </div> <div class="mt-2 text-sm text-blue-700" id="correct-answer-2224705"> <span class="font-medium">Doğru Cevap:</span> A) MouseDown </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2224705"> <div class="flex items-start"> <i class="fas fa-info-circle text-blue-500 mr-2 mt-1"></i> <div> <span class="font-medium text-blue-700">Açıklama:</span> <p class="text-blue-600 mt-1">Yanıt Açıklaması: MouseDown.</p> </div> </div> </div> </div> <div class="bg-white p-4 md:p-6 rounded-lg shadow-sm"> <div class="flex items-center justify-between mb-4"> <h3 class="text-lg font-semibold text-gray-800">Soru 13</h3> <span class="bg-primary-100 text-primary-700 text-xs font-medium px-2.5 py-0.5 rounded-full">Orta Zorluk</span> </div> <div class="prose max-w-none mb-6"> <p class="text-gray-700">Bir ağda sunduğu hizmete istemcilerin erişmesine olanak tanıyan donanım ya da yazılımlara ne denir?</p> </div> <div class="space-y-3"> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224706" data-option="a"> <input type="radio" name="soru_2224706" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224706" data-dogru="True"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">Server</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224706" data-option="b"> <input type="radio" name="soru_2224706" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224706" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Client</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224706" data-option="c"> <input type="radio" name="soru_2224706" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224706" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">Finder</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224706" data-option="d"> <input type="radio" name="soru_2224706" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224706" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">File Exporer</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224706" data-option="e"> <input type="radio" name="soru_2224706" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224706" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Freeware</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2224706"> <div class="flex items-center"> <i class="fas fa-check-circle text-green-500 mr-2"></i> <span class="font-medium text-green-700">Doğru Cevap!</span> </div> </div> <div class="mt-4 p-3 bg-red-50 border border-red-200 rounded-lg hidden" id="feedback-2224706-wrong"> <div class="flex items-center"> <i class="fas fa-times-circle text-red-500 mr-2"></i> <span class="font-medium text-red-700">Yanlış Cevap!</span> </div> <div class="mt-2 text-sm text-blue-700" id="correct-answer-2224706"> <span class="font-medium">Doğru Cevap:</span> A) Server </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2224706"> <div class="flex items-start"> <i class="fas fa-info-circle text-blue-500 mr-2 mt-1"></i> <div> <span class="font-medium text-blue-700">Açıklama:</span> <p class="text-blue-600 mt-1">Yanıt Açıklaması: Bir ağda sunduğu hizmete istemcilerin erişmesine olanak tanıyan donanım ya da yazılımlara server denir.</p> </div> </div> </div> </div> <div class="bg-white p-4 md:p-6 rounded-lg shadow-sm"> <div class="flex items-center justify-between mb-4"> <h3 class="text-lg font-semibold text-gray-800">Soru 14</h3> <span class="bg-primary-100 text-primary-700 text-xs font-medium px-2.5 py-0.5 rounded-full">Orta Zorluk</span> </div> <div class="prose max-w-none mb-6"> <p class="text-gray-700">Aşağıdaki CoffeeCup menülerinden hangisi Web bağlantıları eklenebilir, ses vb. çoklu ortam öğeleri sayfaya dahil edilebilir, sayfaya resimler, listeler, tablolar vb. birçok HTML etiketi eklenebilir?</p> </div> <div class="space-y-3"> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224707" data-option="a"> <input type="radio" name="soru_2224707" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224707" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">File</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224707" data-option="b"> <input type="radio" name="soru_2224707" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224707" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Edit</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224707" data-option="c"> <input type="radio" name="soru_2224707" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224707" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">View</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224707" data-option="d"> <input type="radio" name="soru_2224707" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224707" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Document</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224707" data-option="e"> <input type="radio" name="soru_2224707" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224707" data-dogru="True"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Insert</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2224707"> <div class="flex items-center"> <i class="fas fa-check-circle text-green-500 mr-2"></i> <span class="font-medium text-green-700">Doğru Cevap!</span> </div> </div> <div class="mt-4 p-3 bg-red-50 border border-red-200 rounded-lg hidden" id="feedback-2224707-wrong"> <div class="flex items-center"> <i class="fas fa-times-circle text-red-500 mr-2"></i> <span class="font-medium text-red-700">Yanlış Cevap!</span> </div> <div class="mt-2 text-sm text-blue-700" id="correct-answer-2224707"> <span class="font-medium">Doğru Cevap:</span> E) Insert </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2224707"> <div class="flex items-start"> <i class="fas fa-info-circle text-blue-500 mr-2 mt-1"></i> <div> <span class="font-medium text-blue-700">Açıklama:</span> <p class="text-blue-600 mt-1">Yanıt Açıklaması: Insert: Web bağlantıları eklenebilir, ses vb. çoklu ortam öğeleri sayfaya dahil edilebilir, sayfaya resimler, listeler, tablolar vb. birçok HTML etiketi eklenebilir</p> </div> </div> </div> </div> <div class="bg-white p-4 md:p-6 rounded-lg shadow-sm"> <div class="flex items-center justify-between mb-4"> <h3 class="text-lg font-semibold text-gray-800">Soru 15</h3> <span class="bg-primary-100 text-primary-700 text-xs font-medium px-2.5 py-0.5 rounded-full">Orta Zorluk</span> </div> <div class="prose max-w-none mb-6"> <p class="text-gray-700">Aşağıdakilerden hangisi fare imlecinin ögenin üzerine götürülmesi ile tetikleniri açıklar?</p> </div> <div class="space-y-3"> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224708" data-option="a"> <input type="radio" name="soru_2224708" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224708" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">MouseDown</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224708" data-option="b"> <input type="radio" name="soru_2224708" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224708" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Click</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224708" data-option="c"> <input type="radio" name="soru_2224708" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224708" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">MouseUp</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224708" data-option="d"> <input type="radio" name="soru_2224708" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224708" data-dogru="True"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">MouseOver</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224708" data-option="e"> <input type="radio" name="soru_2224708" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224708" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">MouseMove</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2224708"> <div class="flex items-center"> <i class="fas fa-check-circle text-green-500 mr-2"></i> <span class="font-medium text-green-700">Doğru Cevap!</span> </div> </div> <div class="mt-4 p-3 bg-red-50 border border-red-200 rounded-lg hidden" id="feedback-2224708-wrong"> <div class="flex items-center"> <i class="fas fa-times-circle text-red-500 mr-2"></i> <span class="font-medium text-red-700">Yanlış Cevap!</span> </div> <div class="mt-2 text-sm text-blue-700" id="correct-answer-2224708"> <span class="font-medium">Doğru Cevap:</span> D) MouseOver </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2224708"> <div class="flex items-start"> <i class="fas fa-info-circle text-blue-500 mr-2 mt-1"></i> <div> <span class="font-medium text-blue-700">Açıklama:</span> <p class="text-blue-600 mt-1">Yanıt Açıklaması: MouseOver.</p> </div> </div> </div> </div> <div class="bg-white p-4 md:p-6 rounded-lg shadow-sm"> <div class="flex items-center justify-between mb-4"> <h3 class="text-lg font-semibold text-gray-800">Soru 16</h3> <span class="bg-primary-100 text-primary-700 text-xs font-medium px-2.5 py-0.5 rounded-full">Orta Zorluk</span> </div> <div class="prose max-w-none mb-6"> <p class="text-gray-700">HTML Tidy kullanarak HTML, XHTML ve XML dili ile yazılan kodları kontrol etmek neyi ifade eder?</p> </div> <div class="space-y-3"> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224709" data-option="a"> <input type="radio" name="soru_2224709" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224709" data-dogru="True"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">Batch Action</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224709" data-option="b"> <input type="radio" name="soru_2224709" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224709" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Tools</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224709" data-option="c"> <input type="radio" name="soru_2224709" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224709" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">Objects</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224709" data-option="d"> <input type="radio" name="soru_2224709" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224709" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Style</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224709" data-option="e"> <input type="radio" name="soru_2224709" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224709" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Tables</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2224709"> <div class="flex items-center"> <i class="fas fa-check-circle text-green-500 mr-2"></i> <span class="font-medium text-green-700">Doğru Cevap!</span> </div> </div> <div class="mt-4 p-3 bg-red-50 border border-red-200 rounded-lg hidden" id="feedback-2224709-wrong"> <div class="flex items-center"> <i class="fas fa-times-circle text-red-500 mr-2"></i> <span class="font-medium text-red-700">Yanlış Cevap!</span> </div> <div class="mt-2 text-sm text-blue-700" id="correct-answer-2224709"> <span class="font-medium">Doğru Cevap:</span> A) Batch Action </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2224709"> <div class="flex items-start"> <i class="fas fa-info-circle text-blue-500 mr-2 mt-1"></i> <div> <span class="font-medium text-blue-700">Açıklama:</span> <p class="text-blue-600 mt-1">Yanıt Açıklaması: Batch Action HTML Tidy kullanarak HTML, XHTML ve XML dili ile yazılan kodları kontrol etmektir.</p> </div> </div> </div> </div> <div class="bg-white p-4 md:p-6 rounded-lg shadow-sm"> <div class="flex items-center justify-between mb-4"> <h3 class="text-lg font-semibold text-gray-800">Soru 17</h3> <span class="bg-primary-100 text-primary-700 text-xs font-medium px-2.5 py-0.5 rounded-full">Orta Zorluk</span> </div> <div class="prose max-w-none mb-6"> <p class="text-gray-700">Wiki Bir web kullanıcısı sadece bilgiyi okuyan veya edinen konumundan çıkarak, bilginin edinilmesinin yanında üretilmesine de katkı sağlayan bir konuma geçmiştir. Ajax, JavaScript Yukarıda sayılanlar aşağıdakilerden hangisini anlatmaktadır?</p> </div> <div class="space-y-3"> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224710" data-option="a"> <input type="radio" name="soru_2224710" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224710" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">Web 1.0</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224710" data-option="b"> <input type="radio" name="soru_2224710" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224710" data-dogru="True"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Web 2.0</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224710" data-option="c"> <input type="radio" name="soru_2224710" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224710" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">Web 3.0</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224710" data-option="d"> <input type="radio" name="soru_2224710" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224710" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Web 4.0</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224710" data-option="e"> <input type="radio" name="soru_2224710" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224710" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Web 5.0</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2224710"> <div class="flex items-center"> <i class="fas fa-check-circle text-green-500 mr-2"></i> <span class="font-medium text-green-700">Doğru Cevap!</span> </div> </div> <div class="mt-4 p-3 bg-red-50 border border-red-200 rounded-lg hidden" id="feedback-2224710-wrong"> <div class="flex items-center"> <i class="fas fa-times-circle text-red-500 mr-2"></i> <span class="font-medium text-red-700">Yanlış Cevap!</span> </div> <div class="mt-2 text-sm text-blue-700" id="correct-answer-2224710"> <span class="font-medium">Doğru Cevap:</span> B) Web 2.0 </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2224710"> <div class="flex items-start"> <i class="fas fa-info-circle text-blue-500 mr-2 mt-1"></i> <div> <span class="font-medium text-blue-700">Açıklama:</span> <p class="text-blue-600 mt-1">Yanıt Açıklaması: 2003 yılında Tem O’Reilly tarafından Web 2.0 kavramının ortaya atılmasıyla değişmiştir. Web 2.0, içeriğinin kullanıcılar tarafından oluşturulduğu işbirliği ile oluşturulan bir webi tanımlamaktadır. Buna göre, bir web kullanıcısı sadece bilgiyi okuyan veya edinen konumundan çıkarak, bilginin edinilmesinin yanında üretilmesine de katkı sağlayan bir konuma geçmiştir</p> </div> </div> </div> </div> <div class="bg-white p-4 md:p-6 rounded-lg shadow-sm"> <div class="flex items-center justify-between mb-4"> <h3 class="text-lg font-semibold text-gray-800">Soru 18</h3> <span class="bg-primary-100 text-primary-700 text-xs font-medium px-2.5 py-0.5 rounded-full">Orta Zorluk</span> </div> <div class="prose max-w-none mb-6"> <p class="text-gray-700">Aşağıda verilen tanımlamalardan hangisi yanlış olarak verilmiştir?</p> </div> <div class="space-y-3"> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224711" data-option="a"> <input type="radio" name="soru_2224711" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224711" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">Betik: Tek görev gerçekleştiren veya öğeleri programlama teknikleriyle birleştirebilen bir dizi talimattır.</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224711" data-option="b"> <input type="radio" name="soru_2224711" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224711" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Veritabanı: Verilerin birbirleriyle ilişkili tablolarda belirli bir düzene göre depolandığı sistemdir.</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224711" data-option="c"> <input type="radio" name="soru_2224711" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224711" data-dogru="True"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">ePUB : Tüm renklerin Cyan (Camgöbeği), Magenta (Eflatun), Yellow (Sarı), Key (Siyah) renkler ile oluşturulduğu bir renk uzayıdır.</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224711" data-option="d"> <input type="radio" name="soru_2224711" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224711" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Sabit içerikli web sayfaları: İçeriğin kullanıcıların istekleri doğrultusunda değişmediği web sayfalarıdır.</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224711" data-option="e"> <input type="radio" name="soru_2224711" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224711" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">FTP (File Transfer Protocol): Web ağı üzerindeki bilgisayarların dosya paylaşımı için kullanılan protokoldür.</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2224711"> <div class="flex items-center"> <i class="fas fa-check-circle text-green-500 mr-2"></i> <span class="font-medium text-green-700">Doğru Cevap!</span> </div> </div> <div class="mt-4 p-3 bg-red-50 border border-red-200 rounded-lg hidden" id="feedback-2224711-wrong"> <div class="flex items-center"> <i class="fas fa-times-circle text-red-500 mr-2"></i> <span class="font-medium text-red-700">Yanlış Cevap!</span> </div> <div class="mt-2 text-sm text-blue-700" id="correct-answer-2224711"> <span class="font-medium">Doğru Cevap:</span> C) ePUB : Tüm renklerin Cyan (Camgöbeği), Magenta (Eflatun), Yellow (Sarı), Key (Siyah) renkler ile oluşturulduğu bir renk uzayıdır. </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2224711"> <div class="flex items-start"> <i class="fas fa-info-circle text-blue-500 mr-2 mt-1"></i> <div> <span class="font-medium text-blue-700">Açıklama:</span> <p class="text-blue-600 mt-1">Yanıt Açıklaması: ePUB Dijital yayınların elektronik yayıncılık formatına uygun versiyonlarıdır.</p> </div> </div> </div> </div> <div class="bg-white p-4 md:p-6 rounded-lg shadow-sm"> <div class="flex items-center justify-between mb-4"> <h3 class="text-lg font-semibold text-gray-800">Soru 19</h3> <span class="bg-primary-100 text-primary-700 text-xs font-medium px-2.5 py-0.5 rounded-full">Orta Zorluk</span> </div> <div class="prose max-w-none mb-6"> <p class="text-gray-700">CoffeCup menü çubuğunda bulunmayan simge (kısayol) aşağıdakilerden hangisidir?</p> </div> <div class="space-y-3"> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224712" data-option="a"> <input type="radio" name="soru_2224712" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224712" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">File</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224712" data-option="b"> <input type="radio" name="soru_2224712" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224712" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Edit</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224712" data-option="c"> <input type="radio" name="soru_2224712" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224712" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">View</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224712" data-option="d"> <input type="radio" name="soru_2224712" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224712" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Insert</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224712" data-option="e"> <input type="radio" name="soru_2224712" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224712" data-dogru="True"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Search</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2224712"> <div class="flex items-center"> <i class="fas fa-check-circle text-green-500 mr-2"></i> <span class="font-medium text-green-700">Doğru Cevap!</span> </div> </div> <div class="mt-4 p-3 bg-red-50 border border-red-200 rounded-lg hidden" id="feedback-2224712-wrong"> <div class="flex items-center"> <i class="fas fa-times-circle text-red-500 mr-2"></i> <span class="font-medium text-red-700">Yanlış Cevap!</span> </div> <div class="mt-2 text-sm text-blue-700" id="correct-answer-2224712"> <span class="font-medium">Doğru Cevap:</span> E) Search </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2224712"> <div class="flex items-start"> <i class="fas fa-info-circle text-blue-500 mr-2 mt-1"></i> <div> <span class="font-medium text-blue-700">Açıklama:</span> <p class="text-blue-600 mt-1">Yanıt Açıklaması: File, Edit, View, Insert menü çubuğunda bulunmaktadır. Search HTML etiketleri araçcubuğunda yer almaktadır.</p> </div> </div> </div> </div> <div class="bg-white p-4 md:p-6 rounded-lg shadow-sm"> <div class="flex items-center justify-between mb-4"> <h3 class="text-lg font-semibold text-gray-800">Soru 20</h3> <span class="bg-primary-100 text-primary-700 text-xs font-medium px-2.5 py-0.5 rounded-full">Orta Zorluk</span> </div> <div class="prose max-w-none mb-6"> <p class="text-gray-700">Aşağıda verilen uygulamalardan hangisi yanlış olarak verilmiştir?</p> </div> <div class="space-y-3"> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224713" data-option="a"> <input type="radio" name="soru_2224713" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224713" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">Pixlr: görsel oluşturma</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224713" data-option="b"> <input type="radio" name="soru_2224713" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224713" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">WeVideo: video oluşturma</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224713" data-option="c"> <input type="radio" name="soru_2224713" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224713" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">PowToon : animasyon oluşturma</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224713" data-option="d"> <input type="radio" name="soru_2224713" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224713" data-dogru="True"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Scribus : müzik oluşturma</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2224713" data-option="e"> <input type="radio" name="soru_2224713" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2224713" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Smart web uygulaması : FTP aracı</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2224713"> <div class="flex items-center"> <i class="fas fa-check-circle text-green-500 mr-2"></i> <span class="font-medium text-green-700">Doğru Cevap!</span> </div> </div> <div class="mt-4 p-3 bg-red-50 border border-red-200 rounded-lg hidden" id="feedback-2224713-wrong"> <div class="flex items-center"> <i class="fas fa-times-circle text-red-500 mr-2"></i> <span class="font-medium text-red-700">Yanlış Cevap!</span> </div> <div class="mt-2 text-sm text-blue-700" id="correct-answer-2224713"> <span class="font-medium">Doğru Cevap:</span> D) Scribus : müzik oluşturma </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2224713"> <div class="flex items-start"> <i class="fas fa-info-circle text-blue-500 mr-2 mt-1"></i> <div> <span class="font-medium text-blue-700">Açıklama:</span> <p class="text-blue-600 mt-1">Yanıt Açıklaması: Scribus;masaüstü yayıncılık yazılımıdır.</p> </div> </div> </div> </div> </div> <div class="mt-6 flex justify-between items-center"> <a href="/kategori/acikogretim-fakultesi/ackogretim-fakultesi-onlisans-programlar-2-yllk/web-tasarm-ve-kodlama/web-tasarm-ve-kodlama-wtk204u-web-yaynclg-araclar/" class="text-gray-600 hover:text-gray-800"> <i class="fas fa-arrow-left mr-1"></i> Derse Dön </a> <button type="submit" class="bg-primary-600 text-white rounded-lg px-6 py-3 hover:bg-primary-700 transition shadow-sm"> <i class="fas fa-check-circle mr-2"></i> Sınavı Bitir ve Puan Al </button> </div> </form> </main> </div>   <footer class="bg-gray-900 text-white pt-12 pb-6 mt-12"> <div class="container mx-auto px-4"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-8"> <div> <div class="flex items-center space-x-2 mb-4"> <div class="bg-white text-primary-600 p-2 rounded-lg"> <img src="/static/img/icon.svg" alt="sinavahazirlan.com Logo" class="h-6 w-6"> </div> <span class="text-xl font-bold text-white">sinavahazirlan.com</span> </div> <p class="text-gray-400 mb-4">Eğitimde başarının adresi. Kişiselleştirilmiş öğrenme deneyimi ile hedeflerinize ulaşın.</p> <div class="flex space-x-4 text-gray-400"> <a href="#" class="hover:text-white transition"><i class="fa-brands fa-facebook-f"></i></a> <a href="#" class="hover:text-white transition"><i class="fa-brands fa-twitter"></i></a> <a href="#" class="hover:text-white transition"><i class="fa-brands fa-instagram"></i></a> <a href="#" class="hover:text-white transition"><i class="fa-brands fa-youtube"></i></a> </div> </div> <div> <h3 class="text-lg font-semibold mb-4">Hızlı Bağlantılar</h3> <ul class="space-y-2 text-gray-400"> <li><a href="/" class="hover:text-white transition">Ana Sayfa</a></li> <li><a href="/hazirlaniyor/" class="hover:text-white transition">Dersler</a></li> <li><a href="/calisma-araclari/" class="hover:text-white transition">Çalışma Araçları</a></li> <li><a href="/blog/" class="hover:text-white transition">Blog</a></li> <li><a href="/hakkimizda/" class="hover:text-white transition">Hakkımızda</a></li> </ul> </div> <div> <h3 class="text-lg font-semibold mb-4">Sınavlar</h3> <ul class="space-y-2 text-gray-400"> <li><a href="/yks/" class="hover:text-white transition">YKS (TYT, AYT)</a></li> <li><a href="/lgs/" class="hover:text-white transition">LGS</a></li> <li><a href="/kpss/" class="hover:text-white transition">KPSS</a></li> <li><a href="/dgs/" class="hover:text-white transition">DGS</a></li> <li><a href="/ales/" class="hover:text-white transition">ALES</a></li> <li><a href="/yokdil/" class="hover:text-white transition">YÖKDİL</a></li> </ul> </div> </div> <div class="border-t border-gray-800 pt-6 flex justify-center"> <p class="text-gray-500 text-sm text-center">© 2025 sinavahazirlan.com. Tüm hakları saklıdır.</p> </div> </div> </footer>  <script> document.addEventListener('DOMContentLoaded', () => { // Kenar Çubuğu Geçişi const sidebar = document.getElementById('sidebar'); const sidebarToggle = document.getElementById('sidebarToggle'); const sidebarClose = document.getElementById('sidebarClose'); const sidebarOverlay = document.getElementById('sidebarOverlay'); // Kenar çubuğu açma fonksiyonu const openSidebar = () => { sidebar.classList.add('sidebar-open'); sidebarOverlay.classList.add('active'); document.body.classList.add('overflow-hidden'); }; // Kenar çubuğu kapatma fonksiyonu const closeSidebar = () => { sidebar.classList.remove('sidebar-open'); sidebarOverlay.classList.remove('active'); document.body.classList.remove('overflow-hidden'); }; sidebarToggle?.addEventListener('click', openSidebar); sidebarClose?.addEventListener('click', closeSidebar); sidebarOverlay?.addEventListener('click', closeSidebar); // Sınav İşlemleri const answerOptions = document.querySelectorAll('.answer-option'); const answerDisplayOptions = document.getElementsByName('answer_display'); const optionLabels = document.querySelectorAll('.option-label'); // Function to check if "Cevapları Anında Göster" is selected function isImmediate() { for (const option of answerDisplayOptions) { if (option.checked && option.value === 'immediate') { return true; } } return false; } answerOptions.forEach(option => { option.addEventListener('change', function() { if (isImmediate()) { const soruId = this.dataset.soruId; const isDogru = this.dataset.dogru === 'True'; const feedbackCorrect = document.getElementById(`feedback-${soruId}`); const feedbackWrong = document.getElementById(`feedback-${soruId}-wrong`); const explanation = document.getElementById(`explanation-${soruId}`); const selectedLabel = document.querySelector(`.option-label[data-soru-id="${soruId}"][data-option="${this.value}"]`); // Tüm seçenekleri devre dışı bırak const allOptions = document.querySelectorAll(`input[name="soru_${soruId}"]`); allOptions.forEach(opt => opt.disabled = true); // Doğru/yanlış geri bildirimini göster if (isDogru) { feedbackCorrect.classList.remove('hidden'); feedbackWrong.classList.add('hidden'); selectedLabel.classList.add('option-correct'); } else { feedbackWrong.classList.remove('hidden'); feedbackCorrect.classList.add('hidden'); selectedLabel.classList.add('option-incorrect'); // Doğru cevabı işaretle const correctOption = document.querySelector(`input[name="soru_${soruId}"][data-dogru="True"]`); if (correctOption) { const correctLabel = document.querySelector(`.option-label[data-soru-id="${soruId}"][data-option="${correctOption.value}"]`); correctLabel.classList.add('option-correct'); } } // Açıklamayı göster (varsa) if (explanation) { explanation.classList.remove('hidden'); } } }); }); // Form gönderimi const sinavForm = document.getElementById('sinavForm'); sinavForm.addEventListener('submit', function(e) { // Burada form gönderimi öncesi işlemler yapılabilir // Örneğin, kullanıcıya bir onay mesajı gösterilebilir // Eğer "Cevapları Sınav Sonunda Göster" seçiliyse ve kullanıcı formu göndermek istiyorsa if (!isImmediate()) { // Burada tüm cevapları kontrol edip sonuçları gösterebilirsiniz // Veya sunucuya gönderip sonuçları alabilirsiniz } }); }); </script> </body> </html>

Sınav Ayarları

Soru 1

Soru 2

Soru 3

Soru 4

Soru 5

Soru 6

Soru 7

Soru 8

Soru 9

Soru 10

Soru 11