Seçmeli Ara Sınav

Web Okuryazarlığı

Soru

Dakika

Görüntülenme

Çözülme

Sınav Ayarları

Cevapları Anında Göster

Her soruyu cevapladığınızda doğru/yanlış bilgisi gösterilir

Cevapları Sınav Sonunda Göster

Tüm soruları cevapladıktan sonra sonuçlar gösterilir

Soru 1

Orta Zorluk

Aşağıdakilerden hangisi medya okuryazarlığının temel kavramlarından biri değildir?

A) Üretim

B) Ziraat

C) Dil

D) Temsiliyet

E) Hedef Kitle

Soru 2

Orta Zorluk

Aşağıdakilerden hangisi bir HTML belgesinin ilk bölümünü tanımlar?

D) </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="2221077" data-option="e"> <input type="radio" name="soru_2221077" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221077" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700"><HR></span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221077"> <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-2221077-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-2221077"> <span class="font-medium">Doğru Cevap:</span> B) <HEAD> </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221077"> <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ı: HTML belgelerinin ilk bölümleri <HEAD> etiketi ile tanımlanan alandı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 3</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 web okur yazarlığının “okuma” beceri ve yetkinliklerinden biri değildir?</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="2221078" data-option="a"> <input type="radio" name="soru_2221078" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221078" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">Arama</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="2221078" data-option="b"> <input type="radio" name="soru_2221078" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221078" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Gezinme</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="2221078" data-option="c"> <input type="radio" name="soru_2221078" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221078" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">Sentezleme</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="2221078" data-option="d"> <input type="radio" name="soru_2221078" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221078" data-dogru="True"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Düzenleme</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="2221078" data-option="e"> <input type="radio" name="soru_2221078" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221078" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Değerlendirme</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221078"> <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-2221078-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-2221078"> <span class="font-medium">Doğru Cevap:</span> D) Düzenleme </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221078"> <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ı: Düzenleme web okur yazarlığının “okuma” beceri ve yetkinliklerinden biri değildir.</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 4</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">....... ......... olabilmek; gereken bilgi kaynaklarına erişebilmeyi, erişilen kaynakları kullanabilmeyi ve yeni bilgi kaynakları yaratabilmek için ağları kullanmayı gerektirir. Yukarıda boş bırakılan yere aşağıdakilerden hangisi gelmelidir?</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="2221079" data-option="a"> <input type="radio" name="soru_2221079" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221079" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">Marka okuryazarı</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="2221079" data-option="b"> <input type="radio" name="soru_2221079" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221079" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Finans okuryazarı</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="2221079" data-option="c"> <input type="radio" name="soru_2221079" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221079" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">Senaryo okuryazarı</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="2221079" data-option="d"> <input type="radio" name="soru_2221079" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221079" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Felsefe okuryazarı</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="2221079" data-option="e"> <input type="radio" name="soru_2221079" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221079" data-dogru="True"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Web okuryazarı</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221079"> <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-2221079-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-2221079"> <span class="font-medium">Doğru Cevap:</span> E) Web okuryazarı </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221079"> <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ı: Web okuryazarı olabilmek; gereken bilgi kaynaklarına erişebilmeyi, erişilen kaynakları kullanabilmeyi ve yeni bilgi kaynakları yaratabilmek için ağları kullanmayı gerektirir.</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 5</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">"Ayşe, ağ üzerindeki bağlantıları kullanarak farklı kaynaklar arasında geçiş yapmaktadır." Yukarıdaki durumu aşağıdakilerden hangisi tanımlamaktadı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="2221080" data-option="a"> <input type="radio" name="soru_2221080" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221080" data-dogru="True"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">Webte gezinme</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="2221080" data-option="b"> <input type="radio" name="soru_2221080" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221080" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Web okuryazarlığı</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="2221080" data-option="c"> <input type="radio" name="soru_2221080" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221080" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">Kişisel bilgilere ulaşım</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="2221080" data-option="d"> <input type="radio" name="soru_2221080" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221080" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Özelleştirme</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="2221080" data-option="e"> <input type="radio" name="soru_2221080" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221080" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Web adresini yorumlama</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221080"> <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-2221080-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-2221080"> <span class="font-medium">Doğru Cevap:</span> A) Webte gezinme </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221080"> <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ı: Web üzerindeki kaynaklara ve hizmetlere erişim ağın doğası gereği birbiriyle bağlantılanmış sayfalar üzerinden gerçekleşmektedir. Bağlantılar aracılığıyla kaynaklar arasındaki geçişlerimiz webde gezinme olarak ifade edilmektedir. Bu bağlantıları kullanarak web üzerindeki farklı bir dizi kaynağa erişim sağlarız.</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 6</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 web üzerinde yer alan bir kaynağın değerlendirilmesinde kullanılan bir ölçüt olan "kapsam" ölçütünün alt boyutlarından biri değildir?</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="2221081" data-option="a"> <input type="radio" name="soru_2221081" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221081" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">Genişlik</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="2221081" data-option="b"> <input type="radio" name="soru_2221081" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221081" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Derinlik</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="2221081" data-option="c"> <input type="radio" name="soru_2221081" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221081" data-dogru="True"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">Maliyet</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="2221081" data-option="d"> <input type="radio" name="soru_2221081" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221081" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Zaman</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="2221081" data-option="e"> <input type="radio" name="soru_2221081" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221081" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Tür</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221081"> <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-2221081-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-2221081"> <span class="font-medium">Doğru Cevap:</span> C) Maliyet </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221081"> <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ı: Kapsam: Kapsam kaynağın hangi konuları içerdiğini belirtirken, genişlik, derinlik, zaman, tür ve içerik gibi alt boyutları barındırır. Kapsam Genişliği dendiğinde, konunun tüm yönlerini kapsaması, derinlik dendiğinde konunun düzeyini, zaman dendiğinde konunun ele alındığı dönemi, tür dendiğinde sunulan içeriğin biçimsel halini ve içerik dendiğinde ise sunulan fikri/görüşü ifade etmektedir.</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 7</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">I) Ne türde site/sitelere ihtiyaç var? II) Site/sitelerde ne türde bir içerik olacak? III) Kullanıcılar içeriği nasıl bulacak ve o içeriğe nasıl erişecek? IV) Kullanıcıların içerik ile ne yapması bekleniyor? Yukarıdaki maddeler bir web sitesi için hangi anlamda önemlidir?</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="2221082" data-option="a"> <input type="radio" name="soru_2221082" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221082" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">Site mimarisinin yapılması</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="2221082" data-option="b"> <input type="radio" name="soru_2221082" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221082" data-dogru="True"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Site stratejisinin planlanması</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="2221082" data-option="c"> <input type="radio" name="soru_2221082" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221082" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">Site sayfa sayısının belirlenmesi</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="2221082" data-option="d"> <input type="radio" name="soru_2221082" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221082" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Site etkileşim unsurlarının yapılması</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="2221082" data-option="e"> <input type="radio" name="soru_2221082" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221082" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Site metinlerinin belirgin hale getirilmesi</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221082"> <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-2221082-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-2221082"> <span class="font-medium">Doğru Cevap:</span> B) Site stratejisinin planlanması </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221082"> <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 web sitesi oluşturulmadan önce site stratejisinin planlanması gerekmektedir. Bir sitenin doğru planlanabilmesi için; • Ne türde site/sitelere ihtiyaç var? • Site/sitelerde ne türde bir içerik olacak? • Kullanıcılar içeriği nasıl bulacak ve o içeriğe nasıl erişecek? • Kullanıcıların içerik ile ne yapması bekleniyor? soruları açıklanmalı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 8</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 web okuryazarlığının yazma becerisine ait kavramlardan biri değildir?</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="2221083" data-option="a"> <input type="radio" name="soru_2221083" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221083" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">Tasarım</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="2221083" data-option="b"> <input type="radio" name="soru_2221083" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221083" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Düzenleme</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="2221083" data-option="c"> <input type="radio" name="soru_2221083" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221083" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">Kodlama</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="2221083" data-option="d"> <input type="radio" name="soru_2221083" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221083" data-dogru="True"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Değerlendirme</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="2221083" data-option="e"> <input type="radio" name="soru_2221083" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221083" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Düzeltme</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221083"> <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-2221083-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-2221083"> <span class="font-medium">Doğru Cevap:</span> D) Değerlendirme </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221083"> <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ı: Web okuryazarlığının “yazma” beceri ve yetkinlikleri; içeriğin belli bir düzen içinde görsel sunumu için “tasarım (design)”, içeriğin ulaşılabilir ve erişilebilir şekilde oluşturulması, organize edilmesi ve paylaşılması için “düzenleme (compose)”, düzenlemelerin ağ ortamında var olabilmesi için “kodlama (code)”, içeriklerin geliştirilebilmesi ve yeniden gözden geçirilebilmesi için “düzeltme (revise)”, var olan içeriklerin yapılandırılması ve yeniden tasarımı “karma (remix)” şeklindedir.</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 9</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">I) Deyimlerden kaçınılmalı II) Kısaltmalara dikkat edilmeli Yukarıdaki özellikler bir web sayfası oluşturulurken dikkat edilmesi gereken başlıklardan hangisi altında incelenir?</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="2221084" data-option="a"> <input type="radio" name="soru_2221084" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221084" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">Yazı dili hassas kullanılmalı</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="2221084" data-option="b"> <input type="radio" name="soru_2221084" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221084" data-dogru="True"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Düz terimler kullanılmalı</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="2221084" data-option="c"> <input type="radio" name="soru_2221084" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221084" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">Liste ögeleri kullanılmalı</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="2221084" data-option="d"> <input type="radio" name="soru_2221084" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221084" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Paragraflar kısa tutulmalı</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="2221084" data-option="e"> <input type="radio" name="soru_2221084" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221084" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Bilgi küçük parçalara ayrılmalı</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221084"> <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-2221084-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-2221084"> <span class="font-medium">Doğru Cevap:</span> B) Düz terimler kullanılmalı </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221084"> <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ı: Düz Terimler Kullanılmalı Anlaşılması ve okunması kolay terimler kullanılmalıdır. Düz ve olabildiğince kısa cümlelere ve kelimelerle yazılmalıdır. Böylece okuyucunun yanında ekstra sözlük vb. bir şey kullanmasına gerek duyulmayacaktır. Deyimlerden kaçınılmalı Kısaltmalara dikkat edilmeli</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 10</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 görsel ve estetik unsurların belli bir düzen içinde bir araya getirilmesi ve buna bağlı olarak sayısal içeriğin inşa edilmesini kapsayan bir süreç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="2221085" data-option="a"> <input type="radio" name="soru_2221085" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221085" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">Düzeneme</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="2221085" data-option="b"> <input type="radio" name="soru_2221085" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221085" data-dogru="True"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Tasarım</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="2221085" data-option="c"> <input type="radio" name="soru_2221085" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221085" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">Kodlama</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="2221085" data-option="d"> <input type="radio" name="soru_2221085" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221085" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Düzeltme</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="2221085" data-option="e"> <input type="radio" name="soru_2221085" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221085" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Karma</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221085"> <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-2221085-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-2221085"> <span class="font-medium">Doğru Cevap:</span> B) Tasarım </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221085"> <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ı: Aşağıdakilerden hangisi görsel ve estetik unsurların belli bir düzen içinde bir araya getirilmesi ve buna bağlı olarak sayısal içeriğin inşa edilmesini kapsayan bir süreç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 11</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">İstenilen site, sayfa sayısı ve türü düşünüldükten sonra, ne yapılmalıdı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="2221086" data-option="a"> <input type="radio" name="soru_2221086" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221086" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">Site kullanıcılarının içeriği nasıl bulacakları planlanmalı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="2221086" data-option="b"> <input type="radio" name="soru_2221086" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221086" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Site kullanıcılarının içerikle ne yapmaları gerektiği konusunda sorular sorulmalı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="2221086" data-option="c"> <input type="radio" name="soru_2221086" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221086" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">Sitenin nasıl organize edilmesi istenildiğinin düşünülmesi için zaman ayırılmalı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="2221086" data-option="d"> <input type="radio" name="soru_2221086" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221086" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Site içeriğinin mantıksal olarak organize edilmesi gerekir.</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="2221086" data-option="e"> <input type="radio" name="soru_2221086" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221086" data-dogru="True"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Bu sitelerde saklanacak içerik için planlama yapılmalıdır.</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221086"> <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-2221086-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-2221086"> <span class="font-medium">Doğru Cevap:</span> E) Bu sitelerde saklanacak içerik için planlama yapılmalıdır. </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221086"> <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ı: Sitelerde ne tür içerik olacak? İstenilen site, sayfa sayısı ve türü düşünüldükten sonra, bu sitelerde saklanacak içerik için planlama yapılmalıdır. İçerik planlamasının amacı aşağıda verilen soruların yanıtlarını belirlemeye yöneliktir. Bunlar: • Sitelerdeki içeriği düzenlemek için hangi tür listeler, kitaplıklar veya sayfalar oluşturulacak? Kütüphaneler belgeleri ve diğer dosyaları depolamak için kullanılırken listeler görevleri veya problemleri izlemek için yararlı olabilir. Sayfalar, bir sitedeki içeriğin, uygulamanın, bağlantıların ve daha fazlasının görüntülenebileceği ögelerdir. • Ne tür uygulamalar eklenecek? Kullanıcıların etkileşime girmelerine olanak sağlayan, üçüncü parti web uygulamaları ya da web geliştiricileri tarafından geliştirilebilecek uygulamalar planlanmalıdır. . İçerik türü oluşturulacak mı? İçerik türleri, belirli türdeki içeriğin nasıl ele alındığının ve izlediğinin özelleştirilmesine yardımcı olur.</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">Web robotu Arama dizini Kullanıcı arabirim PageRank Yukarıdakilerden hangisi ya da hangileri arama motorunun bileşenlerindendir?</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="2221087" data-option="a"> <input type="radio" name="soru_2221087" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221087" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">II-III</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="2221087" data-option="b"> <input type="radio" name="soru_2221087" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221087" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">I-IV</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="2221087" data-option="c"> <input type="radio" name="soru_2221087" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221087" data-dogru="True"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">I-II-III</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="2221087" data-option="d"> <input type="radio" name="soru_2221087" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221087" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">II-III-IV</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="2221087" data-option="e"> <input type="radio" name="soru_2221087" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221087" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">I-III-IV</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221087"> <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-2221087-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-2221087"> <span class="font-medium">Doğru Cevap:</span> C) I-II-III </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221087"> <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 arama motoru web robotu, arama dizini ve kullanıcı arabirimi şeklinde üç temel bileşenden oluşmaktadır. Arama sonuçları genellikle sık tercih edilen internet sayfalarından oluşan listeler şeklinde sunulan bir mekanizmadır. Robot, web üzerinde bulunan web sitesi kaynaklarını ve bunların bağlantılarını otomatik olarak gezerek sayfa içeriklerini saklayıp, aramada hızlı erişim sağlayacak şekilde dizinlemektedir. Bu işlem için hazırlanmış yazılımlara robot (bot) ya da web örümceği (spider ya da web crawler) denir. Bu yazılımlar, web siteleri üzerindeki bağlantıları takip ederek buldukları siteleri tararlar ve okunabilir (metin) içeriği arama motorlarının ilgili sunucularında kayıt altına alırlar. Sayfalarda güncelleme olduğundan bu işlem belirli periyotlarda tekrar edilerek içeriğin güncelliği sağlanır. Kullanıcı arabirimi ise oluşturulan dizin üzerinden kullanıcıların ihtiyaçlarına göre arama yapmasını sağlayan ve sonuçları listeleyen sayfalardır. Bu arama sayfalarında anahtar sözcükler verilerek “Arama (Search)” dediğimiz işlem gerçekleştirilir. Belirtilen sözcüğün geçtiği web sitesi adresleri liste halinde kullanıcıya sunulur.</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">Aşağıdakilerden hangisi bilgi okuryazarlığına sahip bireylerin özelliklerinden biri değildir?</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="2221088" data-option="a"> <input type="radio" name="soru_2221088" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221088" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">İhtiyaç duyulan bilginin boyutunu ve yapısını belirleme</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="2221088" data-option="b"> <input type="radio" name="soru_2221088" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221088" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Gereksinim duyulan bilgiye etkin ve etkili olarak erişme</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="2221088" data-option="c"> <input type="radio" name="soru_2221088" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221088" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">Bilgiyi ve bilgi kaynaklarını eleştirel olarak değerlendirme</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="2221088" data-option="d"> <input type="radio" name="soru_2221088" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221088" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Bireysel veya grubun üyesi olarak bir bilgiyi kullanma</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="2221088" data-option="e"> <input type="radio" name="soru_2221088" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221088" data-dogru="True"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Bilgiye ulaşmada her türlü engel karşında kayıtsız davranma</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221088"> <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-2221088-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-2221088"> <span class="font-medium">Doğru Cevap:</span> E) Bilgiye ulaşmada her türlü engel karşında kayıtsız davranma </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221088"> <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ı: ACRL tarafından oluşturulan yükseköğrenim için bilgi okuryazarlığı yeterlilik standartlarına göre ise bilgi okuryazarı bireylerin nitelikleri aşağıdaki şekilde sıralanmıştır (ACRL, 2000): 1) Gereksinim duydukları bilginin boyutunu ve yapısını belirlerler. 2) Gereksinim duydukları bilgiye etkin ve etkili olarak erişirler. 3) Bilgiyi ve bilgi kaynaklarını eleştirel olarak değerlendirirler ve seçmiş oldukları bilgiyi kendi bilgi tabanları ve değer sistemleri içerisinde birleştirirler. 3) Bireysel veya bir grubun üyesi olarak özel bir amacın gerçekleştirilmesinde bilgiyi etkili bir biçimde kullanırlar. 4) Bilginin önündeki yasal, ekonomik ve sosyal sorunlarını bilirler ve bilgiyi etik ve yasalara uygun olarak kullanırlar. Doğru seçenek E’dir.</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ğıdakilerden hangisi web okuryazarlığının “yazma” beceri ve yetkinliğinden bir değildir?</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="2221089" data-option="a"> <input type="radio" name="soru_2221089" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221089" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">Tasarım</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="2221089" data-option="b"> <input type="radio" name="soru_2221089" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221089" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Düzenleme</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="2221089" data-option="c"> <input type="radio" name="soru_2221089" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221089" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">Kodlama</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="2221089" data-option="d"> <input type="radio" name="soru_2221089" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221089" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Düzeltme</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="2221089" data-option="e"> <input type="radio" name="soru_2221089" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221089" data-dogru="True"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Değerlendirme</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221089"> <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-2221089-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-2221089"> <span class="font-medium">Doğru Cevap:</span> E) Değerlendirme </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221089"> <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ı: Web okuryazarlığının “yazma” beceri ve yetkinlikleri; içeriğin belli bir düzen içinde görsel sunumu için “tasarım (design)”, içeriğin ulaşılabilir ve erişilebilir şekilde oluşturulması, organize edilmesi ve paylaşılması için “düzenleme (compose)”, düzenlemelerin ağ ortamında var olabilmesi için “kodlama (code)”, içeriklerin geliştirilebilmesi ve yeniden gözden geçirilebilmesi için “düzeltme (revise)”, var olan içeriklerin yapılandırılması ve yeniden tasarımı “karma (remix)” şeklindedir.</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 yeni okuryazarlık kavramının özelliklerinden biri değildir?</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="2221090" data-option="a"> <input type="radio" name="soru_2221090" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221090" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">Yeni okuryazarlık kavramlarının ortaya çıkmasında belirleyici unsur bilgi ve iletişim teknolojilerindeki gelişmelerdir.</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="2221090" data-option="b"> <input type="radio" name="soru_2221090" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221090" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Yeni okuryazarlık kavramında bilgi sadece metin halde değil ses, görüntü vb. şekilde de bulunabilir.</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="2221090" data-option="c"> <input type="radio" name="soru_2221090" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221090" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">Yeni okuryazarlık kavramında bulunan bilgisayar okuryazarlığı; sunum hazırlayabilme, dosya yönetimi, veri tabanı kullanımı gibi eylemleri içerir.</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="2221090" data-option="d"> <input type="radio" name="soru_2221090" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221090" data-dogru="True"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Yeni okuryazarlık daha çok kelimelerin yazımı ve okumasıyla ilgilenir.</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="2221090" data-option="e"> <input type="radio" name="soru_2221090" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221090" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Yeni okuryazarlık kavramı teknolojinin bulunduğu her alanda kullanılır.</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221090"> <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-2221090-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-2221090"> <span class="font-medium">Doğru Cevap:</span> D) Yeni okuryazarlık daha çok kelimelerin yazımı ve okumasıyla ilgilenir. </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221090"> <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ı: Yeni okuryazarlık kavramı bilgi ve teknolojinin gelişmesiyle okuryazarlığın sadece metin ile değil görüntü, ses gibi duyular vasıtasıyla yapılmasına olanak sağlamıştı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 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">ECDL programının son modülü aşağıdakilerden hangisini kapsar?</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="2221091" data-option="a"> <input type="radio" name="soru_2221091" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221091" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">Temel bilgisayar bilgisi</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="2221091" data-option="b"> <input type="radio" name="soru_2221091" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221091" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Temel web bilgisi</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="2221091" data-option="c"> <input type="radio" name="soru_2221091" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221091" data-dogru="True"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">Hesap tabloları</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="2221091" data-option="d"> <input type="radio" name="soru_2221091" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221091" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Kelime işlem programı</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="2221091" data-option="e"> <input type="radio" name="soru_2221091" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221091" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Programlama bilgisi</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221091"> <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-2221091-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-2221091"> <span class="font-medium">Doğru Cevap:</span> C) Hesap tabloları </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221091"> <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ı: ECDL programının son modülü hesap tablolarını kapsar.</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">Aşağıdakilerden hangisi, düzenli bir biçimde birbirini etkileyen ve birbirine bağlı birimlerden, değişik bölümlerden oluşan ve genel bir plana göre kurulan, belirli bir sonuca ulaşmak için amaca yönelmiş bir bütünü 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="2221092" data-option="a"> <input type="radio" name="soru_2221092" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221092" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">Merkez</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="2221092" data-option="b"> <input type="radio" name="soru_2221092" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221092" data-dogru="True"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Sistem</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="2221092" data-option="c"> <input type="radio" name="soru_2221092" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221092" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">Enformasyon</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="2221092" data-option="d"> <input type="radio" name="soru_2221092" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221092" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Teknoloji</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="2221092" data-option="e"> <input type="radio" name="soru_2221092" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221092" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Nitelik</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221092"> <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-2221092-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-2221092"> <span class="font-medium">Doğru Cevap:</span> B) Sistem </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221092"> <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ı: Sistem kavramı; düzenli bir biçimde birbirini etkileyen ve birbirine bağlı birimlerden, değişik bölümlerden oluşan ve genel bir plana göre kurulan, belirli bir sonuca ulaşmak için amaca yönelmiş bir bütünü ifade eder.</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ğıdakilerden hangisi okuryazarlık türlerinden biri değildir?</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="2221093" data-option="a"> <input type="radio" name="soru_2221093" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221093" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">Alfabeye dayalı okuryazarlık</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="2221093" data-option="b"> <input type="radio" name="soru_2221093" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221093" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">İşlevsel okuryazarlık</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="2221093" data-option="c"> <input type="radio" name="soru_2221093" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221093" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">Eleştirel okuryazarlık</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="2221093" data-option="d"> <input type="radio" name="soru_2221093" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221093" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Yeni okuryazarlık</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="2221093" data-option="e"> <input type="radio" name="soru_2221093" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221093" data-dogru="True"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">İletişim okuryazarlığı</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221093"> <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-2221093-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-2221093"> <span class="font-medium">Doğru Cevap:</span> E) İletişim okuryazarlığı </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221093"> <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ı: Okuryazarlık ve okuryazar kavramına yüklenen anlamları ve algıları; alfabeye dayalı okuryazarlık, işlevsel okuryazarlık, eleştirel okuryazarlık, yeni okuryazarlıklar olmak üzere dört başlık altında toplamak mümkündür. Doğru seçenek E’dir.</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">Aşağıdakilerden hangisi, bilgisayar okuryazarlığı kapsamında ele alınmaz ?</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="2221094" data-option="a"> <input type="radio" name="soru_2221094" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221094" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">sunum yazılımlarının kullanımı</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="2221094" data-option="b"> <input type="radio" name="soru_2221094" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221094" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">hesap tabloları yazılımı kullanımı</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="2221094" data-option="c"> <input type="radio" name="soru_2221094" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221094" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">kelime işlemci yazılımı kullanımı</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="2221094" data-option="d"> <input type="radio" name="soru_2221094" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221094" data-dogru="True"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">bilgisayarda renk seçimi</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="2221094" data-option="e"> <input type="radio" name="soru_2221094" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221094" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">bilgisayardaki dosyaların yönetimi</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221094"> <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-2221094-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-2221094"> <span class="font-medium">Doğru Cevap:</span> D) bilgisayarda renk seçimi </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221094"> <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ı: Bilgisayar okuryazarlığı; bilgisayardaki dosyaların yönetimi, kelime işlemci yazılımı kullanımı, hesap tabloları yazılımı kullanımı, sunum yazılımlarının kullanımı, veri tabanı yazılımı kullanımı, iletişim yazılımlarının kullanımın kapsar. ECDL vakfı tarafından gerek Avrupa gerekse dünya çapında organize edilen Avrupa Bilgisayar Yetkinlik Sertifikası (European Computer Driving License, ECDL) programı bilgisayar okuryazarlığı konusunda yaygın olarak kullanılan standartlardı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ğıdakilerden hangisi tarihsel gelişim sürecinde okuryazarlık kavramına yüklenen anlamlara dayalı başlıklardan biri değildir?</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="2221095" data-option="a"> <input type="radio" name="soru_2221095" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221095" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">Alfabeye dayalı okuryazarlık</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="2221095" data-option="b"> <input type="radio" name="soru_2221095" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221095" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">İşlevsel okuryazarlık</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="2221095" data-option="c"> <input type="radio" name="soru_2221095" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221095" data-dogru="True"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">Zekaya dayalı okuryazarlık</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="2221095" data-option="d"> <input type="radio" name="soru_2221095" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221095" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Eleştirel okuryazarlık</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="2221095" data-option="e"> <input type="radio" name="soru_2221095" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221095" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Teknolojiye dayalı okuryazarlık</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221095"> <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-2221095-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-2221095"> <span class="font-medium">Doğru Cevap:</span> C) Zekaya dayalı okuryazarlık </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221095"> <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ı: Zekaya dayalı okuryazarlık, tarihsel gelişim sürecinde okuryazarlık kavramına yüklenen anlamlara dayalı başlıklardan biri değildir.</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-wtk205u-web-okuryazarlg/" 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>