1. Anasayfa
  2. Css
  3. Alakalı Konular

Web Tasarım ve Programlama 1.Dönem – Css Uygulama Sınavı

admin tarafından
10 Aralık 2012 3084 kez okundu Okuma süresi: 1dk, 4sn
Web Tasarım ve Programlama 1.Dönem – Css Uygulama Sınavı
6

1-Sayfanın zemini size gönderilen klasörde bulunan bg.jpg resmi ile oluşturulacaktır.. (5p)

2-İçerik kısmının genel taşıyıcısı genişlik 980px, üst boşluk 10px, çerçeve kalınlığı 1px ve sayfaya ortalı olacaktır.(16p)

3-Menü yüksekliği 40px ,genişlik 790px; üst boşluk 5px, alt çerçeve noktalı , menü üzerine gelindiğinde zemin rengi #069; yazı rengi #FFF olacaktır.. (20p)

4-Header bölümü için resim klasörde yer alan header.jpg kullanılacaktır. Üstten ve alttan 10px boşluk verilecektir.(12p)

5-İçerikler için yan yana 3 kutu oluşturulacak 1.ve 3 kutu aynı özelliklerde olacaktır. Özellikleri zemin rengi #F0EAD2, genişlik 308px; çerçeve 1px, yazı boyutu 14px , iki yana yaslı olacak, Veri Kurtarma başlıkları h1 etiketi ile yapılacak ve onların yazı boyutu 14px, alt çerçeve noktalı olması sağlanacaktır.. (32p)

6-Ortadaki resim verikurtarma.jpg olarak kayıtlıdır. Ve bu kutulara sağdan ve soldan 20px boşluk verilecektir. (10p)

7-Sayfanın altında ortalı bir şekilde “2012, Tüm hakları saklıdır, Web Tasarım ve Programlama” yazacak ve okulun sitesine link verilecektir… (5p)

Uygulamanın Bitmiş Hali… :

Css Uygulama Sınavı

İndir “Css Uygulama Sınavı 2”

2012_2013_wtp.zip – 10096 defa indirildi – 2,75 MB
Bu İçeriğe Tepkin Ne Oldu?
  • 9
    ba_ar_l_
    Başarılı
  • 1
    gayet_yi
    Gayet İyi
  • 8
    te_ekk_rler
    Teşekkürler
  • 6
    anlamad_m
    Anlamadım
  • 4
    yetersiz
    Yetersiz
Etiketler
İlginizi Çekebilir
rp_php-ozellikler.jpg
3 Kasım 2008
PHPnin (muhtemelen) az bilinen 10 özelliği

Benzer Yazılar

Subscribe
Bildir
guest

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.

6 Yorum
Inline Feedbacks
View all comments
Ceren Açıkgöz

menülerin üzerine geldiğinde mavi kare olmuş nasıl yapabilirim?

2
Yanıtla
BilisimOgretmeni

konu sonunda uygulama indirip bakabilirsiniz menü nesnelerinin hover özelliğine
#genel #header #menu ul li a:hover {
display: block;
float: left;
height: 40px;
width: 110px;
text-decoration: none;
color:#FFF;
background-color:#069;
font-weight: bold;
text-align: center;
line-height: 40px;
}

0
Yanıtla
Ceren Açıkgöz

Teşekkür ederim ? Samsung Galaxy akıllı telefonumdan gönderildi. ——– Orijinal mesaj ——–Başlangıç tarihi: Disqus Tarih: 18.04.2017 08:32 (GMT+03:00) Alıcı: cerenacikgoz5@gmail.com Konu: Re: Comment on Web Tasarım ve Programlama 1.Dönem – Css Uygulama Sınavı “konu sonunda uygulama indirip bakabilirsiniz menü nesnelerinin hover özelliğine #genel #header #menu ul li a:hover { display: block; float: left; height: 40px; width: 110px; text-decoration: none; color:#FFF; background-color:#069; font-weight: bold; text-align: center; line-height: 40px; } ” Settings A new comment was posted on Bilişim Teknolojileri Alanı Sitesi BilisimOgretmeni konu sonunda uygulama indirip bakabilirsiniz menü nesnelerinin hover özelliğine #genel #header #menu ul li a:hover { display: block; float:… Read more »

0
Yanıtla
BilisimOgretmeni

rica ederim iyi çalışmalar

0
Yanıtla
emirhan

bunların cevap kodları lazım bilen varsa atsın acıl
emirhan

0
Yanıtla
BilisimOgretmeni

konu sonunda uygulamanın yapılmış hali mevcut oradan indirebilirsiniz…

0
Yanıtla