Html dersimize nihayetinde başlıyoruz ilk olarak bize yardımcı olacak Adobe Dreamweaver 30 günlük deneme süresi vardır ama bunu daha sonra alırsınız.HTML bir çeşit koddur web tasarımın genelinde hatta tamamında HTML kodları vardır.Bir çok çeşit komutlar vardır.Bunları sırasıyla öğreniceksiniz belki biraz zor gelebilir ama sanığınız gibi değil.Biz sizlere özel ve sade anlatımımızlan her adımı teker teker anlatacağız.Her neyse şimdi dersimize başlayalım ilk olarak başlangıç ve tanımlamalarını anlatalım.
HTML' de Gerekli Önlemler
Html komutları etiketlerden (tag) oluşur. Html komutları yazılırken aşağıdaki kurallara dikkat edilmesi gerekir;
- Html komutları “<” ve “>” işaretleri arasına yazılır. Burada yer alan“< >” etiketleme yapmak için kullanılan işarettir. <etiketadi>……</etiketadi>, <tag>…..</tag>
- Html etiketleri yazılırken Türkçe karakterler kullanılmamalıdır.(ş, ç, ö, ü, ı, ğ)
- Html komutları büyük küçük harf duyarlı değildir. Başka bir deyişle tümü büyük harflerle açılmış olan bir etiket tümü küçük harflerle yazılan aynı etiket ile kapatılabilir.<body>….</BODY> veya <Html>….</html>
- Açılan bir etiket kapatılmalıdır. İlk açılan etiket en son kapatılır ve etiketi kapatma sırasında “/” işareti unutulmamalıdır.
Örnek Kod :
<html>
<head>
</head>
<body>
</body>
</html>
HTML : Bu komutlarda kodların yazıldığını gösteren etikettir.Hiçbir parametresi yoktur.
HEAD : Bu komutlarda sitenizin bilgileri bulunur yani arama motorları tarafından ne aranırsa çıkar gibi yazar adları gibi yani hazırlayacağımız sayfa ile ilgili bilgilerin bulunduğu sayfa başlığı (title), link özellikleri, siteyi tarayıcıya ve arama motorlarına tanıtmak amacıyla kullanılan Meta etiketleri bölümdür.
Kullanılacak parametreler :
- name : Author, description ve keywords özellikleri tanımlanır.
- http-equiv : Refresh, expires, content ve content-style-type özellikleri..
- Size : Yazının boyutu belirlernir.
NAME: Sayfanın yazarı, sayfanın yayın tarihi gibi bilgileri içerir.
- <meta name="author" content="özgü">
- <meta name="description" content="sayfanın tanımını yazınız">
- <meta name ="description" content ="Bu sayfa web tasarımı dersi modülleri için hazırlanmıştır. ">
- <meta name="keywords" content="siteniz arama motorlarında hangi anahtar kelimelerle tanımlansın istiyorsanız buraya yazınız."> Şekillerinde yazılır.
Sıklıkla kullanılan meta etiketleri ve açıklamaları :
- <meta http-equiv=Content-Type content="text/htm; charset=windows1254">
- <meta http-equiv=Content-Type content="text/htm; charset=iso-8859-9">
- <meta http-equiv=Content-Type content="text/htm; charset=utf-8">
Bu etiketler Türkçe karakter sorununu ortadan kaldırmak ve Türkçe karakter desteği sağlamak için kullanılır.
________________________________________________________________________________
- <meta http-equiv="expires" content ="Tarih">
Güncelleme için kullanılır. İnternette açılan bir sayfa bilgisayara kaydedilir. Bu sayfa tekrar açılamak istendiğinde, bilgisayardaki kayıtlı sayfa açılır. Bu etiket ile belirtilen tarihten sonra bu sayfa açılmak istenirse sayfanın tekrardan serverdan yüklenmesi sağlanır.
- <meta http-equiv="expires" content ="Wed, 29 Dec 2011 15:21:59 GMT">
- <meta http-equiv="refresh" content="5; url=anasayfa.htm">
Sayfanın belirtilen süre sonra yenilenmesini sağlar.Eğer URL boş bırakılırsa aynı sayfa tekrarlanır.
________________________________________________________________________________
- <meta name="robots" content="all veya none">
Hazırladığımız sayfanın arama motorlarının robotları tarafından taranmasına izin vermek veya engellemek için kullanılır. İzin için all, engelleme için none kullanılır.
Meta etiketi ile tanımlanan bilgiler kullanıcı tarafından görüntülenmez.
Head Etiketleri Bitti Bu İşlem Bu Kadar..Umarım anlamışsınızdır.Bir sonra ki dersimizde görüşmek üzere...
No comments:
Post a Comment