Resim Haritası Oluşturmak Aralık 12, 2006
Posted by Mustafa Dalcı in XHTML.add a comment
RESİM HARİTASI
Resimlerin faklı bölgelerinden farklı yerlere linkler vermek için resim haritası kullanırız.Örneğin bu sayede Türkiye haritasındaki tüm illere ayrı link verip kullanıcıları o ille ilgili sayfaya yönlendirebilirsiniz.
Resim haritası bir resim üzerinde ki belirli tanımlanmış etkin noktaları (hotspots) link olarak belirler. Etkin noktalar dikdörtgen veya yuvarlak olabileceği gibi düzensiz şekillerde olabilir.
Meta Etiketleri Aralık 11, 2006
Posted by Mustafa Dalcı in XHTML.add a comment
Oluşturulan belgenin head kısmına sayfanın açıklamasını yapabileceğiniz, sayfa hakkında anahtar kelimeler yazabileceğiniz meta etiketleri koyabilirsiniz.Yazdığımız anahtar kelimeler arama motorları içindir.Yalnız şuan en fazla kullanılan arama motoru Google meta etiketlerini değilde belgenin <body>..</body> kısmındaki içeriği dikkate alır.Aşağıdaki meta etiketlerinin content bölümünde açıklama yapılmış ve bu sayfa için parantez içinde uygun örnekler verilmiştır.
<meta name="author" content="Sayfayı düzenleyenin ismi(ODTÜ-EG)" />
<meta name="Description" content="Sayfanın açıklması(HTML öğrenmek isteyenler için dersler.) " />
<meta name="keywords"content="Arama motorlarına yardımcı olmak için sayfa hakkında anahtar kelimeler(HTML,ders,web sayfası,web sitesi,bilgi işlem gibi..)" />
Eğer içeriği türkçe olan bir sayfa hazırlıyorsak sayfada herhangi bir türkçe karakter sorunu yaşamamak için head kısmı içine aşağıdaki meta etiketleri eklenir.
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9">
<meta http-equiv="Content-Language" content="tr">
Sayfanıza meta etiketi eklemek için aşağıdaki linki kullanabilirsiniz.
http://www.addme.com/meta.htm
Kaynak:http://www.bidb.odtu.edu.tr/index.php?go=ig&sub=html2
DOCTYPE Aralık 11, 2006
Posted by Mustafa Dalcı in XHTML.add a comment
DOCTYPE zorunlu olarak mevcut olmalıdır. Geçerli 3 adet XHTML döküman tipi vardır:
a- XHTML Strict
XHTML Dökümanlarını css dökümanları ile beraber kullanmanız gerektiğinde kullanılır. HTML’nin dizayn unsurlarını içermez.
Tanımı:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
b- XHTML 1.0 Transitional
CSS anlamayan web gezginlerini desteklemek ve HTML’nin dizayn unsurlarını kullanmak istiyorsanız bu döküman tipini kulanın.
Tanımı:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
c- XHTML 1.0 Frameset
Eğer XHTML dökümanları pencerelere bölünmüş olarak gösterilecekse bu döküman tipini kullanın.
Tanımı:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML ve HTML Aralık 11, 2006
Posted by Mustafa Dalcı in XHTML.Tags: html, w3, XHTML
2 comments
XHTML’in ismi Extensible Hypertext Markup Language kelimelerinden türemiştir. XHTML 26 Haziran 2000′den beri bir web standartıdır. Kodlama olarak oldukça büyük farklar yaratan bu dil için:’XML sözdiziminin HTML içinde kullanılması.’ denebilir.Html dilinin farklı tarayıcılarda farklı yorumlanması ve sözdiziminde fazla düzensizlik ve hata olduğu için XHTML W3C(World Wide Web Consortium – WWW) tarafından HTML dilini standardize etmek amacıyla önerilmiştir.
XHTML’i aslında şu başlıklar altında toplamak daha doğru olur.
* XHTML aslında HTML içinde kullanılabilen bir XML uygulamasıdır.
* XHTML’in çıkış amacı HTML’in “kirli” yapısını yenilemektir.
* XHTML 1.0 aslında HTML 4.0.1 ile hemen hemen aynıdır. (Bütün elemanları barındırır.)
* XHTML’in kuralları sabittir, XHTML daha temiz ve düzenlidir.
* XHTML standartlara sâdık kodlama, CSS temelli tasarım ve XML’e geçişte bir basamaktır.
* XHTML’i çoğu tarayıcılar tanır.
Aşağıdaki maddelerde HTML ve XHTML arasındaki farklar verilmiştir.
1. Dökümanlar XML uyumlu olmalıdır.
Aşağıdaki benzer hatalar HTML’de geçerlidir.
<b><i>Bu HTML'de geçerli olabilir ama</b></i>
Ama XHTML’de elemanlar düzgün biçimde iç içe geçmelidir.
<b><i>XHTML'de doğrusu budur.</i></b>
Tüm XHTML elemanları <html> kök elemanı içinde bulunmalıdır. Diğer tüm elemanlar alt elemanlara sahip olabilir. Alt elemanların başlangıç ve bitiş etiketleri olmalı ve doğru biçimde iç içe geçmelidir. Temel döküman yapısı şu şekilde olmalıdır.
<html>
<head>.......</head>
<body>.......</body>
</html>
2. Tüm elementler küçük harfler kullanılarak yazılmalıdır.
Bu yazım yanlıştır.
<BODY>
<P>Bu bir paragraftır</P>
</BODY>
Bu yazım ise doğrudur.
<body>
<p>Bu bir paragraftır</p>
</body>
3. Tüm XHTML elemanlarının sonlandırılması gerekir. Boş olmayan her elemanın sonlandırılması gerekir, örneğin aşağıdaki yazım yanlışdır:
<p>Bu bir paragraftır
<li>Bu bır liste maddesidir
Doğru olan:
<p>Bu bir paragraftır</p>
<li>Bu bir liste maddesidir</li>
4. <br>,<hr> ve <img> gibi tek taraflı etiketlerde sonlandırılmalıdır. Boş elemanlar ya bir sonlandırma elemanına yada “ />” işaretine ihtiyaç duyar. Örneğin aşağıdaki yazım yanlışdır.
Bu bir satır atlar<br>
Yatay çizgi <hr>
Resim <img src=”resim.gif”>
Doğruları ise:
Bu bir satır atlar</br>
Yatay çizgi <hr />
Resim <img src=”resim.gif” />
XHTML web sayfalarınızı bugünün web gezginleri ile uyumlu hale getirmek istiyorsanız “/” işaretinden önce bir boşluk bırakmalısınız. <br /> yada <hr /> gibi.
5. Değişken isimleri küçük harf olmalıdır. Aşağıdaki örnek yanlıştır:
<table WIDTH=”100%”>
<div ALIGN=”center”>
Doğrusu:
<table width=”100%”>
<div align=”center”>
6. Değişken değerleri tırnak işareti içinde olmalıdır.
<table width=100%>
<div align=center>
Doğrusu:
<table width=”100%”>
<div align=”center”>
7. Değişken sadeleştirme kaldırılmıştır. Örneğin:
<input checked>
<option selected>
yanlıştır. Doğrusu:
<input checked=”checked” />
<option selected=”selected” />
8. “id” parametresi “name” değişkeninin yerine geçer.
<img src=”resim.gif name=”resim1” />
<a name=”namedanchor”></a>
Yerine doğrusu:
<img src=”resim.gif id=”resim1” />
<a id=”namedanchor”></a>
9. XHMTL DTD zorunlu elemanları tanımlar. Tüm XHTML dökümanlarının DOCTYPE tanımlama zorunluluğu vardır. Html, head ve body bulunmalı ve title head içinde yer almalıdır. Aşağıda minimum bir XHTML dökümanını görüyorsunuz.
<!DOCTYPE Doctype burda >
<html>
<head>
<title>Başlık burda </title>
</head>
<body>
Body text goes here
</body>
</html>
DOCTYPE elemanı bir XHTML elemanı değildir ve standartlara uymasına gerek yoktur. Ayrıca sonlandırılması da gerekmez.
Yararlı linkler:
W3C XHTML Anasayfa- http://www.w3c.org/MarkUp/
W3C standart bildirgesi – http://www.w3.org/TR/2000/REC-xhtml-basic-20001219/
W3Schools XHTML sayfaları – http://www.w3schools.com/xhtml
Web tasarımcılarının sanal kütüphanesi (WDVL ) XHTML sayfaları – http://www.wdvl.com/Authoring/Languages/XML/XHTML/
