|
|
 |
Novedades |
 |
 |
Dos nuevos artículos.
Instalación y uso de dos programas que pueden mejorar nuestra seguridad en internet. Sencillos, gratuitos y en castellano!
|
 |
|
También en puntocom.
A partir de hoy ya se puede acceder a esta página tanto con el .net como con el .com. Una puerta más para la misma casa.
|
|
 |
|
 |
|
|
|
| |
|
|
|
Las ventajas de usar includes |
|
|
La posibilidad de incrustar código procedente de un archivos separado en una web abre caminos
que antes requerían el uso de los engorrosos frames y nuevas opciones para reutilizar y ahorrar código.
El desarrollo de una página web compleja puede simplificarse enormemente si seguimos unos pocos pasos y llevamos un cierto orden.
En general, las páginas de un sitio web comparten muchas secciones comunes. A veces, un menú con enlaces a todo el contenido del sitio aparece en
un lateral o en la parte superior (o en ambas) para facilitar la navegación.
Una forma de implementar un menú así es utilizar marcos o frames. Pero a veces los frames son difíciles de manejar, poco flexibles y, casi siempre, poco estéticos (muestran barras de scroll, son difíciles de ajustar a distintas resoluciones... un martirio).
La ventaja es clara: con un solo fichero se tiene resuelta una parte común a todas las páginas y cuando sea necesario cambiar algo en ella, solo tendremos que editar un fichero, en lugar de todas las páginas del sitio.
Una buena solución es el uso de includes combinado con tablas (o con un buen uso de CSS). Al igual que separamos una página en marcos, podemos dibujar la misma distribución con tablas. Una gran tabla puede contener dos, tres, cuatro celdas que, a su vez, alojarán
todo el contenido de la página. Identificando el código común a varias páginas preparamos la tabla para que este código común esté lo más agrupado posible. Si no puede ser en una celda, en varias separadas. Ahora llega el momento de llevarse el código a otra parte.
La porción de código común la cortamos (Ctrl-X :) y la pegamos en otro fichero que llamaremos comun1.inc, por ejemplo 1. Repetimos el proceso para todas las secciones comunes. Hemos conseguido quedarnos con una página en cuadro: solo una tabla con la mayoría
de sus celdas vacías y unos pocos ficheros sueltos. Ahora solo tenemos que volver a montar el puzzle por medio de includes. La forma de hacerlo es la siguiente. En cada hueco, vamos a realizar una llamada al fichero preciso con una sentencia como esta:
<!-- #include file="comun1.inc" -->
Ya está! Si hemos sido ordenados, todo volverá a encajar a la perfección. Y lo que es mejor, en adelante podemos usar la misma plantilla para el resto de las páginas. Solo necesitamos cambiar el contenido específico de cada una. Sobre esto, se pueden hacer varias cosas:
- Sacar todo a includes y crear un fichero para el contenido específico de cada página. En mi opinión, un poco excesivo a menos que el proyecto sea realmente grande y tengamos buenos motivos para hacerlo (varias personas o grupos trabajando en el mismo sitio independientemente)
- Mantener en cada página el contenido específico y solo incluir el común. Simplifica bastante el trabajo y da un grado de orden adecuado para sitios de un tamaño moderado (no enorme)
Bien, todo esto... es útil? Si claro, para qué si no?. Con esto se ahorra uno los frames y reescribir mucho a la hora de hacer cambios. Vamos a ver con un gráfico como se podría separar este mismo sitio en includes (así está, aunque no exactamente como se muestra aquí). Bajo la imagen explico las secciones.
- Rojo. Esta sección incluye la cabecera de la página (formulario de usuarios y banner) y los dos menús, el horizontal y el vertical. Si algún día se añade una nueva sección o se coloca un banner rotatorio solo necesitaría modificar este fichero.
- Aquí el formulario de validación es tiene su propio include 2 dentro de este.
- Verde. Dos secciones comunes pero que se actualizan más a menudo que la anterior. De nuevo, solo un fichero que modificar.
- En esta web, las dos subsecciones que contiene llevan su propio include.
- Azul. El contenido específico de esta página. Este include nos lo podemos ahorrar (yo lo hago :)
- Negro. El pie de página. También podríamos ahorrarnos este include, pero puede que en el futuro precise cambios y ya ves no cuesta nada :).
Pues esto es todo. No es complicado si somos un poco ordenados y facilita enormemente el mantenimiento de cualquier página. La única pega que se le puede poner respecto a los frames es que toda la página se recarga, frente al frame que permanece fijo al cargar contenido en el frame central, pero dado que las imágenes (lo que relentiza una página)
están en memoria y el resto es un poco de texto, no frenara la carga de nuestras páginas. En cambio, ganamos en estética y en compatibilidad con distintas resoluciones y navegadores antiguos.
1 Si el fichero incluido contiene código de servidor tendremos que guardarlo con la extensión necesaria (.asp, .php, etc)
2 Los includes se pueden anidar, esto es, se puede realizar un include en un fichero que ya está incluido en otro. De todas formas, no es una práctica muy recomendable porque rompe el orden que buscamos y puede ser poco legible.
|
|
|
Webmaster - 17/04/2003 |
|
|
| |
|
