Posted under Programlama
Bu makalemizde bir XML belgesi olusturarak onun anatomisini inceleyip, CSS yardimiyla browserda nasil görüntüleyebilecegimizden bahsedecegiz.
XML HTML metin tabanli bir dil oldugundan dolayi basit bir metin düzenleyicisi ile yazila bilinir. Buradaki islemlerimiz için Notepad yeterli olacaktir. Simdi gelin asagidaki örnek xml belgesini olusturalim.
| <?xml version=”1.0″ encoding=”ISO-8859-9″ ?>
<!– Açiklama Bölümü: C#nedir?com Yazarları Listesi –><YAZAR_LISTESI> <YAZAR> <YAZAR> <YAZAR> <YAZAR> <YAZAR> </YAZAR_LISTESI> |
Yazdigimiz Örnek xml metinini yukaridan asagiya dogru incelemeye baslayalim. Ilk üç satirdan olusan blok giris bölümü olarak adlandirilir. Bu blogun ilk satir ise XML bildirimini içerir Bu satirla yazdigimiz dokumanin bir xml belgesi oldugunu deklare edip, versiyonunu belirtmis ve kullanacagimiz dil biçiminiz (encoding) belirtmis durumdayiz.
<?xml version=”1.0″ encoding=”ISO-8859-9″?>
Ikinci satira bosluk satiridir. Bu satir sadece xml belgesinin baskalari tarafindan rahat okunmasi amaciyla birakilmistir. XML islemcisi bu satirlari göz ardi edecektir.
Üçüncü satir ise yorum satiridir. <!– baslayip –> ile biten bölüm arasina — isaretleri haricinde herhangi bir sey yazila bilinir. Bu kismin her xml belgesinde olacak diye bir kosul yoktur. Bu yorum kismi xml belgemizin baskalari tarafindan daha rahat anlasilmasi için yazmaktayiz. Hatirlarsak XML amaçlarindan biri okunabilirligi yüksek olan belgeler olusturmakti.
<!– Açiklama Bölümü: C# Nedir ? Yazarlari Listesi –>
Giris bölümünde, örnekte bulunan bildirimler ve yorumlar haricinde belgenin türünü ve yapisini belirleyen bir bildirim veya XML görüntülemek için CSS gibi bir belgeyi ekleye bilirsiniz.
Giris bölümünden sonra gelen ilk etiket (tag) kök elemanina ait etiket(tag)dir. Örnegimizde kök eleman YAZAR_LISTESI`dir. Tüm XML belgelerinde tek bir kök eleman bulunmalidir. Bu elemanin içine yerlesmis olan diger elemanlar ve veriler esas verinin bulundugu ve siniflandirildigi bölümdür.
Yazmis oldugumuz örnegimizin browserda görüntüsü asagidaki sekilde çikacaktir. Herhangi bir sekilde XML belgemizin nasil görüntülenecegine dair bir bildirim yapmadigimizdan dolayi Internet Explorer belgemizi kendinde mevcut olan default biçimde bize gösterecektir.
XML Belgemize bir CSS belgesi ekleyerek belgemizi bizim belirledigimiz formatlarda görüntülenmesini saglaya biliriz. Ekleyecegimiz CSS dosyasinin link ni yukarida belirttigimiz gibi giris bölümünde tanimlamamiz gerekmektedir. Isterseniz ilk önce CSS dosyamizi bir olusturalim.
| YAZAR { display:block; margin-top:12pt; font-size:10pt }AD { font-size:16pt; font-weight:bold; font-style:italic; margin-left:20pt; } SOYAD EMAIL HAKKINDA |
XML belgemize css dosyasini giris bölümüne <?xml-stylesheet type=”text/css” href=”xml.css” ?> satirini ekleyerek eklemekteyiz. Buradaki <?xml-stylesheet bölümü stylesheet islem yönergesi oldugunu type=”text/css” bunun bir CSS dosyasi oldugunu href=”xml.css” ise css dosyasinin bulundugu yeri ve ismini belirtmektedir. href bölümüne URL girile bilinir. Sonuç olarak örnek XML belgemiz asagidaki sekle dönüsmüstür.
| <?xml version=”1.0″ encoding=”ISO-8859-9″ ?><!– Açiklama Bölümü: C#nedir?com Yazarları Listesi –>
<?xml-stylesheet type=”text/css” href=”xml.css” ?> <YAZAR_LISTESI> <YAZAR> <YAZAR> <YAZAR> <YAZAR> <YAZAR> </YAZAR_LISTESI> |
Yukaridaki CSS belgesini kullanarak XML belgemiz Internet Explorer da asagidaki sekilde görüntülenecektir.
Herhangi bir elemani veya elemana ait olmasi gereken bir biçim özelligini CSS belgemizde belirtmeseydik. Bir üstündeki elemana ait özellikleri alarak görüntülenecektir. Örnegin HAKKIMIZDA elemanin font size i belirtilmemistir. Font size onu kapsayan YAZAR elemanindan gelmektedir. Bu sayede HAKKIMIZDA 10pt lik bir font size`a sahip olmaktadir.