...:::::UnDeaD=FoRuM::::....
Would you like to react to this message? Create an account in a few clicks or log in to continue.

...:::::UnDeaD=FoRuM::::....

Forumumuza Ho$ GeLdiNiZ
 
AnasayfaPortalliGaleriAramaLatest imagesKayıt OlGiriş yap

...:::::UnDeaD=FoRuM::::.... :: İnternet :: Web Tasarım Kodları
 

 Kodlar

Aşağa gitmek 
YazarMesaj
TRLoqum
admin
TRLoqum


Erkek
Mesaj Sayısı : 249
Yaş : 38
Loisirs : FENERBAHÇE
Kayıt tarihi : 17/11/06

Kodlar Empty
MesajKonu: Kodlar   Kodlar Icon_minitimeCuma Ocak 19, 2007 9:10 pm
Kod:

1 HTML komutlari ve kullanimlari 1.1 Temel bilesenler: html, head, title, meta ve body 1.2 Renkler, body, font, ve h1..h6 1.3 Yazilari bicimlendirmek: kalin, yatik, ortalanmis, vs. ... 1.4 Sayfada resim gostermek 1.5 HTML sayfasina bag (link) yerlestirmek 1.6 Baglar yardimiyla etkilesimli kullanim ornegi 1.7 Ekran duzenine iliskin daha cok komut: 1.8 Sayfalarda tablo kullanimi 1.9 Basit bir HTML sayfasi icin gereken son noktalar



Kod:

2 Ileri duzey bilgilerden secmeler 2.1 Sayfalara 'meta' komutu ile kimlik vermek 2.2 Resimlerde 'MAP' kullanimi 2.3 Dinamik HTML






Baslamadan once su www editorunu calistirarak, ogrendiklerinizi bir yandan da deneyebilirsiniz.



1 HTML komutlari ve kullanimlari:


1.1 Temel bileşenler: html, head, title, meta ve body

Bir WEB sayfasının standard bileşenleri şunlardır:

<html> ve </html> : sayfanin baslangic ve bitisini belirtir.

<head> ve </head> : sayfanin baslik bilgileri 'title', 'meta' vs. buraya yerlestirilir.


<title> ve </title> : sayfanin iceriginin ne oldugunun tanitilmasinda kullanilir. Sayfada gorunmez ama netscape bunu sayfayi tanimlamakta kullanir.


<meta> : sayfanin icerigi hakkinda www tarayicilarina bilgi saglamak icin gereklidir.


<body> ve </body> : sayfanin iceriginin baslangic ve bitisini belirtmekte ve sayfa hakkindaki genel tanimlamalari yapmakta kullanilir.

Yukaridaki bu komutlarin, bir web sayfasinin icindeki siralari asagidaki gibidir. Bir yazi editoru (joe, pico, xedit, edit, vs.) ile ilk ornegimizi yazarsak:



Kod:

CODE <html> <head> <title>Bir HTML Denemesi</title> <meta> </head> <body> 'Bu sayfa insa halindedir', ya da 'this page is under construction' web sayfalarinda ille de olmasi gerektigi dusunulen sacma yazilardir. </body> </html>





Aslinda en basit web sayfasi soyle olabilir:



Kod:

CODE <html> Benim neyim eksik? </html>





sondaki '</html>' yi koymasak dahi www gosterici programi (lynx, netscape, ...) bunu bir HTML sayfasi olarak yorumlayacaklardir.

1.2 Renkler, body, font, ve h1..h6


Onceki ornekte '<body>' diye, asagidakinin basitlestirilmis bicimini kullanmistik:


<body>

Burada font ile kullanilan genel yazilarin rengi,
bgcolor ile arkaplan rengi,
text ile tanimsiz yazilarin rengi,
link ile uzerine gelince el hareketi cekilen yazilarin rengi,
vlink ile de secilmis baglarin rengi belirlenir.


renk belirtmek icin o rengin ingilizce adi ya da RGB degerleri onaltilik systemde verilir. RGB deki siraya gore 00-FF arasi uc deger kullanilir. Hepsi sifir ise hicbir renkten karistirilmaz. hepsi FF ise her renk maksimum oranda kullanilir ve beyaz elde edilir.
Ornegin salt bir kirmizi #FF0000 ile elde edilir.


ve arasindaki yazilar belirtilen renkte yazilir.

<h1> ve </h1> den <h6> ve </h6> ya kadar standard yazi tiplerinden biri secilerek yazi yazilir. h1 ile belirtilenler h6 ile tanimlananlardan daha buyuktur.


ornegin:


Kod:

<html> <h1>Sayfa basligi icin uygun buyuklukte harfler</h1> <h4>Bu harfler sanirim yazi icin yeterliler</h4> <h6> Gozleriniz bozuk degilse, ve her gun A vitamini aliyorsaniz bu yazi sizin icin okunabilir olmali.</h6> </html>




1.3 Yazilari bicimlendirmek: kalin, yatik, ortalanmis, vs. ...

Onceki ornekte <h1>, <h2>, ... ile yazilarin buyukluklerini ayarlamanin basit bir yolunu gormustuk. HTML sayfamizin yazilarina biraz daha kisilik kazandirmak icin asagidaki komutlari da kullanabiliriz.

ve arasindaki yazilar koyu gorunur.

ve arasindaki yazilar ise italik basilir.

<blink> ve </blink> arasindaki yazilar ise yanip soner.

ve
arasindaki yazilar ortalanir.

 ve
ile sinirlanan yazilarin goruntusunde ayarlama yapilmaz. Yani birden fazla bosluk varsa bunlar bir tane olacak sekilde azaltilmaz.



paragraf basi yapmak icin kullanilir.
Sayfa başına dön Aşağa gitmek
http://undead.lolforum.net
TRLoqum
admin
TRLoqum


Erkek
Mesaj Sayısı : 249
Yaş : 38
Loisirs : FENERBAHÇE
Kayıt tarihi : 17/11/06

Kodlar Empty
MesajKonu: Sayfana kar yağsın   Kodlar Icon_minitimeC.tesi Ocak 20, 2007 1:34 pm
Kod:
<html>
<head>

</head>

<body>

<SCRIPT>
<Original>
<Web>

<This>
<The>

<!-- Begin
var no = 25; // snow number
var speed = 10; // smaller number moves the snow faster
var snowflake = "snow.gif";

var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer><img src="" border="0\"></layer>");
} else {
document.write("<layer><img src="" border="0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id="dot"><img src="" border="0\"></div>");
} else {
document.write("<div id="dot"><img src="" border="0\"></div>");
}
}
}
function snowNS() { // Netscape main animation function
for (i = 0; i <no> doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE() { // IE main animation function
for (i = 0; i <no> doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->
</script>

</body>
</html>
Sayfa başına dön Aşağa gitmek
http://undead.lolforum.net
 
Kodlar
Sayfa başına dön 
1 sayfadaki 1 sayfası

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
...:::::UnDeaD=FoRuM::::.... :: İnternet :: Web Tasarım Kodları-
Buraya geçin: