1. Ana Sayfa
  2. Css
  3. Web Tasarım ve Programlama 1.Dönem – Css Uygulama Sınavı
yetersiz

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

site

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 – 6979 defa indirildi – 3 MB

Yorum Yap
Subscribe
Bildir
guest

This site uses Akismet to reduce spam. Learn how your comment data is processed.

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

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

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;
}

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 »

BilisimOgretmeni

rica ederim iyi çalışmalar

emirhan

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

BilisimOgretmeni

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