Stil Sayfaları - İsmail KIRBAŞ ile Web Sitesi Tasarımı
İsmail Kırbaş ile Tasarım Yolculuğu [AnaSayfa] İsmail Kırbaş ile Tasarım Yolculuğu [AnaSayfa] İsmail Kırbaş ile Tasarım Yolculuğu [AnaSayfa]
 Site Haritası 
 
Site Map
Ana SayfaYeriniz | Ana Sayfa | Makaleler | Programcılık | XML | Stil Sayfaları

Diğer Yazılar
XML'in Temelleri
DTD
İşaretleme Dillerinin Tarihi


E-posta Gönderin Yorum Yazın
Güvenlik Kodu:6521Güvenlik Kodu:6521Güvenlik Kodu:6521Güvenlik Kodu:6521




En Son Okunan 10 Makale
  1. Yazılım Mimarlığı
  2. Fonksiyonlar
  3. 10 Maddede Kullanıcı Odaklı Tasarım
  4. Hızlı Aşağı Açılır (Drop-down) Menü
  5. Kaynaklar
  6. MySQL'e Giriş
  7. Yönetim ve Organizasyon
  8. Projelerimiz
  9. Tarihten Ders Almak
  10. Freehand Genel Bilgiler
 
Stil Sayfaları>
Yazı Tipi KüçültYazı Tipi BüyütAna SayfaYazıcıdan ÇıkarPDF Belgesi Olarak GörüntüleFavorilerime EkleArkadaşıma Tavsiye EdeceğimRTF (Word Dokümanı) olarak görüntüle

STYLE SAYFALARI

-XML belgelerinin biçimlenmesi için CSS kullanımını açıklamak.

-XML belgelerinin biçimlenmesi için XSL kullanımını açıklamak.

 

I. STİL SAYFALARI NEDİR?

HTML belgelerinde birçok yerde biçimleme işlemleri yapılır. HTML sayfalarında biçimlemenin kolayca yapılması için CSS (Cascading Style Sheets) belgeleri bir şablon gibi kullanılır.

 

Cascading Style Sheet (CSS) standardı kod yazarına fontlar, boyutlar ve grafik işlemler üzerinde daha fazla kontrol sağlamasına olanak sağlar. CSS ayrıca formatlama bilgisini Web sayfasının içeriğinden ayırabilir. Style sheetler, HTML etiketlerinin görünümünü kontrol ederler. Ancak onları değiştirmezler. Style sheetler ayrıca style bilgisinin bir ya da daha çok HTML belgesine bağlanmasını sağlarlar. Formatlama bilgisi belli bir tarayıcı için özel etiketlere ve standart HTML etiketlerine uygulanabilir.

 

CSS bilgisi link edilerek ya da gömülerek belirtilebilir. Bir HTML belgesi bu yöntemlerden birisini kullanabilir. Bununla birlikte en yaygın kullanılan yöntem bağlantıdır (linking).

 

A. XML'DE CSS KULLANIMI

Bir style sheet için yapılan bağlantıya örnek:

 

<ogrenci>

            <adi>faruk</adi>

            <soyadi>çubukçu</soyadi>

            <adresi>1234 sokak no:2</adresi>

</ogrenci>

 

Şeklindeki bir XML belgesini formatlamak için CSS kullanılır.

 

<?xml-stylesheet type="text/xsl" href="c:\dosyacss.css" ?>

<ogrenci>

            <adi>faruk</adi>

            <soyadi>çubukçu</soyadi>

            <adresi>1234 sokak no:2</adresi>

</ogrenci>

 

Bakalım dosyacss.css dosyasında ne var:

 

adi {display:inline; font-family:arial; font-size:20pt}

soyadi {display:inline; font-family:time new roman; font-size:10pt}

 

Yukarıdaki stil sayfası bileşenleri adı ve soyadı bilgilerini biçimler.

 

II. XSL (Extensible Stylesheet Language)

Bir XML belgesinin görünüm bakımından herhangi bir özelliği olmadığı için, Web tarayıcılarında XML belgelerini görüntülemek için CSS ya da XSL ile gerçekleştirilen bir formatlama tekniği kullanmak gerekir.

 

XSL belgelerin orijinal şeklinde yeni yapılara aktarılmasını sağlayan bir dizi araç sağlar. Tipik olarak programcılar bir XML terim kümesinden (vocabulary) yararlanırlar.

 

XSL yaygın olarak dönüştürülebilir stil dili olarak tanımlanır. Orijinal belge sayfasının yerine yeni belge kuralları yaratılır. XSL tarafından kullanılan dönüştürme dili olan XSLT programcıların orijinal belgelerin nasıl yeni bir belge olarak görüneceklerini sağlayan gelişmiş şablonlar (templates) yaratmasını sağlar.

 

Örnek XML verisi:

 

<?xml version="1.0" ?>

<?xml-stylesheet type="text/xsl" href="demoxsl2.xsl"?>

<musteriler>

            <musteri>

                        <kodu>A1 </kodu>

                        <adisoyadi>Faruk Cubukcu </adisoyadi>

                        <grubu>A1 </grubu>

                        <adresi>123 sokak No 1 </adresi>

            </musteri>

            <musteri>

                        <kodu>A2 </kodu>

                        <adisoyadi>Ahmet Uzun </adisoyadi>

                        <grubu>A1 </grubu>

                        <adresi>234 sokak No 2</adresi>

            </musteri>

            <musteri>

                        <kodu>A3 </kodu>

                        <adisoyadi>Nuri Yilmzaz </adisoyadi>

                        <grubu>A2</grubu>

                        <adresi>300 sokak No 33 </adresi>

            </musteri>

            <musteri>

                        <kodu>A4 </kodu>

                        <adisoyadi>fatma bal</adisoyadi>

                        <grubu>23500</grubu>

                        <adresi>3oo1 sokak no 1 </adresi>

            </musteri>

 

</musteriler>

 

XSL şablonu:

 

<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">

 

            <xsl:template match="/">

                        <HTML>

                        <TABLE border="1">

 

                        <xsl:for-each select="musteriler/musteri" order-by="kodu">

                                   <TR>

                                               <TD>

                                                           <xsl:value-of select="kodu" />

                                               </TD>

                                               <TD>

                                                           <xsl:value-of select="adisoyadi" />

                                               </TD>

                                               <TD>

                                                           <xsl:value-of select="adresi" />

                                               </TD>

                                   </TR>

                        </xsl:for-each>

 

                        </TABLE>

                        </HTML>

 

            </xsl:template>

</xsl:stylesheet>

 

 

XSL belgesi içinde kullanılan özel elemanlar:

 

xsl:value-of: bir XML öğesinin ya da özniteliğinin değerini getirir.

xsl:for-each:– bir XML belgesindeki öğelerin döngü yapmasını sağlar

xsl:apply-templates: bir XML belgesine bir şablon uygular



Not: Yazılar konusundaki yorumlarınız için lütfen Yorum Yazın bölümümüzü kullanın.

Yazar : Faruk Çubukçu
Son Güncelleme : 24 Haziran 2006, Cumartesi
Sayfa Sürümü : 2
Okunma Adedi : 7,755
Son Okunma : 2017-11-18 13:38:37
Kaynaklar : www.farukcubukcu.com

DTDStil Sayfalarıİşaretleme Dillerinin Tarihi
© [Site Haritası]
| Makaleler | Seyir Defteri | Kaynaklar | İndirin | İletişim |

RSS dosyasını görmek için tıklayınız. RSS dosyasını görmek için tıklayınız.XML versiyonu için tıklayınız WAP versiyonu için tıklayınız Bu site DyNA İçerik Yönetim Sistemi üzerinde çalışmaktadır.
İsmail KIRBAŞ ile Tasarım Yolculuğu Anasayfa İsmail KIRBAŞ ile Tasarım Yolculuğu Anasayfa İsmail KIRBAŞ ile Tasarım Yolculuğu Anasayfa
ismail kırbaş ile web sitesi tasarimi sitemap ismail kırbaş ile web sitesi tasarimi sitemap
  Sitemizde 3 kişi çevirimiçi | Bugün =27 | Dün =158 | Bu Ay=4,442 | Günlük En Fazla=1,109 tekil ziyaretçi