depi.sk – svet očami Erika Gyepesa

Štýlové listovanie adresárov cez Apache (1. časť)

Osobne veľmi rád zdieľam dokumenty, fotografie, či rôzne scripty odkázaním na adresár na webhostingu, kde vďaka nastaveniam Apachu je možné nechať vylistovať adresár a tak jednoducho zobraziť jeho obsah. Myslím, že túto možnosť využívajú mnohí z vás. Oveľa menej z vás však zrejme vie o ďalších možnostiach, ktoré moduly servera Apache umožňujú týmto adresárom nastaviť. Na tie sa pozrieme práve v tomto seriály o customizácii vylistovaného adresára.

[* http://www.depi.sk/wp-content/2008/06/index_of.png *] *** Defaultný (nepekný) vzhľad vylistovaného adresára cez Apache

Idea
===
[* http://www.depi.sk/wp-content/2008/06/logo_apache.gif >] Často som sa pohrával s myšlienkou, že si toto vylistovanie adresára upravím podľa svojich požiadaviek a tak urobím akúsi jeho simuláciu cez PHP, prípadne siahnem už po hotovom riešení. Osobne som však za vlastné riešenia, no na tie nikdy nezostalo veľa času, najmä keď išlo o niečo, čo nie je prioritné. Po čase som sa však k tejto myšlienke vrátil a začal som uvažovať, či by niečo podobné nedokázal urobiť samotný server Apache bez nutnosti ďalšieho programovania v niektorom zo skriptovacích jazykov. A veru dokázal.

Čo budeme potrebovať?
===============
– základným predpokladom pre fungovanie je samotný server “Apache”:http://httpd.apache.org
– nainštalovaný modul Apacha – “mod_autoindex”:http://httpd.apache.org/docs/2.0/mod/mod_autoindex.html (defaultná súčasť Apache)
– znalosť kaskádových štýlov “CSS”:http://www.w3.org/Style/CSS/
– trpezlivosť
– “kreativitu”:http://deviantart.com

Po splnení týchto základných požiadaviek sa môžeme pustiť do customizácie našich adresárov. Vďaka modulu *mod_autoindex* môžeme vykonať niekoľko jednoduchých zmien a náš adresár premeniť na nepoznanie.

Ja sa v tomto seriály zameriam hlavne na:
– zmenu ikôn adresárov a súborov podľa ich typu a významu
– kompletné preštýlovanie vzhľadu vylistovaného adresára
– jednoduchú demonštráciu SSI (Server Side Includes) “skriptovania”
– pridanie vizuálnych efektov
– vytvorenie privátneho (zaheslovaného) adresára

Pevne verím, že tieto zmeny vás zaujmú a podrobnejší tutoriál s live demonštráciou bude súčasťou už nadchádzajúcej časti tohto mini-seriálu.

Tento článok vznikol aj vďaka nasledovným “sponzorom súťaže 30C”:http://www.depi.sk/2008/06/01/30c-mame-prvych-sponzorov-aj-pravidla-sutaze/
=========================================
– “Webhosting Inet.sk”:http://webhosting.inet.sk
– internetový obchod “Nový Počítač.sk – MP3 prehrávače”:http://novypocitac.sk/hudobne-mp3-prehravace
– “eMDI”:http://emdi.sk
– “Pizza SEO – Optimalizácia pre vyhľadávače”:http://pizzaseo.com/sk
– “www.tvojden.sk – vyhľadávač | správy | počasie | cestovanie | zábava”:http://www.tvojden.sk
– “Poppe.sk – úspešné internetové stránky”:http://poppe.sk
– “Elaut BauMont”:http://www.ebau.sk
– “Webcreator”:http://webcreator.sk
– “Expres vizitky”:http://expresvizitky.sk
– “Webhosting Host do domu”:http://hostdodomu.sk

Prihlás sa na odber zaujímavých informácií e-mailom

* povinné polia
  • adrive

    Nejak mi uniká zmysel to riešiť. Keďže na localhoste je to podľa mňa plytvanie časom a na produkčnom stroji je lepšie mať výpisy vypnuté a tam, kde je žiadúce ich zapínať postačí listing aj z lighttpd, ktorý je “ešte krajší” ako z apache.

  • http://rinik.net/blog zero0x

    super napad, tesim sa na dalsiu cast, kedze tu si toho vela nepovedal :)

    vies co by si este mohol vymysliet – upload a taku srandu ze ked na nu kliknem, zobrazi sa mi linka, aby som to mohol niekomu poslat ;)

    to by som si potom dal na webhosting, aby som mohol posielat subory ;)

    pretoze toto

  • http://livusha.blogspot.com Livusha

    och,rada by som niečo commentla,ale moja nezainteresovanosť mi to bohužiaľ nedovoľuje. Vďaka všeobecnému prehľadu mám aspoň trochu šajnu. Do hĺbky tento fach až tak neštudujem,no vidím,že tebe to ide Depi, len tak ďalej ;)

  • http://www.depi.sk Erik Gyepes

    adrive: no hej plytvanie volnym casom :) Ja mam rad ked su veci pekne, cloveka to potesi a dobre sa na to pozera. A zaroven chcem poukazat na moznosti Apachu, ktory nie je len ten neviditelny web server, ktory len bezi ale clovek s nim moze robit aj celkom zaujimave veci.

    Livusha: ja si to plne uvedomujem, nie vsak vzdy mozem pokryt zaujem vsetkych citatelov. Dlho tu uz nebolo nic technickejsie a ja mam take veci rad, pevne verim, ze aj ostatni. Tento serial robim kvoli tomu, lebo verim, ze by ludi mohol celkom zaujat, zatial vsak nevidno ziadny vysledok, ten pride nabuduce :)

  • http://vladooo.blogspot.com Vladooo

    Podobne ako Livusha :)…neviem o čom je reč, ale si maník Depi, v tom dobrom :)

  • http://tv.itelka.com camper

    aj pre mna je to totalne nezaujimave, hoci mam aj ja loclhsot spusteny a dokonca tam mam vylistovane rozne adresare, ale proste taketo detaily som nikdy neriesil a a ni nebudem je to uplna strata casu…

    no zatial to vidno aj na blogu, ze to vacsinu ludi nezaujima… :-))

  • http://temp.manda.sk matho

    ja nieco take mam spravene skriptikom, len sa mi nechcelo davat tam X ikoniek … odkaz je skryty nizsie :-)

  • http://livusha.blogspot.com Livusha

    :D , Vladooo… vystihol si to,klobuk dole, manik Depi …
    a taktiez kazdy mame svoje uchylky…. a kazdy je na nieco zatazeny (napr. ja na keltske krize ) …a ako spominal Depi, velmi rad zdiela dokumenty, fotografie… dal nam o tom vediet,a dokonca si toto zdielanie robi este krajsim…dufam,ze uvidime vysledok…

  • http://www.depi.sk Erik Gyepes

    Livusha, teraz som z tvojho komentaru pochopil, ze mojou uchylkou je zdielanie dokumentov atd. Veta v clanku vsak znela, ze rad zdielam tie veci PROSTREDNICTVOM WEBHOSTINGU. A nie je to moja uchylka :D Ale hej, mam rad pekne veci ;-)

  • iyo

    Osobne by som sa netrápil s apacheom – nevychadzam s jeho konfigurakmi najlepsie – ale isiel rovno na to PHP… jednoduchý skript, trošku ošetriť proti náchylnosti na podvrhnutie adresy…

    Treba svoj odpor premôcť a tak sa teším na zajtra ako sa to robí… Som fakt zvedavý, ako si pridáš do listingu odkaz na ten CSS súbor…

  • http://www.emdi.sk/blog:5:Novy_web_online eMDi

    celkom good idea, ale priklanam sa k niektorym nazorom ;) no tesim na pokracovanie :)

  • http://theextrablog.wordpress.com martin

    presne tak kazdy, mame nejaku tu svoju uchylku

  • http://mariodian.wordpress.com TommyHot

    iyo: tiez by som to riesil php scriptom, pripadne do toho nejaky javascript na “skraslenie”. Bude treba preinstalovat apache, alebo len staci nejaky blby upgrade, ktory vsetko pomaze a mozes robit odznova.. Script si len nalinkujes z nejakeho ineho adresara a frcis a dalej :)

  • http://www.blog.tutoky.com MareceK

    no, prave sa to chystam upravit na nasom webhoste :) tak som zvedavy ako to vyriesis ty ;)

  • Ivan

    Super napad, kto chce, tak ho pouzije, a kto nechce, moze ist o stranku dalej. Mna to zaujalo, lebo viem vyuzitie.