Web Tasarımı ve Programlama Dersi 1.Dönem Sınav Soru ve Cevapları

1.Site tanımlama işlemi nasıl yapılır?
2.Ön İzlemede kullanılacak web tarayıcılarını nasıl belirleriz?
3.Web tasarım editöründe bölünmez boşluk eklemek için hangi tuş bileşeni (kısayol tuşu) kullanılır?
4.Sınıf seçici ile ID seçici arasındaki fark nedir?
5.CSS kullanım alanlarından, Yerel kullanım, Global kullanım ve Bağlantılı kullanım alanları arasındaki fark nedir? Açıklayınız.
6.baslik isimli bir sınıf seçisine Global kullanım alanında, şu özellikleri tanımlamak için gerekli kodları yazınız. (renk=kırmızı, metin hizalaması=sol,font büyüklüğü=7pt)
7. Aşağıdaki kodların sonucunda oluşan sayfanın resmini çizip boyayınız.

<head runat="server">
<title></title>
<style type="text/css" >
.kutu1
{
position:absolute;
width:300px;
height:100px;
left:0px;
top:0px;
z-index:-1;
background-color:Red;
}
.kutu2
{
position:absolute;
width:300px;
height:100px;
left:100px;
top:50px;
z-index:0;
background-color:yellow;
}
.kutu3
{
position:absolute;
width:50px;
height:50px;
left:400px;
top:0px;
z-index:1;
background-color:blue;
}
</style>
</head>
<body>
<div class="kutu1" >
</div>
<div class="kutu2" >
</div>
<div class="kutu3" >
</div>
</body>
</html>

8.Aşağıdaki renk kodları hangi renkleri ifade etmektedir. yazınız.
#ffffff=
#000000=
#ff0000=
#00ff00=
#0000ff=

Cevaplar
1.Site menüsünden/Yeni Site seçeneği seçilir.
2.Dosya menüsündeki Tarayıcıdaki ön izleme seçeneğinin altında bulunan Tarayıcı Listesini Düzenle alanı tıklanmalıdır.
3.Ctrl, Shift ve Boşluk
4.Sınıf seçici birden fazla öğe için kullanılabilirken, id seçici sayfadaki tek bir tag için kullanılabilir.
5.Yerel kullanımda, belirlenen özellikler sadece özelliklerin yazıldığı tag için geçerlidir.
Global kullanımda, belirlenen özellikler tüm sayfa için geçerlidir.
Bağlantılı kullanımda, belirlenen özellikler web sitesindeki tüm sayfalara uygulanabilir.
6.

<html><head><title></title>
<styletype="text/css">
.baslik {color:red; text-align:left; font-size:7pt;}
</head>

7.
csssoru
8.
#ffffff= beyaz
#000000= siyah
#ff0000=kırmızı
#00ff00=yeşil
#0000ff=mavi

X

Pin It on Pinterest

X