Web slider

       Slider , bir swf dosyası ve bir xml dosyasından oluşuyor . Aşağıda sliderın bu web sitesine uyarlanmış hali gözüküyor . Bir çok sliderda olduğu gibi haberler arasında otomatik geçiş var . Bilgiler xml dosyasından çekiliyor . Dilerseniz bilgileri veri tabanından çekebilirsiniz . Sırasıyla sliderın çalışması , sliderı web sitesine ekleme ve xml kodları açıklanacak . Sliderı indirebileceğiniz link allta .

Slider yukarıda görüldüğü üzere otomatik geçişli . Başlık , özet ,açıklama olmak üzere 3 bölüm var.

Web sliderı web sitesine ekleme . . .

► Öncelikle sliderı yandaki linkten indiriniz. WEB SLIDER İNDİRME LİNKİ

► haberler.xml ve haberBaslik.swf dosyalarını sliderı ekleyeceğiniz web sayfasıyla aynı klasöre atınız.

► Dreamweaver programını açarak aşağıdaki resimde görüldüğü gibi swf dosyasını sayfanıza ekleyiniz.

<?xml version=”1.0″ encoding=”utf-8″ ?>

<haberler>
<haber>
<baslik>Flash’ta karakalem animasyonu</baslik>
<ozet> Animasyonda boyama işlemi için 1400 kare kullanıldı . Fla uzantılı flash dosyası linkini en alta ekledim.Boyutu 77 MB.

</ozet>
<tarih>17/12/2016</tarih>
<resimYolu>resimler/flash_karakalem.jpg</resimYolu>
<link>http://webhocasi.org/index.php?do=devam&id=379</link>
</haber>

<haber>
<baslik>Photoshop öğrenmek isteyenler</baslik>
<ozet> Photoshop öğrenmek isteyenler için belkide tavsiye edilebilecek en iyi kanal pc derslerim. Konular akıcı , kusursuz diksiyon ile sürükleyici bir şekilde
anlatılıyor.Derslerde yapılan kısa hatırlatmalar , photoshop özelliklerinin akılda kalıcı olmasını sağlıyor.

</ozet>
<tarih>27 Kasım 2016</tarih>
<resimYolu>resimler/afgan.jpg</resimYolu>
<link>http://webhocasi.org/index.php?do=devam&id=339</link>
</haber>

 

<haber>
<baslik>Dreamweaver ile foto galeri yapımı</baslik>
<ozet> Resimler üzerine tıklanınca , büyük resmin olduğu yerde değişen foto galeriyi oluşturacağız .Önce gerekli davranışlar (behaviour) eklenecek .Sonra efekt verme işlemi yapılacak .İşlemlere ait video aşağıda veriliyor.

</ozet>
<tarih>05 Aralık 2016</tarih>
<resimYolu>resimler/fotogaleri.jpg</resimYolu>
<link>http://webhocasi.org/index.php?do=devam&id=361</link>
</haber>

 

<haber>
<baslik>Php ckedıtor ve kcfınder kurulumu</baslik>
<ozet> Bu makalede zenginleştirilmiş metin editörü olan CKEditör anlatılacak.Genellikle yöneticilerin (admin) sitelerine içerik eklemek için kullandıkları bir editördür .

</ozet>
<tarih>20 Aralık 2016</tarih>
<resimYolu>resimler/fotogaleri.jpg</resimYolu>
<link>http://webhocasi.org/index.php?do=devam&id=383</link>
</haber>

</haberler>

haberler.xml

Yukarıda sliderın haberlerini içeren haberler.xml dosyası kodlarını görülüyor.Her bir haber için <haber> etiketi kullanılmış.Yukarıdaki örnekte 4 haber bulunmakta .Kendi sitemize uyarlamak için gerekli değişiklikleri yapabiliriz. Resim yolu ve kullanacağımız resmin adını <resimYolu> etiketinin içine girmeliyiz.<baslik> etiketinin içine haberin başlığı girilecek.<ozet> etiketinin içine haberin kısa özeti girilecek.<link> etiketine ise haberi tıkladığımızda gidecek link girilecek.Bu değişiklikleri yaptıktan sonra daha fazla haber eklemek için <haber> etiketini kopyalayıp çoğaltabiliriz.

 

Paylaş:

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir