Web Tasarım ve Programlama 1.Dönem 2.Uygulama Css Sınavı (Kitapçı Sitesi)

Css sınavında bir kitapçı sitesi tasarımı yapmamız istenmektedir tasarım için izlenecek basamaklar ve Sınav Cevapları konu sonunda verilmiştir
Uygulama sınavında öğrencilerin css ile temel div yapısı ve css bilgisini yansıtabilecekleri seviyede hazırlanmıştır ve bir kitapçı sitesi yapmaları istenmiştir.

Soru 1) Web sayfasının arka plan resmi olarak “bg.png” dosyasını ekleyiniz, sayfanın yazı fontu “Tahoma”, zemin rengi #413c69 olacak
Soru 2) Genel bir taşıyıcı oluşturun genişliği 960px, iç boşluk 5px, zemin rengi beyaz, sayfaya ortalı, 5px düz #ad62aa özelliklerinde çerçeve eklenecek
Soru 3) images klasörü içinde logo.png eklenecek, ustlogo.png eklenecek ve sola hizalı olacak,
Menü zemin rengi #70282A ve üstten 10px dış boşluk olacak,
Soru 4) Menüdeki linklerin satır yükseliği 60px, alt çizgisi olmayacak, tüm harfler büyük harf, sol ve sağ iç boşluk 10px, yazı rengi beyaz, menü üzerine gelince zemin rengi #400082 olacak
Soru 5) Çok satanlar ve Yazarlarımız başlıkları 18px büyüklüğünde, soldan 15px iç boşluk, yazı rengi #70282A ve alt çerçevesi 1px düz #70282A renginde olacak
Soru 6) Kitaplar 160px genişliğinde, 2px düz #70282A çerçeveli, sola hizalı ve sağ dış boşluk 20px ve içindeki resimler 150px genişliğinde olacak,
Soru 7) Kitap başlıkları 5px iç boşluklu, ortalı zemin rengi #4a47a3, yazı rengi beyaz, 13px büyüklüğünde olacak
Soru 8) Yazarlar 200px genişliğinde, 2px düz #4a47a3 çerçeveli, çerçeve 10px köşeleri yuvarlaklaştırılmış, sola hizalı, sol ve sağ dış boşluk 10px, iç boşluk 5px olcak.
Soru 9) Yazarlardaki paragraflar iki yana yaslı, 12px büyüklüğünde, 200px genişliğinde olacak
Soru 10) Yazar başlıkları zemin rengi #70282A, yazı rengi beyaz, 5px iç boşluk, ortalı,14px büyüklüğünde olacak
Kaynak...:https://www.bilisimogretmeni.com/we...nem-2-uygulama-css-sinavi-kitapci-sitesi.html

Bu güzel çalışma için öncelikle teşekkürler.
Kaynak kodunuzla ilgili bir tavsiyem olacak, HTML standartları gereği bir sayfada aynı ID'ye sahip birden fazla nesne bulunmamalıdır, örneğin kitap ID'sini üç div için kullanmışsınız. Her ne kadar görüntüde bir sıkıntı yaratmamış olsa da gerek standartlara aykırı olması gerekse de olası bir javascript ile bunlara erişimde sorunlar yaşanabilir. Class seçicisini kullanmanız daha doğru bir yaklaşım olacaktır.

yakuphan' Alıntı:

Bu güzel çalışma için öncelikle teşekkürler.
Kaynak kodunuzla ilgili bir tavsiyem olacak, HTML standartları gereği bir sayfada aynı ID'ye sahip birden fazla nesne bulunmamalıdır, örneğin kitap ID'sini üç div için kullanmışsınız. Her ne kadar görüntüde bir sıkıntı yaratmamış olsa da gerek standartlara aykırı olması gerekse de olası bir javascript ile bunlara erişimde sorunlar yaşanabilir. Class seçicisini kullanmanız daha doğru bir yaklaşım olacaktır.

Genişletmek için tıkla ...

haklısınız hocam çocuklara anlatırken dikkat edin deyip kendim dikkat etmemişim

Elinize sağlık.

Elinize sağlık. 1. dönem 2. sınav için çok güzel bir çalışma olmuş.

Aslında artık HTML5 standardına da geçmek lazım. XHTML 1.0 artık miadını doldurmuş durumda.

Elinize sağlık.

Teşekkürler