Creando índices de directorios con FancyIndexing en Apache

apache-logoA continuación se describe como configurar un directorio en apache para que muestre sus índices con una cabecera y pie de página personalizado.

El objetivo es lograr que los directorios con contenido variado sin index.html se muestren más agradables a la vista de los visitantes. Es decir, lograr un efecto similar al de http://www.alcancelibre.org/al/.

El primer paso consiste en trabajar con un directorio que permita utilizar ficheros .htaccess (es decir, con opción de AllowOverride all). Dentro de este directorio se crean dos ficheros con cualquier nombre, uno que servirá como cabecera de página y otro que servirá como pie de página.Básicamente los contenidos de estos dos ficheros corresponden a un documento HTML con formato. Para la cabecera el contenido debe ser desde la etiqueta <html> hasta a la etiqueta <body>, o bien una etiqueta <div> o <table> para dar mejro formato. El contenido del fichero para pié de página coresponde al complemento del documento HTML, es decir, desde la eqtiqueta </body>, o bien la etiqueta de cierre de </div> o </table>, hasta la etiqueta </html>. El contenido del directorio será mostrado justamente entre el código HTML del fichero de cabecera y el de pie de página.

Suponiendo que ya se tienen los dos ficheros HTML y que éstos se denominan CABECERA.html y PIE.html, se añade el siguiente contenido al fichero .htaccess:

Options +Indexes
IndexOptions +FancyIndexing +FoldersFirst +SuppressHTMLPreamble
HeaderName /ruta/relativa/directorio/CABECERA.html
ReadmeName /ruta/relativa/directorio/PIE.html

En lo anteririos, +Indexes hace que se permita ver el índice del directorio. +FoldersFirst hace que el índice muestre primero los directorios. +SuppressHTMLPreamble hace que se suprima el código HTML que genera automáticamente Apache para motrar el índice del directorio y obliga a definir con HeaderName el fichero de cabecera y con ReadmeName el fichero de pie de página.

Si se desea que se oculten los ficheros CEBCERA.html y PIE.html, junto conlos ficheros de respaldo (los que terminan con ~), se añade al fichero .htaccess lo siguiente:

IndexIgnore *~ CABECERA.html PIE.html

Y se se desea especificar un icono personalizado para las carpetas y subir directorio, se añade lo sigueinte:

AddIcon /images/folder.png ^^DIRECTORY^^
AddIcon /images/back.png ..

De modo tal, con todo lo anterior, el fichero .htaccess debe lucir más o menos así:

Options +Indexes
IndexOptions +FancyIndexing +FoldersFirst +SuppressHTMLPreamble
HeaderName /ruta/relativa/directorio/CABECERA.html
ReadmeName /ruta/relativa/directorio/PIE.html
IndexIgnore *~ CABECERA.html PIE.html
AddIcon /images/folder.png ^^DIRECTORY^^
AddIcon /images/back.png ..

El resultado final depende de la creatividad con que se elaboren los ficheros CABECERA.html y PIE.html.

.

.

Fuentes: alcancelibre.org

Anuncios

Deja una opinión

Por favor, inicia sesión con uno de estos métodos para publicar tu comentario:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s