Professional Documents
Culture Documents
<html>
<head>
<body bgcolor=white>
1
</html>
<html>
</html>
1
örneğin:
<html>
</html>
kullanılır.
1
Burada dosya-adı gösterilecek grafik dosyasının (png, gif ya da
jpg tipinde) bulunduğu yer ve adıdır. Bağlanılan html sayfası ile
aynı dizinde bulunan resimler için yer adı belirtmeye gerek
yoktur.
Örneğin:
1
lowsrc=”hizliresim.gif” alt=”[resim]“> şeklinde tanımlarsak, ilk
önce hizliresim.gif yüklenip gösterilecektir. Bu sayede bulanık
iken yavaş yavaş netleşmeye başlayan resimler belirir
sayfamızda. Bunun yararı ise sayfanıza bakan kişinin çabuk
karar vermesini sağlıyor olmasındadır.
Bunu kullanırken;
Ya da;
1
<a href=”nntp://news.metu.edu.tr/> Netnews 60000 den fazla
konuda insanların yazıştığı bölge</a>
<a href=”http://www.physics.metu.edu.tr/~filker/nukleer/”>
Türkiye’de nükleer enerji tartışmaları</a>
Web sitesinde bir bağa (link) ard arda tıklamak yoluyla, slow
motion biçiminde ardışık resim gösterebilirsiniz. Bu kullanım en
basit şekliyle bir Bilgisayar Destekli Eğitim sayfasında
kullanılabilir. Amaç, kullanıcıya konuyu belli bir sırayla vermek
ve konu içindeki ilişkilerin anlaşılmasını kolaylaştırmak.
Bunu yapmak için, önce tek bir resim ve o resmin link olarak
tanımlandığı bir web sayfası tasarımı yapmalısınız:
<html>
<title>sayfa1</title>
<body>
</body>
</html>
1
sonra da ikinci sayfa da hazırlanmalı:
<html>
<title>sayfa2</title>
<body>
</body>
</html>
1
komutundan sonra right, left, center, absmiddle gibi diğer
konum belirteçlerini kullanabiliriz.
<h3><br>
— — — <br></h3>
Genel kullanım:
<table [seçenekler]>
<tr>
<tr>
1
<td align=top width=”50%”>İşlemci tipleri</td> <td align=top
width=”50%”>RISC<br>CISC<br></td> </tr></table>
http://www.physics.metu.edu.tr/~filker/ilksayfa.html
yerine
1
2. İLERİ DÜZEY BİLGİLERDEN SEÇMELER
. Sayfanın kimliği:
tartışılmaktadır.”>
<meta name=”keywords”
<meta name=”author”
1
content=”İlker Fıçıcılar”>
. Sayfa yönlendirme:
Eğer yakında www adresimiz geçersiz olacaksa ve, yeni bir web
hosting adresine şimdiden taşınmışsak, bunu kullanıcalara
önceden duyurmalı ve onları yeni adrese yönlendirmeliyiz.
Bunun için eski sayfamızı şu şekilde değiştirebiliriz.:
<html>
<meta http-equiv=”refresh”
content=”3;url=http://www.geocities.com/SiliconValley/Vista/56
66/”>
<body>
<blink>
http://www.geocities.com/SiliconValley/Vista/5666/</blink>
<br></center></h1>
<p><p><left>
<a href=”http://www.geocities.com/SiliconValley/Vista/5666/”>
click here</a>.
</font></h3>
</left></body></html>
1
Bu ornekte <meta http-equiv=”refresh” …> diyerek, www
gösterici programına yeni bir sayfa yüklemesini istediğimizi
belirtiyoruz.
biçiminde veriliyor.
<meta http-equiv=”refresh”
content=”3;url=http://www.geocities.com/SiliconValley/Vista/56
66/”>
Eğer, yukarıdaki gibi bir ‘meta’ komutu içeren ardışık bir düzen
içeren ayrı ayrı sayfalar hazırlarsak, ve ‘meta’ komutunun adres
kısmına sıradaki sayfanın adresini verirsek, hayal gücümüz
ölçüsünde hareketli web sayfaları tasarımı yapabiliriz.
1
‘A.html’ , ‘ B.html’ , ‘ asil.html’ adlarında dört sayfa
hazırlamamız yeterli olacaktır:
index.html için:
<html>
<meta http-equiv=”refresh”
content=”1;url=http://www.physics.metu.edu.tr/~filker/A.html”
>
<body>
<h1><center> 3 </center></h1>
</body></html>
A.html için:
<html>
<meta http-equiv=”refresh”
content=”1;url=http://www.physics.metu.edu.tr/~filker/B.html”
>
<body>
<h1><center> 2 </center></h1>
</body></html>
B.html için:
<html>
<meta http-equiv=”refresh”
content=”1;url=http://www.physics.metu.edu.tr/~filker/asil.htm
l”>
<body>
<h1><center> 1 </center></h1>
</body></html>
1
ve son olarak asıl sayfamızı hazırlarız:
asil.html :
<html>
<h2>
<p>
vs.
</h2>
<hr>
<p><h5>
</h5><br>
</body></html>
1
Map’ler bir resmin değişik yerlerine tıklandığında değişik
bağların yüklenmesi veya değişik bir cgi-bin işinin yapılması
olarak tanımlanır.
. Resmin betimi:
. Usemap tanımı:
<map name=”falanca”>
</map>
1
web sitesi alanında bir çember için X-merkez,Y-merkez,R-
yarıçap biçiminde koordinat tanımlıyoruz.
<h2 style=”color:purple;”
onmouseover=”detay.style.display=””
onmouseout=”detay.style.display=’none’”>Flash Haber</h2>
</div>
1
web.getamarket.com