Ver Mensaje Individual
  #4 (permalink)  
Antiguo 31/03/2003, 09:10
Avatar de t0m|ta
t0m|ta
 
Fecha de Ingreso: julio-2002
Ubicación: Madrid
Mensajes: 369
Antigüedad: 21 años, 8 meses
Puntos: 3
Las páginas imprimibles suelen ser una versión de la página, en la que se eliminan las imágenes, los fondos y demás, de esta forma, el usuario se imprime sólo la chicha, y no desperdicia tinta y papel (muy caros) imprimiento imágenes, bordes de tabla etc, que no hacen falta para nada.

En página como esta, que dependen de una base de datos, cuando pulsas "versión para imprimir", accesde a otro archivo, que recoge de la bd los mismos datos, pero los "Pinta" de otra manera. Esto se puede hacer con ASP, PHP, JAVA y otros múltiples lenguajes del lado del servidor.

Para los pobres hay otras dos opciones cuando no tienes acceso a lenguajes del servidor, ni a base datos y tus páginas son estáticas (html y CSS puros)

a) hacer otra página igual, pero sin adornos y enlazarla desde la bonita.

b) Utilizar CSS, utilizando hojas de estilo, puedes establecer una hoja de estilos "para impresora", y allí cambiar los colores, o decirle que ciertas cosas no se muestren (por ejemplo los menús etc)

A continuación te reproduzco un artículo de mio de hace algún tiempo:



Muchas veces nuestras páginas tienen menús y elementos muy útiles para la navegación como cajas de búsqueda y tal que a la hora de imprimir la página no son más que un engorro que le hace malgastar tinta al usuario. Así, cada vez son más las páginas que tienen una versión para imprimir, ¿Cómo lo hacen?

a) Currandose una página paralela

b) Utilizando programación del lado del servidor o java

3) Con CSS, de forma muy simple:

1.- A las capas que no quieres que se muestren en la impresora, les asignas una clase, por ejemplo "noprint".

Así nuestra capa sería:

Código:
<div class="noprint"> LO QUE SEA </div>


2º.- Defines un estilo sólo para impresión:
Código:

<style type="text/css">

@media print
{
.noprint {display: none;

}

</style>


Y... listo!

PD: No hace falta que sea un <div></div> puedes hacerlo con cualquier elemento que se te pase por la imaginación
__________________
:ojotes: t0m|ta - IHQ :ojotes:
No tengo palabras
Instrucciones de andar por casa