WEB OKULU
BÖLÜM 2

Back to Web Okulu

1 - Sayfa İçinde Sayfa
2 - Açıklamalı Link
3 - Kelimenin Üst ve Alt Simgesi
4 - Renk Şablonu
5 - Ses ve Video Dosyaları
6 - Arama Motorlarına Kayıt
7 - Kayan Yazılar
8 - Devam Edecek.....

1 - SAYFA İÇİNDE SAYFA :

Floating Frame denen bu olayda, sayfa içerisinde başka bir HTML sayfasının istenilen boyutlarda bir pencere olarak açılması sağlanır. Bu işlem için sayfanıza aşağıdaki komutları girmeniz gerekir.

<IFRAME SRC="/id/ismaildegirmenci/Aboutme.html" width=250 height=250> </IFRAME>

Açılan pencere boyutunu piksel cinsinden belirliyorsunuz. (Örnekte 250x250 piksel)
SRC= ifadesinin karşısına HTML dosyasının adını yazabileceğiniz gibi bir başka Web sitesinin adresini de yazabilirsiniz. (Örneğin: http://www.yahoo.com )

Sayfa Başı

2 - AÇIKLAMALI LİNK :

Aşağıda bir örnek kullanım ve sayfadaki görünümünü bulacaksınız.

<a href="http://www.halkbank.com.tr" TITLE="Halkbank Çalışana Üretene Kaynak Yaratır.">HALKBANK</a>

HALKBANK

Aynı özelliği resimlerinizde kullanırken TITLE tagı yerine ALT tagını de kullanabilirsiniz. Böylece ziyaretçi mouse'un okunu resmin üzerine getirdiğinde resim hakkında bilgi alabilir.

Sayfa Başı

3 - KELİMENİN ÜST VE ALT SİMGESİ :

Arçelik<Sup>TM</Sup> veya Km<Sup>2</Sup> yandaki şekilde yazılırsa aşağıdaki gibi bir görüntü elde edilir.

Arçelik^TM veya Km²

<Sub>...</Sub> Bir kelimenin altına bir simge veya kelime eklenmek istendiğinde <Sub> komutu kullanılır. Olayı yine bir örnekle açıklayalım.

Arçelik<Sub>Türk Malı</Sub> yandaki şekilde yazılırsa aşağıdaki gibi bir görüntü elde edilir.

Arçelik_{Türk Malı}

Sayfa Başı

4 - RENK ŞABLONU :

Aşağıda özel olarak hazırladığım Renk Şablonu'nu görüyorsunuz. Bu şablonda rengin adını ve birkaç eksik haricinde kodunu görüyorsunuz. Sayfanızı hazırlarken rengin ismini değil kodunu kullanmanızı tavsiye ederim.Siyah=#000000 ve Beyaz=#ffffff tabloda bulunmamaktadır.

Alternatif Renk Şablonlarımı da mutlaka görmelisiniz.

Renk Şablonu 2
Renk Şablonu 3
Renk Şablonu 4

Sayfa Başı

6 - SES VE VİDEO DOSYALARI :

<BGSOUND SRC='selam.wav' LOOP=3>

Bu komutta çalınacak ses dosyasının adı selam. LOOP=3 yazıldığı için aynı ses dosyası sayfanız yüklendiğinde otomatik olarak 3 kez çalacak. Sayısını siz belirleyin.

Eğer sayfanıza bir video görüntüsü yerleştirmek istiyorsanız İnternet Explorer'da aşağıdaki komutu kullanmalısınız.

<IMG DYNSRC='selam.avi' SRC='selam.gif' LOOP=INFINITE>

Yukarıdaki örnekte video yani avi dosyasının adı selam. Örnekteki selam.gif resmi video görüntüsü yüklenene kadar sayfanızda görünecektir. Bu komutla "Avi" ya da "Mov" dosyası kullanabilirsiniz.

Yukarıdaki komutları yalnızca İnternet Explorer desteklemektedir. Netscape yalnızca video görüntülerini desteklemektedir. Netscape'te kullanılan komut aşağıdaki gibidir.

<EMBED SRC='selam.avi'>

Sayfa Başı

6 - ARAMA MOTORLARINA KAYIT :

Web sitenizi hazırladınız. Ancak sitenizin varlığından ve adresinden arkadaş çevreniz haricinde kimsenin haberi yok. Web sitenizden dünyanın haberi olsun istiyorsanız, arama motorlarına kayıt yaptırmalısınız. Arama motorları sanıldığı gibi tam anlamıyla arama yapmazlar. Yalnızca kendilerine kaydı yaptırılmış Web sitelerini ve bunların sayfalarını indexlerler. Kayıt yaptırmadan bir arama motoruna web sitenizin adresini tam olarak yazıp arattırsanız bile bulamaz.

Dünyada en çok kullanılan arama motorları Yahoo, Altavista, İnfoseek, Excite, Lycos ve Hotbot'tır. İE4 kullanıyorsanız ekranın en üstündeki "Ara" düğmesine bastığınızda biraz önce saydığım arama motorlarının isimleri açılır. Buradan örneğin "Halkbank" kelimesini yazıp, Hotbot'a arattırırsanız Halkbank'ın ve benim web sitemin adresini bulabilirsiniz.

Aşağıda en çok kullanılan arama motorlarının Web sitenizi kaydettirebilmeniz için gerekli adreslerini görüyorsunuz.

altavista.digital.com./av/content/addurl.htm
lycos.com/addasite.html
infoseek.com/AddUrl?pg=DCaddurl.html
excite.com/info/add-url.html
hotbot.com/addurl.html
yahoo.com/info/suggest

Şimdi de konumuzla ilgili bazı önemli püf noktalarını belirtelim.

1 - Web sitenizin index, yani home sayfasına komutlarından sonra aşağıdaki komutları yazmalısınız. Bu komutlar sayfanızda görünmez. Ancak bu komutlar arama motorlarının ajan programları tarafından okunurlar.

<META Name="description" Content="Sitenizi tanıtan bilgileri buraya yazın">
<META Name="keywords" Content="Sitenizle ilgili anahtar kelimeleri buraya girin">

Yukarıda "sitenizi tanıtan bilgiler" bölümüne yazacağınız tanıtım yazısı 150 karakteri geçmemelidir. "Anahtar kelimeler" bölümüne ise belirlediğiniz sözcükleri virgülle ayırmak suretiyle ve 200 kelimeyi geçmeyecek şekilde yazmalısınız. Buraya yazdığınız sözcüklerden biri kayıt yaptırmış olduğunuz arama motorunda arattırıldığında sizin adresiniz de listede çıkacak. Fikir edinmek için benim sitenin anahtar sözcüklerine bakabilirsiniz.

2 - Dilerseniz yukarıdaki META Name komutlarını sitenizdeki her sayfanıza girip, her sayfanızı arama motorlarına ayrı ayrı kaydettirebilirsiniz. Ancak sayfa sayınız 50'nin üzerindeyse aynı ay içinde aynı arama motoruna aynı domain adresine ait 50'nin üzerinde sayfanın kaydettirilmemesi gerektiğini bilmelisiniz. Bu kurala uymazsanız ters tepebilir. Adresiniz arama motorunun kayıtlarından tümüyle silinebilir.

3 - Arama motoruna kayıt yaptırdığınızda, arama motorunun ajan programları sizin sitenizi gözden geçirir. Açıklama ve anahtar sözcüklerinizi veri tabanına ekler. Ayrıca bu programlar sitenizdeki tüm metinleri de sıkıştırarak kendi veri tabanlarına eklerler. Bu işlemler rağbet görmeyen arama motorlarında birkaç gün sürer. Yoğun olanlarda ise birkaç hafta sürebilir. Zaman zaman anahtar kelimelerinizi arattırıp deneme yapabilirsiniz.

4 - Şu anda Yahoo'ya "Halkbank" kelimesini arattırırsanız Halkbank'la ilgili 180'den fazla adresle karşılaşırsınız. Siz ille de Halkbank'ı arıyorsanız diğer adresler sizi ilgilendirmez. Israrla 180 adreslik listeyi başından itibaren tarayıp Halkbank'ı bulursunuz. Ama örneğin sitenizdeki bir konuyla ilgili adres aranmışsa ve sizin adresiniz listenin sonunda çıkmışsa ziyaretçinin listenin sonuna kadar gidip sizi görmesi biraz zor. Yani bu listenin başlarında görünmek çok önemli. İşte listede ilk sıralarda yer almanın da bir püf noktası var. Ancak biraz zahmetli.

Bunun için her arama motoruna düzenli olarak her ay kayıt yaptırmalısınız. (Bu iş için program bile geliştirmişler. Bu program sitenizi otomatik olarak 250'den fazla arama motoruna kaydettiriyor.) Peki aynı ay içinde aynı arama motoruna 1'den fazla kayıt yaptırırsanız ne olur. İster inanın, ister inanmayın ama, adresiniz listenin son sıralarına atılıyor, hatta listelemeden çıkarılabiliyor.

Sayfa Başı

7 - KAYAN YAZILAR :

Kayan yazılar için <MARQUEE> tag'ı kullanılır. Ancak bu tag Netscape'te çalışmaz. Yalnızca içindeki yazılar normal yazı olarak görünür. Aşağıda örnek şablon görüyorsunuz.

<MARQUEE BEHAVIOR=tip BGCOLOR=renk DIRECTION=yön HEIGHT=n HSPACE=n LOOP=n SCROLLAMOUNT=n SCROLLDELAY=n VSPACE=n WIDTH=n>

BEHAVIOR=tip: Metnin ekranda nasıl hareket edeceğini belirten bu ek SCROLL, SLIDE, ALTERNATE değerlerinden birini alabilir. SCROLL değeri default'tur. Yazı bir kenarda belirir ve diğer kenarda kaybolur. SLIDE değeri verilirse yazı bir kenardan başlar diğer kenarda durur. ALTERNATE değeri ise yazının iki kenar arasında gidip gelmesini sağlar.

BGCOLOR=renk: Kayan yazının arkaplan rengi belirler.

DIRECTION=yön: Yazının kayma yönünü belirler. LEFT değeri verilirse yazı sola doğru, RIGHT değeri verilirse sağa doğru kayar.

HEIGHT=n: Kayan yazının sınırlara olan mesafesini belirler. Piksel veya yüzde cinsinden.

HSPACE=n: Kayan yazının sınırlara ne oranda yaklaşacağını belirler.

LOOP=n: Yazıya verilen hareketin kaç kez tekrarlanacağını belirler. N değerine " -1" veya "INFINITE" verilirse hareket sınırsız olarak tekrarlanır. SLIDE' kullanılırsa bu işlem bir kez gerçekleşir.

SCROLLAMOUNT, Kayan yazının bir seferde kaç piksel hareket edeceğini, SCROLLDELAY ise yazının her bir hareketi arasında kaç milisaniye bekleyeceğini belirler.

VSPACE Yazının üst ve alt sınırdan ne kadar uzakta kalacağını belirler.

WIDTH Yazının kayma alanı uzunluğunu belirler.

Aşağıda bir örnek Görüyorsunuz :
<MARQUEE DIRECTION=LEFT BGCOLOR="#d60027" WIDTH=500 HEIGHT=25 HSPACE=95 VSPACE=5 BEHAVIOR=SCROLL SCROLLAMOUNT=15 SCROLLDELAY=200>Herkese Selamlar...!!!! </MARQUEE>

Örneğin Görünümü:
Herkese Selamlar...!!!

Sayfa Başı

8 - Devam edecek tabi..... Şimdilik bu kadar.......