DERS ÖDEVİ | dersodevi.com
1. a. Aşağıdaki tabloyu HTML kodlarını kullanarak oluşturunuz.. Tablonun kenarlık kalınlığı 2 pixel, tablonun genişliği 300 pixel , hücreler arası boşluk 5 pixel, hücre kenarlık çizgileri ile hücre içeriği arasındaki boşluk ise1 pixel olacaktır.(10P)
[pic]
b. Dahili css dosyası kullanarak 2010 arkaplanı sarı ,147 arkaplanı mavi yazı rengi mor, 120 arkaplanı siyah yazı rengi beyaz olacak şekilde oluşturunuz. (10P)
2. Aşağıdaki formu HTML kodlarıyla oluşturunuz. (20P)
[pic]
[pic]
3. Aşağıdaki web sayfası uzantılarının hangi özellikteki sayfalar için kullanıldığını yazınız. (10P)
a. mil: b. gov:
4. Host ve domain kavramlarını birer cümle ile açıklayınız. (10P)
5. Linkteki bir bağlantıyı yeni bir pencerede açmak için hangi parametre ve değeri kullanılır. (10P)
6. Aşağıdaki web sayfası taslağını harici css ve div kullanımı ile tasarlayınız. (30P)
[pic]
CEVAPLAR
1.
.sari{background:yellow;}
.mavimor {
color: purple;
background:blue;
}
.siyahbeyaz {
color:white;
background:black;
}
Yıllara Göre
2009
2010
SAY1
250
120
100
50
SÖZ1
36
147
180
85
EA1
125
160
2.
SANAL SINIF
Kullanıcı Adı:
E-Posta Adresi:
Cinsiyet Bay:
Bayan:
İletmek istediğiniz mesaj varsa aşağıdaki alanı kullanabilirsiniz.
Almış olduğunuz dersleri işaretleyiniz
Bilgisayar
Tarih
Matematik
3. Aşağıdaki web sayfası uzantılarının hangi özellikteki sayfalar için kullanıldığını yazınız. (10P)
b. mil: Askeri Kurumlar b. gov:Hükümet Kurumları
4. Host ve domain kavramlarını birer cümle ile açıklayınız. (10P)
Host: Alan(Sunucuda barındırılan fiziksel alan ) Domain: Alan adı
5.
Linkteki bir bağlantıyı yeni bir pencerede açmak için hangi parametre ve değeri kullanılır. (10P)
target=”_blank”
6.
stil.css
.kapsayici
{
background:#cccccc;
margin:auto;
padding-top:20px;
width:960px;
padding-bottom:10px;
}
.header{
background:#0099ff;
width:920px;
height:125px;
margin-left:20px;
margin-bottom:15px;
}
.topmenus{
background:#ff0033;
height:75px;
width:920px;
margin-left:20px;
margin-bottom:15px;
}
.sidemenus{
background:#009900;
width:100px;
height:400px;
margin-left:20px;
margin-right:15px;
float:left;
}
.contents{
background:#009999;
width:620px;
height:400px;
margin-right:15px;
float:left;
margin-bottom:10px;
}
.advertisetum{
background:#3366cc;
width:170px;
height:400px;
margin-right:20px;
float:left;
}
.temizle{clear:both;}
.footer
{width:920px;
height:100px;
background:#003333;margin-left:20px;
margin-bottom:10px;}
h3{
color:white;
text-align:center;
}
.advertise{width:150px;
height:120px;
background:#ff0033;
margin-left:10px;
margin-top:10px;
}
İndex.html:
HEADER
TOP MENUS
SIDEMENUS
CONTENTS
FOOTER
................
................
In order to avoid copyright disputes, this page is only a partial summary.
To fulfill the demand for quickly locating and searching documents.
It is intelligent file search solution for home and business.