|
|
||||||||||||||||||||||||||||||
|
HTML GIRIS TAGLAR GENEL BILGI LINK VERME FORMATLI METINLER TABLOLAR |
Birazda Link vermesi (yada köprü de derler)
ögrenelim.
Gerçekten çok basit. Örnegin Türk
MCSD.NET'e baglanmak için, sunu deneyin... <BODY BGCOLOR="#FFFFFF">
Sonra bir çift anchor etiketi ekleyin. <BODY BGCOLOR="#FFFFFF">
Sonra URL'sini ekleyin ve tamam!.. URL (Universal Resource Locator) demektir. URL esasinda basit anlamda adres demektir. <BODY BGCOLOR="#FFFFFF">
Email linki de ayni sekilde çalisir. Sadece sayfa adresi yerine Email adresi kullaniriz. <BODY BGCOLOR="#FFFFFF">
Eger dilerseniz bir resimden de link verebilirsiniz. Yukardaki 'turkmcsd.net Gidin' örnegindeki gidin yerine bir resim koyabiliriz. <BODY BGCOLOR="#FFFFFF">
<BODY BGCOLOR="#FFFFFF">
Linkler hakkinda bir önemli konu daha... Baskalarinin sayfalarina
sormadan link verebilirsiniz, zaten webi web yapan da bu degil mi?
Bizi nasil buldunuz saniyorsunuz? Bu arada hazir link vermesini
ögrenmisken, bize de link verirseniz memnun oluruz. Hangi adres mi?
Kolay,
<A HREF="http://www.turkmcsd.net/html/">En Güzel Web Dersleri</A>
En Güzel Web Dersleri Büyük bir merak ve hevesle link derlemeye baslayabilirsiniz, ama sizden ricam, link vereceginiz siteleri önce bir inceleyin. Çünkü rasgele link verirseniz, yada herkesin bildigi Yahoo, Altavista yada bizden Superonline, Turk.net gibi sitelere verirseniz kimseye çok fazla bir faydaniz olmaz. Ama surf yaparken rasladiginiz bir çok güzel site vardir, bence onlari iyice inceledikten sonra linklerinizin arasina katiniz. Sayfaniza resimler koyarken, unutmatin, sayfanin yüklenme hizi epeyi düsecektir. Resmin kilobyte büyüklügünü düsürmek için, ölçülerini düsürmek, hatta renk sayisini düsürmek gerekir. Örnegin;
Gördügünüz gibi, ilk resim, daha büyük, güzel ve kaliteli, fakat söyle
düsünün... resimlerinizi yüklemek, sonsuza kadar sürecekse,
ziyaretçileriniz uçup gidecekler ve büyük olasilikla hiçbir seyi
görmemis olacaklar, (buna dikkat, sadece resimleri degil, hiçbir seyi)
Resimlerin nasil küçültüldügünü asagidaki GIF Optimizer'i deneyerek görün. Resminizi yolluyorsunuz, ve "optimize" olmus olarak geri geliyor. Unutmayin, Gif Optimizer bu derslerin bir parçasi degil, baska bir sunucudaki bir program olup, kullanmak için online olmaniz gerekmektedir.
Bir diger opsiyon, eger birçok resim göstermek istiyorsaniz thumbnail görüntülerini saglayabilirsiniz. Böylece sayfanin yüklenmesi kisa zaman alabilecegi gibi, ziyaretçiler de gerçekten ilgi duyduklari resimlerin yüklenmesini zaten bekleyecekleri için, hiç bir yere de gitmezler. Thumbnail resimleri tiklayanlar da daha büyük resmin oldugu sayfaya giderler.
Ilk yapacaginiz sey, resim editörünüzü çalistirip (image editör), resimlerinizin daha küçük versiyonlarinizi yapacaksiniz. Bu ayni zamanda resmin renk derinligini de düsürecektir. Resimlerin küçük versiyonunu yapma islemi çok önemli. Bazi kimseler thumbnail resimler yapma gayretiyle resmin <IMG> etiketindeki ebatlarini küçültüyorlar, bu da herseyi iç içe sokmaktan baska bir ise yaramiyor. Bütün yapmaniz gereken sadece daha küçük bir kopya yapmak, hepsi bu. Haydi bir tane yapalim, sanirim ben Corvette'i kullanacagim (yani mavi arabayi.) Küçük ve büyük resimleri çalistiginiz klasörün içine koyunuz. <IMG> etiketinizle baslayiniz <BODY BGCOLOR="#FFFFFF">
<A> etiketlerini ilave ediniz. <BODY BGCOLOR="#FFFFFF">
URL'yi de eklediniz mi, tamamdir! <BODY BGCOLOR="#FFFFFF">
Bu arada, isterseniz o mavi çerçeveden kurtulmak için asagidaki gibi BORDER=0 seklinde etiketin içine yazmayi unutmayin. <BODY BGCOLOR="#FFFFFF">
Bir baska link verme sekli ise, bir sayfanin tamami yerine, yalnizca bir kismina link vermek. Burayi tiklarsaniz, gayet hos biçimde URL'den ilk bahsetmeye basladigimiz kisma gidersiniz. Örnek vermesi zor oldugundan size dilim döndügünce anlatmaya çalisacagim. Ilk önce insanlari yollamak istediginiz kisimla ise baslayalim. O bölümün ilk cümlesinin ilk kelimesini bulun, ve <A> etiketlerinin içine aliniz. <A>Sonra</A> URL'sini ekleyin ve tamam! Ikinci etapta bir isim (NAME) verin. <A NAME="yukari">Sonra</A> URL'sini ekleyin ve tamam! Yaptiginiz is o noktayi isaretlemek oldu. Artik oraya birini yönlendirebilirsiniz. Simdi ise gönderen bölümün linkini hazirlayalim. <A>Burayi</A> tiklarsaniz, gayet hos biçimde Simdi de yönlendirecegimiz dökümani ekleyelim... <A HREF="ders_4.html">Burayi</A> tiklarsaniz, gayet hos biçimde... En son olarak ise anchor NAMEi asagidaki gibi baglayin... <A HREF="lesson04.html#yukari">Burayi</A> tiklarsaniz, gayet hos biçimde... Tamami bu kadar; gördügünüz gibi yüksek matematik bilgisi filan gerektirmiyor degil mi?? |
|||||||||||||||||||||||||||||
|
Türk MCSD.NET © 2005
Siteyi en kaliteli Internet Explorer 5 ve üzeri versiyonlarinda 800 x 600 pixel çözünürlükte izlemenizi tavsiye ederiz. |
||||||||||||||||||||||||||||||
