Anasayfa
- Kod:
<head></head> kodları arasında <title>Sayfanın
Başlığı</title> kodları ve <meta> imlerinin olduğunu ve
bunların sayfa için büyük önem taşır.<title></title>
Şimdi meta imlerini tanıyalım.
<META http-equiv="Content-Type" CONTENT="text/html;
charset=windows-1254"> Kodu sayfanızda ne tür bir metnin
olduğunu(text/html yazmakla metnin düz yazı ve [color=#3366ff]html[/color] belgesi olduğunu) ve karakterlerinin hangi kodlama(windows-1254 yazmakla) ile yapıldığını gösterir.
<META http-equiv="Content-Language" CONTENT="tr"> Kodu sayfanızın
dilinin Türkçe(tr yazmakla.İstenirse değiştirilebilir.) olduğunu
gösterir.
<META NAME="author" CONTENT="SERKAN ASLAN"> Kodu sayfanın tasarımcı kimliğini gösterir.
<META NAME="copyright" CONTENT="© 2003 SERKAN ASLAN"> Kodu sayfanın telif hakkının kime ait olduğunu gösterir.
<META NAME="keywords" CONTENT="Sitenizi arama motorlarında
bulduracak siteniz ile ilgili kelimeleri buraya yazın."> Kodu
sayfanın hangi kelimeleri içerdiğini gösterir.Burası arama motorları
için çok önemlidir.!!!!!
<META NAME="Description" CONTENT="Sayfanızın Kısa tanıtımını buraya
yapın."> Kodu sayfanın kısa tanımı yapılmak için kullanılır.
<META name="GENERATOR" CONTENT="Microsoft FrontPage 5.0"> Kodu sayfanın hangi editörle yapıldığını gösterir.
<META NAME="ROBOTS" CONTENT="ALL,FOLLOW,INDEX"> Kodu sayfanızı
tüm arama motorlarının veri tabanına kaydolabilme hakkının verilmiş
olduğunu gösterir.
<META NAME="RATING" CONTENT="GENERAL"> Kodu sitenizin hangi
kategoride, sınıfta olduğunu gösterir.GENERAL yazmakla bütün katagoride
olduğu belirtilmiş oldu.
Meta İmlerinin Kullanımı
Bu imler dedik ya arama motorları için önemlidir.Yani sizin sitenizin başkaları tarafından bulunmasını saylayan kodlardır.
En önemlileri 'dir. Bu imdeki kelime yazılacak yere bir ziyaretçinin
arama motorunda yazabileceği kelimeler yazılmalıdır.Tabii ki bunu
yazarken sitenizle ilgili olan kelimeler olmalı. Gereksiz yere kelime
yazılmamalıdır.
Örneğin; bir ziyaretçi arama motoruna "kişisel siteler" yazdığında
arama motoru hem "kişisel" hem "siteler" hem de "kişisel siteler"
kelimelerinin geçtiği siteleri arar.Tabii ki kendi veritabanında olan
sitelerde. Bunun için o arama motoruna kayıt olmalısınız. Eğer sizin
siteniz bir kişisel site ise sitenizin bu imine bu kelimeleri
eklemelisiniz ki arama sonuçlarında olabilesiniz.Eğer yazmazsanız
sonuçlarda olmayabilirsiniz.
Kelimeleri yazarken ziyaretçinin arama motoruna yazabileceği kelimeleri
düşünerek yazmalısınız.Kelimeler arasında bir virgül( ,) ve bir boşluk
olmalıdır.
Örneğin;
gibi.
Bazı yerlerde Türkçe karakter kullanmayın denilir. Ama siz yine de
kullanın.En iyisi hem Türkçe olan hem de Türkçe karaktersiz kelimeleri
yazmanızdır.Bir kelimeyi gereksiz yere tekrar tekrar yazmanızın bir
anlamı yoktur.Bunu arama motorları yemez.
Meta İmlerinin Arama Motorları ile İlişkisi(Önemi)
Bir çok kez belirttiğimiz gibi arama motorları aramayı kendi
veritabanındaki sitelerde yapar. Bu sitelerin meta imlerine, title
kodlarına ve sitenin içeriğine bakarlar. Öncelik, title kodlarındadır.
Daha sonra meta imleri ve en son da içerik gelir.
Ben sitemde her zaman title kodları arasına CONTENT=" "> iminde yazdığım bütün kelimeleri yazarım ve gayet de
işe yarar. Siz de böyle yaparsanız göreceksiniz ki işe yarayacak.
Meta imlerini ne kadar iyi ve ziyaretçinin umduğuna göre yazarsanız
arama motorlarında bulunmanız o kadar kolay olur.Unutmayın ki sitenizi
ziyaretçi arayacaktır.Onun gibi düşünmelisiniz.
Google Sonuç Listesinin En Başında Olabilme
Meta imlerini ve title kodlarını en iyi bir şekilde(yukarıda anlattığım
gibi) hazırladıktan sonra sitenizi yayınlamanız durumunda google arama
motorunun en başlarında olabilirsiniz. Ama bu yine de garanti değildir.
Ayrıca ne kadar çok site sizin sitenize link verirse sitenizin arama
motorunda listelenmesi de o kadar çok olacaktır. Yani mümkün olduğu
kadar sitenizi diğer sitelerle bağlayın, sitenizi onların sitelerine
ekleyin. Arama sonucunda sizin siteniz çıkmasa bile onların siteleri
çıkacak ve sizin sitenizin linki de belirecek.
Şuna tanık oldum ki bir çok siteye kullanıcı olmak bile o sitenin arama
motorlarında listelenmesine sebep oluyor. Böyle benim sayemde kullanıcı
adımı aradığımda bir çok site arama motorlarında listelendi ve benim
kullanıcı adım sonuçlarda çıktı. Sizde bir siteye kayıt olurken
kullanıcı adı o kadar önemli değil de mutlaka sitenizin adresini yazın.
Google' a Kayıt Olma
Arama motorlarının sonuç listelerinde nasıl listeleneceğinizi
anlattık.Ama siteniz arama motoruna kayıtlı değilse sonuç listesinde
olmanız mümkün değil. Bunun için arama motorlarına kayıt
yaptırmalısınız. Aşağıdaki adresi tıklayarak Google arama motoruna
kayıt yaptırabilirsiniz.
[Linkleri görebilmek için üye olun veya giriş yapın.]
Kayıt işlemi iki hafta gibi bir zaman sürer.Bu sürede arama motoru
sitenizi araştırır ve sitenizi veritabanına yükler. İki hafta sonra
imlerin arasına yazdığınız bir kelimeyi aratınız. Kelimler arasına çok
özel bir kelime koyarak (sadece sizin kullanabileceği türden bir
kelime) aramayı o kelime ile yaparsanız daha iyi olur.Eğer sonuç
listesinde varsanız iyi, yoksanız sitenizi tekrar kayıt edin.
AltaVista' ya Kayıt Olma
AltaVista bir çok ziyaretçinin arama yaptığı bir site.Bu yüzden bu
siteye de sitenizi kayıt yaptırmanız iyi olacaktır.Aşağıdaki adresle
bunu yapabilirsiniz.
[Linkleri görebilmek için üye olun veya giriş yapın.]
______________________________ ___________________
Body İmi Hakkında
Web sayfamızın içeriğini imleri arasında
oluşturacağımızı söylemiştik. Ayrıca imi içinde kullanılan
bazı kodlar(öznitelikler) olacak. Bunlar bazı işlerimize yarayacak.
Javascript kodlarının bazıları da bu im içine yazılır
______________________
Merhaba Web Tasarımı"
Bu kadar şeyden sonra kaydettiğimiz web sayfamıza bir şeyler yazdırmaya ve içeriğin ilk adımını atmaya ne dersiniz.
Şimdi bir not defteri uygulaması açın ve içine web sayfamızın temel yapı taşları olan
- Kod:
<html><head><title>Web Tasarımı</title></head><body></body></html>
kodlarını yazın ve merhaba.html diye kaydedin. Sonra merhaba.html
dosyasını açın. Başlık kısmının "Web Tasarımı" olduğunu görün. Sayfada
başka hiç bir şey yok değil mi? Hadi "Merhaba Web Tasarımı" yazdıralım.
Not defterine yazdığınız yukarıdaki kodların imleri arasına "Merhaba Web Tasarımı" yazın.
Yani Web Tasarımı ....
Sonra kaydedin ve web sayfasını açın. Başlığının yine "Web Tasarımı"
olduğunu ve içine "Merhaba Web Tasarımı" yazdığını görüyorsunuz değil
mi? Görmeniz lazım.Göremiyorsanız yanlış bir şeyler yapmış olmalısınız,
kontrol edip düzeltin.
______________________________ _______________
Sayfa Rengini Ayarlamak
Yukarıdaki gibi yaptığımız web sayfasına baktığınızda sayfa renginin
beyaz olduğunu göreceksiniz. Bu renk hoşunuza gitmeyebilir ve
değiştirmek isteyebilirsiniz değil mi? Bu nasıl olacak peki.Şimdi sıra
buna geldi...
Hani demiştik ya iminin içine bazı şeyler yazılacak ve
bunlar işimize çok yarayacak diye. İşte sayfamızın rengini de
iminin içine bir öznitelik yazarak değiştirebiliyoruz.
Bu öznitelik BGCOLOR="Renk Adı" dır.
Kullanımı şeklindedir.
Buradaki "Renk Adı" yazdığımız yere ya İngilizce renk adları
yazılır(kırmızı=red, siyah=black vb...) ya da renk
kodları(kırmızı=red=#FF0000) yazılır. Bu renk kodlarının bütün
listesini yandaki ipuçları bölümündeki renk kodları linkine tıklayarak
erişebilirsiniz.
Dikkat edilmesi gereken bir husus, body ile BGCOLOR arasında bir boşluğun olmasıdır.Bu boşluk mutlaka olmalı yoksa kod çalışmaz.
______________________________ _________________
Sayfa Rengini Resim Olarak Ayarlamak
Sayfamızın rengini değiştirmek için sadece renk adları ve kodları
kullanmayız. Belki bu renkleri beğenmeyebiliriz ve istediğimiz bir
resmi sayfanın arka planına yerleştirebiliriz.Tıpkı bilgisayarınızın
masa üstündeki resmi değiştirmek gibi. Bunlar aynı şeylerdir .Bu kod da
imi içrisine yerleştirilir.
Bu öznitelik BACKGROUND="Resim Adı"> dır.
Kullanımı şeklindedir.
"Resim Adı" yazdığımız yere sayfanın arka planını hangi resimle değiştirmek istiyorsak bu resmin adını yazmalıyız.
Dikkat edilmesi gereken husus bu resim adının ve uzantısının doğru yazılmasıdır.
Örneğin; resim.jpg, resim.gif, resim.bmp vb. Bir de resmin adresinin
doğru yazılması gerekir. Eğer resim web sayfamızın bulunduğu dizinin
içinde ise sadece resmin adını yazmamız yeter.Ama sayfanın içinde
bulunduğu dizin içindeki bir dizinde ise bu sefer ./dizin adı/resim adı
şeklinde olmalıdır.
Örneğin; sayfamız WEB klasörü içinde olsun. WEB klasörü içinde de biR
"resimler" klasörü olsun, resmimizin adı benimresmim.jpg olsun ve
resmimiz resimler klasörünün içinde olsun.
O zaman yazmamız gerekir.
Ayrıca dikkat edilmesi gereken diğer bir hususta body ile BACKGROUND
arasında bir boşluğun olmasıdır. Bu boşluk olmazsa kod çalışmaz.
______________________________ ___________-
Metni Kalın, Italic, Altı ve Üstü Çizili Yapmak
Word programını hepiniz kullanmışsınızdır. Metninizi biçimlendirmek
için metni seçer ve kalın için K, italic için T, altını çizmek için de
A yı tıklardınız.
Web sayfasını tasarlamada ise metni kalın yapmak için , italik
yapmak için , altı çizili yapmak için ve üstü çizili
yapmak için de
Kalın Yapmak: kalın olmayacak metin(şart değil) Kalın yapılacak metin kalın olmayacak metin(şart değil).
Italik Yapmak: Italic olmayacak metin(şart değil) Italik olacak metin Italic olmayacak metin(şart değil).
Altı Çİzmek: Çizgisiz metin(şart değil) Altı çizilecek metin Çizgisiz metin(şart değil).
Üstü Çizmek: Çizgisiz metin(şart değil)
Bunları hepsi de istenilen kadarı da birlikte kullanılır.
Örneğin;
Örneğin;
Dikkat edilmesi gereken husus ilk başa yazılan im bitişte en sona
yazılıyor.Yani 1.2.3 şeklinde başlayan sayılar 3.2.1 şeklinde
bitmeli(İmleri bunlara benzettiğimizi düşünelim).
______________________________ __
Altindis ve Üstindis Eklemek
Kimya derslerinde bileşik veya element sembolleri gördük. Örneğin H2O, H+1 vb. Bunları da web de yazabiliriz.
Altindis Eklemek: Normal Yazı(şart değil) Altindis için değer normal yazı(şart değil)
Üstindis Eklemek: Normal yazı(şart değil) Üstindis için değer normal yazı(şart değil).
Örnek:
H2O , H+1 vb...