DESARROLLADOR
Server Side Includes (SSI) en ASPPor Ronald Flores
|
|
|
En el arsenal del desarrollador o programador de paginas web hay varias herramientas que son la sal y la crema al momento de desarrollar sitios dinámicos e interactivos y las cuales tienen como utilidad principal el agilizar el proceso de desarrollo de un sitio web. Dentro de estas herramientas, tenemos un concepto que es importante al momento de trabajar en el concepto visual o “layout” de una página, y nos referimos de “Server Side Includes" (SSI) o inclusiones de parte del servidor.
En este ejercicio utilizaremos el lenguaje Active Server Pages o ASP para demostrar como hacer simples inclusiones de pedazos de código en otra página. ¡Comencemos!
Principios BásicosEl uso principal de los “Server Side Includes” (de aquí en adelante SSI’s) es el poder incluir pedazos de código en una página con el propósito de darle uniformidad a una pagina web. Veamos por ejemplo la estructura de dos páginas regulares:
Pagina1.asp
<html>
<head>
<title>Este es mi sitio web!</title>
</head>
<body>
Este es el contenido de mi página.
</body>
</html>
Pagina2.asp
<html>
<head>
<title>Este es mi sitio web!</title>
</head>
<body>
Aca tengo mi otra página web. NITIDO!<br><br>
</body>
</html>
</b>
Como vemos en el ejemplo, la estructura interna de las páginas es prácticamente la misma, lo que cambia es el contenido de las mismas, en este caso todo lo que está dentro del tag BODY. Ahora bien, si tenemos dos páginas no hay que pasar tanto trabajo. Pero supongamos que tengamos 30, 40 o 100 páginas diferentes. Tendríamos que ir página por página e incluir exactamente la misma estructura. Esto seria un dilema y un tremendo dolor de cabeza para un programador. Imagínese aun mas, que mañana usted quisiera cambiar el título de la pagina (lo que esta dentro del tag <title>) en TODAS las paginas. Usted tendría que ir una a una! Bueno, pero no se preocupe. La forma mas sencilla de reparar esto es hacer un SSI. Veamos.
Primeros PasosLo importante hasta este momento es definir cual parte del código de su pagina usted desea incluir dentro de las demás. En este caso, queremos que toda la sección <HEAD> sea exactamente la misma en todas las páginas. El primer paso es entonces crear una página completamente aparte que contenga el código a ser incluido, como tal:
<b>
<head>
<title>Este es mi sitio web!</title>
</head>
</b>
Guarde esta página con el nombre inc_head.asp (no tiene que ser este, y la extensión no tiene que ser .asp). Haga nota también del lugar en la raíz de su servidor donde usted almacenará la página. Ahora veamos como incluir este código en otras páginas.
Haciendo la Inclusión en ASPEn ASP, el método de invocar un SSI es de la siguiente forma:
<!--#include [virtual | file]=”nombre pagina”-->
Veamos por partes. El elemento <!-- establece que lo que prosigue es un elemento de DHTML o Dynamic HTML. Luego sigue el método #include. Lo que sigue puede ser o ‘virtual’ o ‘file’. La diferencia entre virtual y file se establece dependiendo en la estructura de su sitio. Por ejemplo, si la pagina a incluir está en el mismo directorio que la pagina dinámica, entonces usamos ‘file’. Ahora, si la pagina a ser incluida reside fuera del directorio donde reside la pagina dinámica, debemos usar el elemento ‘virtual’. Supongamos que usted es una persona organizada y desea que todos los pedazos de código a ser incluidos en otras paginas están en la carpeta /includes/ pero la pagina dinámica se encuentra en la carpeta /carros/ pues la sintaxis correcta dentro de la pagina dinámica seria:
<!--#include virtual=’/includes/inc_head.asp”-->
No obstante, si la pagina reside en el mismo directorio, basta con usar:
<!--#include file=”inc_head.asp”-->
Veamos ahora entonces como hacer la inclusión en la pagina dinámica. Abra la pagina pagina2.asp y entre lo siguiente:
Pagina2.asp
<html>
<!--#include virtual=”/includes/inc_head.asp”-->
<body>
Aca tengo mi otra página web. NITIDO!<br><br>
</body>
</html>
NOTA: Recuerde que para que esto funcione debe guardar la pagina con extensión .asp. Guarde la misma y dirija su navegador de Internet a Pagina2.asp. ¡Listo! Verifique el ‘source’ o fuente de la pagina y verá que el código de <head> fue incluido sin problemas. Ahora abra las demás páginas y realice lo mismo y todas tendrán el mismo código. Cual es el efecto de esto? Que si usted desea cambiar el <head> de todas las paginas, solo basta con cambiar el código dentro de inc_head.asp y las demás paginas automáticamente harán inclusión del código actualizado.
En una próxima edición veremos como usar SSI’s para hacer layouts y templates de paginas web. ¡Hasta la próxima!
Este artículo ha sido visto 295 veces.
Más artículos y Noticias
|
