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 ikonBu 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
