resolucion ver - imprimir

patriciacon · #1 (**permalink**) 07/07/2006, 10:20

Hola, tengo una duda
¿Que tamaño o resolución hay que darle a una pagina para que al momento de imprimir no quede cortado?
Gracias

ludovico2000 · #2 (**permalink**) 07/07/2006, 11:19

al final, dependerá de la impresora y configuración de impresión de quien vaya a imprimirlo. Puedes volverte loco para que entre, y luego hay quien no sea capaz de ponerlo en impresión en horizontal/vertical -según sea el caso-

patriciacon · #3 (**permalink**) 07/07/2006, 11:31

¿claro, pero como lo hacen en general todos los sitios web para que cuando los usuarios quieran imprimir sus páginas, queden lo mejor posible?

Si defino mis paginas en 800 x 600, quiere decir que al imprimirlas me van a salir del mismo tamaño?

ludovico2000 · #4 (**permalink**) 07/07/2006, 12:30

El navegador mandará a la impresora lo que le parezca oportuno, que generalmente suele ser algo bastante feo. Por eso a veces se utiliza una forma para decirle que en lugar de la página, imprima cierto documento que hay en el servidor en el que has puesto todo "bien bonito" (un .doc, o un .xls, por ejemplo).

algo como...

<link rel="alternate" media="print" href="ejemplo.doc">

patriciacon · #5 (**permalink**) 07/07/2006, 18:10

Me lo podrias explicar en dreamweaver? no entiendo de codigos html.
Mil gracias

ludovico2000 · #6 (**permalink**) 10/07/2006, 03:00

En dreamweaver... le das a la vista de código, y entre las etiquetas <head> y </head> (donde seguramente haya más cosas) pones esa línea, pero claro, tienes que cambiar el href="ejemplo.doc" por la ruta/documento.??? que quieras imprimir.

No sólo de WYSIWYG vive el hombre

patriciacon · #7 (**permalink**) 10/07/2006, 08:56

Lo hice y resultó bien, sin embrago no sé como hacer lo mismo para imprimir cierta parte del texto, o un parrafo por ejemplo. Gracias.

Undying · #8 (**permalink**) 11/07/2006, 08:40

Hola Patricia, una solución efectiva que utilizoes la inclusión de un link en cada una de las páginas en que el usuario pueda llagar a imprimir.
Este link los dirige a una versión imprimible del documento.(sin banners,barra de navegación etc...)
Yo suelo hacer la página con un discreto logo del sitio, el título del articulo y el texto (tene en cuanta siempre que el fondo debe ser blanco sobre texto negro) y suelo además poner mi URL del sitio de forma discreta al final para que el visitante recuerde la fuente de donde lo imprimió.

Uso de CSS
con la hoja de estilo en cascada (Cascade style sheet) tiene una gran ventaja este lenguaje porque da una gran libertad para crear este tipo de páginas.
Los archivos CSS son archivos de texto. con estensión .css que ofrece el control sobre el formato de diferentes elementos en la página por medio de un lenguaje especial.
los estilos CSS se pueden poner de 2 maneras :entre las etiquetas HTML <style>
y </style> o mediante <LINK rel="stylesheet" href=" estilos.css type="text/css"> ,donde dice estilos.css tiene que ir un hipervinculo al archivo de estilos que hay que crear y subir al servidor. De esta forma se define todos los estilos para la pantalla.

Para definir estilos para la impresiónsimplemente ponerle la propiedad media="print"

(acá te hago un ejemplo para que lo entiendas mejor)

<html>
<head>
<title>P´gina de Patricia</title>

<style type="text/css">
body {background: white; color: grey}</style>

<style type="text/css" media=print>
body {background: white; color: black}
</style>

</head>
<body>
<p>acá se pone el texto que deseas ejemplo patricia quiere imprimir.</p>

</body>
</html>

Bueno, a´ca defini 2 estilos, en dondeem la primera estableci el color de fondo (White) para el elemento <body> y el color gris para todo el texto que aparezca en el.
La segunda definición está destinada a la impresora (sip, tb se puede hacer esto :D )por eso lleva la propiedad media="print". y lo defini para que el fondo sea blanco (white) y el textocolor negro (black)
Obviamente no se verá el cambio hasta que no se imprima la página.

Versión en PDF
Lo que pasa con este tipo de formato es que es muy pesado, lo más ecomendable es ofrecer el contenido en formato HTML como en PDF.
El PDF como lo ves en pantalla así saldra en la impresora.
La desventaja es que como ya te dije el tamaño es enorme.
Esto lo podes hacer en Photoshop y lo guardas con extensión .pdf

Vesrsión alternativa
Esta es una forma estándar recomendada por el w3c (world wide web consortium) qué establece que se pueda colocar el siguiente cçodigo en una página cualquiera de modo que al imprimirla se descargue automaticamente la versión imprimible de la página.

este código tenés que ponerlo dentro de la sección <head>

<link rel=alternate" media="print" href="impresion/documento01.pdf"
type=application/pdf>

sea cual sea la página que estas viendo si incluye este codigo cuando el usuario aprete el boton imprimir de su navegador se imprimirá el archivo que pusiste como enlace. documento01 en este ejemplo.

bueno, espero que te sea de utilidad. Cualquier duda, ya sabés... ;)

Saludos!

ludovico2000 · #9 (**permalink**) 11/07/2006, 09:25

Cita:

Iniciado por patriciacon

Lo hice y resultó bien, sin embrago no sé como hacer lo mismo para imprimir cierta parte del texto, o un parrafo por ejemplo. Gracias.

...como no pongas un botón "versión imprimible" al lado de cada párrafo, que saque un pop-up para que el visitante se pueda imprimir sólo eso...

Si es un trocito de texto o un párrafo... mejor que el usuario lo seleccione, copie y pegue donde quiera y se lo imprima, como hace todo el mundo

jissuka · #10 (**permalink**) 12/07/2006, 03:21

Existe también la opción de ScriptX (lo siento pero es mi primer mensaje y no puedo poner el enlace, con una búsqueda al google sale el primero)

Yo la usé para mantener los margenes en todos los usuario de mi Intranet, ya que era una locura, que quedara cuadrado para todas las impresoras y configuraciones.