İnternet Ve Web Programlama

Soru 1

Orta Zorluk

İstemcinin hangi dosya türlerini cevap olarak alabileceğini sunucuya bildiren istek başlığı alanı aşağıdakilerden hangisidir?

A) Accept

B) Host

C) User-Agent

D) Connection

E) Cache-Control

Soru 2

Orta Zorluk

E-Postaların gönderilmesi için kullanılan protokol aşağıdakilerden hangisidir?

A) FTP

B) UDP

C) TCP

D) OSI

E) SMTP

Soru 3

Orta Zorluk

Aşağıdakilerden hangisi her düğüm noktası komşu iki düğüm ile bağlantılı olan ağ topolojisidir?

A) Ortak Yol

B) Geniş Alan Ağı

C) Halka

D) Anahtarlama Noktaları

E) Yıldız

Soru 4

Orta Zorluk

CCS'nin kullanım şekilleri düşünüldüğünde bir metin stili oluşturulurken 12 birimlik boyutta metin oluşturmayı düşünen programcı ilgili satıra aşağıdakilerden hangisini yazmalıdır?

A) font-style: 12pr;

B) font-style: 12px;

C) font-size: 12px;

D) font-style: 12pr;

E) font-weight: 12px;

Soru 5

Orta Zorluk

“acikogretim” klasörünün bir alt etki alanı olarak tanımlanmasıyla aşağıdaki URL’lerden hangisi erişim sağlamak için kullanılabilir?

A) www.anadolu.edu.tr/acikogretim

B) www. acikogretim.anadolu.edu.tr

C) anadolu.edu.tr/acikogretim

D) acikogretim.anadolu.edu.tr

E) acikogretim/anadolu.edu.tr

Soru 6

Orta Zorluk

Herhangi bir paragraf etiketine inceyazi isimli css stilinin atandığı doğru kod örneği aşağıdakilerden hangisidir?

A)

İnce yazı

B)

Herhangi

C)

Yazı

D)

İnce yazı

E)

İnce yazı

Soru 7

Orta Zorluk

29 Ekim 1969 tarihinde Los Angeles Kaliforniya Üniversitesinden Stanford Araştırma Enstitüsündeki (SRI) bilgisayara uzaktan erişimi denemiş ve ilk mesajı göndermiş kişi aşağıdakilerden hangisidir?

A) Charley S. Kline

B) Ray Tomlinson

C) Sir Tim Berners Lee

D) Steve Jobs

E) Larry Page

Soru 8

Orta Zorluk

Bir ağdaki bilgisayarların nasıl yerleştirileceğini, nasıl bağlanacağını ve veri iletiminin nasıl olacağını belirleyen genel yapıya ne ad verilir?

A) İnternet

B) Protokol

C) Net

D) Düğüm Noktası

E) Ağ Topolojileri

Soru 9

Orta Zorluk

Web mimarisinin ana bileşenleri hakkında aşağıda verilen bilgilerden hangisi ilgisizdir?

A) Web sunucu yazılımı HTTP isteklere cevap verir.

B) Vekil sunucu, diğer sunuculardan kaynak isteklerinde bulunan istemcilerin taleplerine cevap vermek için bir aracı olarak davranan sunucudur.

C) Web tarayıcı yazılımı URL’ler yardımıyla http isteklerde bulunur ve web sunucusundan gönderilen html sayfaları görüntüler.

D) Hiper metin transfer protokolü internet üzerinden iletilecek istek ve cevapların ne şekilde işleneceğini belirler.

E) Web sayfalarını oluşturmak ve diğer kaynaklara bağlantı sağlamak amacıyla Hiper metin işaretleme dili kullanılır.

Soru 10

Orta Zorluk

URL ile belirtilen ve istekte bulunulacak kaynakların internete bağlı ana makine (sunucu) adresini ve port numarasını belirten istek başlık alanı(Request Headers) aşağıdakilerden hangisidir?

A) User-Agent

B) Accept

C) Connection

D) Host

E) Cache-Control

Soru 11

Orta Zorluk

Web’in arkasındaki temel fikir, uygulama olarak neye dayanmaktadır?

A) Web sunucu yazılımı

B) Web tarayıcı yazılımı

C) Tekdüzen kaynak konumlayıcı

D) Hiper metin transfer protokolü

E) istemci-sunucu hiper metin

Soru 12

Orta Zorluk

Aynı ağ iletişim kurallarını kullanan iki bilgisayar ağı arasında veri paketlerinin iletimini sağlayan ağ donanımına ne ad verilir?

A) Yönlendirici

B) Net

C) Jeton

D) Düğüm Noktası

E) Kaynak

Soru 13

Orta Zorluk

İnternet üzerinden iletilecek istek ve cevapların ne şekilde işleneceğini belirleyen web mimarisi ana bileşeni aşağıdakilerden hangisidir?

A) URL

B) FTP

C) HTML

D) HTTP

E) TCP/IP

Soru 14

Orta Zorluk

Etki alan adınızın kapsadığı bölge içerisinde yer alan başka bir IP adresli sunucuya veya bilgi/belge hiper metin içeren bir klasöre URL’ler yardımıyla doğrudan erişimde bulunmak için kullanılan yapılara ne denir?

A) Alt Etki Alanı Adı

B) Etki Alanı Adı

C) Klasör Adı

D) Dosya Adı

E) Referans Adı

Soru 15

Orta Zorluk

Uzun mesafe veri iletiminde, günümüzde veri ve ses iletimi teknolojilerinin temelini oluşturan aşağıdakilerden hangisidir?

A) Devre Anahtarlama

B) Binary Anahtarlama

C) İlk-Son Anahtarlama

D) Kutu Anahtarlama

E) Paket Anahtarlama

Soru 16

Orta Zorluk

Aşağıdakilerden hangisi taşıma katmanı protokolüdür?

A) HTTP

B) FTP

C) ARP

D) MAC

E) UDP

Soru 17

Orta Zorluk

Aşağıdakilerden hangisi ... etiketleri arasında kullanılan HTML etiketlerinden biri değildir?

A)

B) </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="1289910" data-option="c"> <input type="radio" name="soru_1289910" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="1289910" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700"><link></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="1289910" data-option="d"> <input type="radio" name="soru_1289910" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="1289910" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700"><meta></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="1289910" data-option="e"> <input type="radio" name="soru_1289910" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="1289910" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700"><style></span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-1289910"> <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-1289910-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-1289910"> <span class="font-medium">Doğru Cevap:</span> A) <body> </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-1289910"> <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ı: <head>...</head> etiketleri arasında sık kullanılan HTML etiketleri şunlardır: <title>, <style>, <meta>, <base>, <link>, <script>. Doğru yanıt A seçeneğidir.</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ğıdaki ifadelerden hangisi Div etiketi için söylenemez?</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="1289911" data-option="a"> <input type="radio" name="soru_1289911" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="1289911" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">CSS kullanımı ile uyumludur.</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="1289911" data-option="b"> <input type="radio" name="soru_1289911" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="1289911" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Blok etiketidir.</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="1289911" data-option="c"> <input type="radio" name="soru_1289911" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="1289911" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">İçerik bloklarını ortalamak için kullanılı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="1289911" data-option="d"> <input type="radio" name="soru_1289911" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="1289911" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Web sayfası içeriğindeki mantıksal bölümleri tanımlar.</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="1289911" data-option="e"> <input type="radio" name="soru_1289911" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="1289911" data-dogru="True"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Tablo oluşturmak için 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-1289911"> <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-1289911-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-1289911"> <span class="font-medium">Doğru Cevap:</span> E) Tablo oluşturmak için kullanılır. </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-1289911"> <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ı: Div etiketi, Division - Bölümlendirme işlevine sahiptir. HTML sayfalarında çok sık kullanılan bir etikettir. Div etiketi bir blok etiketidir. CSS kullanımı ile uyumludur. Div etiketi, web sayfasının içeriğindeki mantıksal bölümleri tanımlayan bir etikettir. Div etiketlerini içerik bloklarını ortalamak, sütun etkisi oluşturmak, farklı renk alanları oluşturmak için kullanabilirsiniz.</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">nav footer canvas progress Yukarıdakilerden hangileri HTML5 ile gelen yeni etiketlerdir?</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="1289912" data-option="a"> <input type="radio" name="soru_1289912" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="1289912" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">I, II ve 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="1289912" data-option="b"> <input type="radio" name="soru_1289912" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="1289912" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">II, III, ve 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="1289912" data-option="c"> <input type="radio" name="soru_1289912" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="1289912" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">I, III ve 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="1289912" data-option="d"> <input type="radio" name="soru_1289912" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="1289912" data-dogru="True"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">I, II, III ve 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="1289912" data-option="e"> <input type="radio" name="soru_1289912" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="1289912" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">I ve II</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-1289912"> <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-1289912-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-1289912"> <span class="font-medium">Doğru Cevap:</span> D) I, II, III ve IV </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-1289912"> <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ı: Nav, footer, canvas ve progress HTML5 ile gelen yeni etiketlerdir. Doğru cevap D şıkkı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 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">İnternet'in ilk kez kullanılmaya başlandığı dönemlerde yaşanan hangi olay web'in geniş kitlelerce kullanılmasını ve hızlanmasını sağlamıştı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="1289913" data-option="a"> <input type="radio" name="soru_1289913" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="1289913" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">Bilimsel çalışmaların giderek hızlanması.</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="1289913" data-option="b"> <input type="radio" name="soru_1289913" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="1289913" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">SSCB'nin dağı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="1289913" data-option="c"> <input type="radio" name="soru_1289913" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="1289913" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">Bilgisayar fiyatlarının giderek düşmesi</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="1289913" data-option="d"> <input type="radio" name="soru_1289913" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="1289913" data-dogru="True"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Web yazılımının kaynak kodlarını herkese açık olarak yayınlanması.</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="1289913" data-option="e"> <input type="radio" name="soru_1289913" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="1289913" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">ABD'nin uzay çalışmalarında web'i kullanmaya başlaması.</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-1289913"> <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-1289913-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-1289913"> <span class="font-medium">Doğru Cevap:</span> D) Web yazılımının kaynak kodlarını herkese açık olarak yayınlanması. </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-1289913"> <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ı: 30 Nisan 1993 tarihinde CERN, web yazılımının kaynak kodlarını herkese açık olarak yayınladı. Böylelikle, temel bir tarayıcı ve kod kütüphanesi ile birlikte, serbestçe kullanılabilir bir web sunucusu çalıştırmak için gerekli yazılımların geliştirilmesinin önü açılmış oldu. Bu adım web’in geniş kitlelerce kullanılmasını ve hızla yayılmasını sağlamıştır.</p> </div> </div> </div> </div> </div> <div class="mt-6 flex justify-between items-center"> <a href="/kategori/acikogretim-fakultesi/ackogretim-fakultesi-lisans-programlar-4-yllk/yonetim-bilisim-sistemleri/yonetim-bilisim-sistemleri-ybs405u-internet-ve-web-programlama/" 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-4 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="Sınava Hazırlan Logo" class="h-6 w-6"> </div> <span class="text-xl font-bold text-white">Sınava Hazırlan</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> <h3 class="text-lg font-semibold mb-4">İletişim</h3> <ul class="space-y-2 text-gray-400"> <li class="flex items-center gap-2"> <i class="fa-solid fa-envelope"></i> <span>info@sinavahazirlan.com</span> </li> <li class="flex items-center gap-2"> <i class="fa-solid fa-phone"></i> <span>+90 212 123 45 67</span> </li> <li class="flex items-center gap-2"> <i class="fa-solid fa-location-dot"></i> <span>İstanbul, Türkiye</span> </li> </ul> </div> </div> <div class="border-t border-gray-800 pt-6 flex flex-col md:flex-row justify-between items-center"> <p class="text-gray-500 text-sm mb-4 md:mb-0">© 2025 Sınava Hazırlan. Tüm hakları saklıdır.</p> <div class="flex gap-4 text-sm text-gray-500"> <a href="/gizlilik-politikasi/" class="hover:text-white transition">Gizlilik Politikası</a> <a href="/kullanim-sartlari/" class="hover:text-white transition">Kullanım Şartları</a> <a href="/cerez-politikasi/" class="hover:text-white transition">Çerez Politikası</a> </div> </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

Soru 12

Soru 13

Soru 14

Soru 15

Soru 16

Soru 17