Merhaba,
Bugünkü dersimizde, htaccess ile güzel görünümlü indexler oluşturacağız.

Öncelikle Apache server ve serverda htaccess desteği gerekmektedir. Bunu sağladıktan sonra devam edebiliriz.


Hemen bir .htaccess dosyası yaratıp içerisine şunları yazalım:

### Indexing Options ###
###           starting #

Options +Indexes +MultiViews +FollowSymlinks

<IfModule mod_autoindex.c>
        # General Settings
        IndexOptions FancyIndexing IconWidth=24 IconHeight=24

        # Icons
        DefaultIcon /elm-icons/other.jpg
        AddIcon /elm-icons/blank.gif ^^BLANKICON^^
        AddIcon /elm-icons/directory.jpg ^^DIRECTORY^^
        AddIcon /elm-icons/back.jpg ..
        AddIconByType (TXT,/elm-icons/text.jpg) text/*
        AddIconByType (IMG,/elm-icons/picture.jpg) image/*
        AddIconByType (SND,/elm-icons/music.jpg) audio/*
        AddIconByType (VID,/elm-icons/video.jpg) video/*

        IndexIgnore *~ *# elm-* cgi-bin

</IfModule>

###           finished #
### Indexing Options ###

### Style Options ###
###        starting #

ReadmeName /elm-alt
HeaderName /elm-ust

###        finished #
### Style Options ###

Buraya kadar tamamsa devam edelim. Şimdi sırada resim dosyalarını hazırlamak kalıyor.

other.jpg: Bilinmeyen dosya formatları için ikon
blank.gif: Boş ikon
directory.jpg: Dizinler için ikon
back.jpg: Bir üst dizine dönmek için ikon
text.jpg: Yazı dosyaları için ikon
picture.jpg: Resim dosyaları için ikon
music.jpg: Müzik dosyaları için ikon
video.jpg: Video dosyaları için ikon

Bu ikonları hazırlayıp /elm-icons/ dizini içerisine gönderiyoruz.


Şimdi üst ve alta eklenecek dosyaları hazırlayalım. Bu dosyalara istediğinizi yazabilirsiniz. Sayfaların üstüne eklenecek yazılar için elm-ust.html, sayfaların altına eklenecek yazılar için ise elm-alt.html dosyalarını oluşturup, public_html dizini içerisine gönderiniz.


Bitti. Eğer daha da geliştirmek isterseniz, style dosyaları ile daha da güzel bir index hazırlayabilirsiniz. Örnekteki siteyi incelemeniz yararlı olabilir.

Örnek: http://dersler.elmasgunes.net/


Bir dahaki dersimize kadar, esen kalın