Web Tabanlı Uygulama Geliştirme Dersi 1. Dönem 1. Yazılı Soruları ve Cevapları

Gökhan

(Sadece Klasik Sorular – Toplam Puan: 100)

Bu sınav, temel HTML5 yapısını, web kavramlarını ve web tasarım ilkelerini kapsamaktadır.

I. KAVRAMSAL VE TANIM SORULARI (3 Soru / 30 Puan)

Soru 1: Web Sayfası Temel Kavramları (10 Puan) Web Sayfası Yayınlama süreci ile ilgili temel kavramlardan olan Web Sunucusu (Web Server) ve IP Adresi terimlerini kısaca açıklayınız. (Kazanım: 1)

Cevap:

  • Web Sunucusu (Web Server): Web sayfalarının ve ilgili dosyaların depolandığı, internet üzerinden gelen taleplere yanıt vererek bu dosyaları kullanıcıların tarayıcılarına gönderen güçlü bir bilgisayar sistemi veya yazılımdır.
  • IP Adresi: İnternete bağlı cihazların (bilgisayarlar, sunucular) birbirini tanımak, veri gönderip almak için kullandığı benzersiz, sayısal adrestir (Örn: 192.168.1.1).

Soru 2: Web Yazılımcısı Rolleri (10 Puan) Bir web uygulamasının geliştirilmesinde temel olarak rol alan Front-End Developer (Ön Yüz Geliştiricisi) ve Back-End Developer (Arka Yüz Geliştiricisi) arasındaki temel görev farkını açıklayınız. (Kazanım: 1)

Cevap:

  • Front-End Developer (Ön Yüz): Kullanıcının doğrudan gördüğü ve etkileşimde bulunduğu kısımları (arayüz, tasarım, görsel bileşenler) HTML, CSS ve JavaScript gibi dilleri kullanarak geliştirir. Kullanıcı Deneyimi (UX) odaklı çalışır.
  • Back-End Developer (Arka Yüz): Uygulamanın sunucu tarafındaki mantığını, veri tabanı yönetimini, güvenlik işlemlerini ve arka planda çalışan süreçleri (Python, PHP, Node.js gibi dillerle) yönetir. Uygulamanın verileri işlemesini ve saklamasını sağlar.

Soru 3: Tüm Platformlarda Sorunsuz Çalışma İlkesi (10 Puan) Web sitesinin tüm platformlarda sorunsuz çalışması ilkesi ne anlama gelir? Günümüzde bu ilkeyi sağlamak için tasarımda kullanılan ve farklı cihaz boyutlarına uyum sağlayan temel yaklaşımın adını yazınız. (Kazanım: 1)

Cevap:

  • İlke Anlamı: Bir web sitesinin, bilgisayar, tablet, cep telefonu gibi farklı ekran boyutlarına ve farklı işletim sistemlerine sahip cihazlarda (platformlarda) içeriğini bozmadan, kullanılabilir ve düzgün bir şekilde görüntülenmesi demektir.
  • Yaklaşım Adı: Duyarlı/Esnek Web Tasarımı (Responsive Web Design).

II. KOD UYGULAMA VE SÖZDE HTML SORULARI (6 Soru / 70 Puan)

Soru 4: HTML5 Belge Yapısı (10 Puan) HTML5 belge yapısını oluşturan ve bir web sayfasının minimum gereksinimlerini karşılayan temel kod yapısını (etiketleri) yazınız. (Kazanım: 1)

Cevap:

HTML

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Sayfa Başlığı</title>
    </head>
    <body>
        </body>
</html>

Soru 5: Paragraf ve Metin Biçimlendirme (Uygulama 1) (10 Puan) Aşağıdaki cümlenin HTML etiketlerini kullanarak görüntülenmesi için gerekli HTML kodunu yazınız. (Kazanım: 2) Görüntülenme Şekli: Web Tabanlı Uygulama Geliştirme dersi, ÇOK ÖNEMLİDİR.

Cevap:

HTML

<p>
    <b>Web Tabanlı Uygulama Geliştirme</b> dersi,
    <u>ÇOK ÖNEMLİDİR.</u>
</p>

(Veya <strong> ve <em> / <i> etiketleri de kullanılabilir.)

Soru 6: Metin Biçimlendirme (Uygulama 2) (10 Puan) HTML’de başlık (heading) etiketlerinin işlevini açıklayınız. Sayfanızda en büyük başlık olarak “ANA BAŞLIK” ve hemen altında ondan daha küçük alt başlık olarak “Alt Konular” yazısını gösteren etiketleri yazınız. (Kazanım: 2)

Cevap:

  • İşlevi: Sayfa içeriğini hiyerarşik olarak düzenlemeye yarar. <h1> en önemli ve büyük başlığı temsil ederken, <h6> en az önemli ve küçük başlığı temsil eder.
  • Kod:HTML<h1>ANA BAŞLIK</h1> <h2>Alt Konular</h2>

Soru 7: Yerleşim (Layout) Elemanları (10 Puan) Modern web uygulamalarında sayfa yerleşimini (Layout) düzenlemek için kullanılan, birbirinden bağımsız bloklar oluşturmaya yarayan ve yaygın olarak kullanılan temel HTML5 etiketini yazınız. Bu etiketin, satır sonuna inen (blok seviyesi) yapısının aksine, satır içinde kullanılan ve metni biçimlendirmeye yarayan karşılığını da belirtiniz. (Kazanım: 1)

Cevap:

  • Blok Seviyesi Eleman (Layout): <section> veya <div>
  • Satır İçi Karşılığı (Inline): <span>

Soru 8: Medya Kodları (Resim/Video) (10 Puan) Bir web sayfası içerisine, dosya adı egitim.jpg olan bir resmi yükleyen ve videonun kontrol düğmelerini gösteren, dosya adı tanitim.mp4 olan bir videoyu yükleyen temel HTML5 kodlarını yazınız. (Kazanım: 1)

Cevap:

HTML

<img src="egitim.jpg" alt="Eğitim Resmi">

<video src="tanitim.mp4" controls></video>

(Not: alt ve controls niteliklerinin kullanılması zorunlu olmasa da bu seviye için genellikle beklenir.)

Soru 9: Köprü Bağlantıları (20 Puan) Web sayfaları arasında bağlantı kurmaya yarayan HTML etiketinin adını yazınız. Bu etiketi kullanarak aşağıdaki görevleri yerine getiren iki farklı HTML kodunu yazınız: (Kazanım: 1)

  1. “Anasayfa” metnine tıklandığında, aynı klasördeki index.html sayfasına giden bir bağlantı.
  2. “Google Aç” metnine tıklandığında, tarayıcının yeni bir sekmesinde https://www.google.com adresini açan bir bağlantı.

Cevap:

  • Etiket Adı: <a> (Anchor / Çapa)
  • Kod 1 (Aynı Klasör):HTML<a href="index.html">Anasayfa</a>
  • Kod 2 (Harici ve Yeni Sekme):HTML<a href="https://www.google.com" target="_blank">Google Aç</a>
Görüntüleme Sayısı: 365

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir