HTML ve CSS

Grafik ve Fotoğraf / Tasarım · 11. Sınıf · Web Tasarımı

Bir web sayfasının HTML katmanı içeriğin anlamı ve sırasını, CSS katmanı ise bu içeriğin ekranda nasıl göründüğünü belirler. 11. sınıf düzeyinde amaç tek sayfalık bir tanıtım yapmak değil; katalog, bülten ve kampanya sayfası gibi, hem ekranda okunan hem de PDF'e dökülüp basılabilen çok sayfalı dijital yayınların iskeletini doğru kurmaktır. Anlam bozukluğu CSS ile düzeltilemez; bu yüzden işe yapıdan, yani semantik etiketlerle başlanır. Semantik etiket, kutunun ne olduğunu tarayıcıya ve ekran okuyucuya söyler. header logoyu ve üst menüyü, nav gezinmeyi, main sayfanın tek ana içeriğini, article…

HTML ve CSS Kazanımları

Örnek Sorular ve Çözümleri

Örnek Soru 1 kolay

Sayfanın tek ana içeriğini semantik olarak hangi etiket taşır?

  1. A) span
  2. B) main
  3. C) b
  4. D) div

Doğru cevap: B) main

main etiketi sayfanın tek ana içeriğini işaretler; span ve div yalnızca genel amaçlı kutudur, ekran okuyucuya içerik anlamı vermez, b ise görsel vurgudur.

Örnek Soru 2 orta

1200 piksel genişliğinde 12 sütunlu ve aralıkları 24 piksel olan ızgarada bir sütun kaç pikseldir?

  1. A) 100 piksel
  2. B) 76 piksel
  3. C) 78 piksel
  4. D) 84 piksel

Doğru cevap: C) 78 piksel

11 aralık toplamı 264 pikseldir; 1200 - 264 = 936 piksel kalan alan 12'ye bölününce 78 piksel çıkar.

Örnek Soru 3 zor

Beş sayfalık bir sitede her sayfa 3 stil dosyası yüklüyse toplam kaç istek yapılır, dosyalar tekleştirilirse kaç kalır?

  1. A) 5 istek, birleştirilince 3 istek
  2. B) 3 istek, birleştirilince 1 istek
  3. C) 15 istek, birleştirilince 3 istek
  4. D) 15 istek, birleştirilince 5 istek

Doğru cevap: D) 15 istek, birleştirilince 5 istek

Sayfa başına 3 istek beş sayfada 5 x 3 = 15 olur. Dosyalar tekleştirilince sayfa başına 1 istek kalır, yani 5 x 1 = 5 istek yapılır.

Konu Anlatımının Tamamı

HTML ve CSS konu anlatımını açÇözümlü örnekler, formüller, ipuçları ve tüm sorular · 11. Sınıf Grafik ve Fotoğraf / Tasarım

Bu sayfa HTML ve CSS konusu için hazırlanmış kısa bir özetdir. Tam içerik için ders sayfasını açabilir, DersTeders ana sayfasından diğer konulara geçebilirsin.