Agregar un botón de impresión o un enlace a su página web

Un control considerable

Las hojas de estilo en cascada (CSS) le dan un control considerable sobre cómo se muestra el contenido de sus páginas web en la pantalla. Este control se extiende a otros medios también, como cuando se imprime la página web. Tal vez se pregunte por qué querría añadir una función de impresión a su página web; después de todo, la mayoría de la gente ya sabe o puede averiguar fácilmente cómo imprimir una página web utilizando los menús de su navegador.

Pero hay situaciones en las que añadir un botón de impresión o un enlace a una página no sólo facilitará el proceso a sus usuarios cuando necesiten imprimir una página, sino que, quizás lo más importante, le dará más control sobre cómo aparecerán esas impresiones en el papel. A continuación se explica cómo añadir botones de impresión o enlaces de impresión en sus páginas, y cómo definir qué partes del contenido de su página se imprimirán y cuáles no.

Agregar un botón de impresión

Puede añadir fácilmente un botón de impresión a su página web añadiendo el siguiente código a su documento HTML en el que desea que aparezca el botón: onclick=»window.print();return false;» />. El botón se etiquetará como Imprimir esta página cuando aparezca en la página web. Puede personalizar este texto a su gusto cambiando el texto entre las comillas siguientes valor= en el código de arriba.

Agregar un vínculo de impresión

Obsérvese que hay un único espacio en blanco que precede al texto y lo sigue; esto mejora el aspecto del botón al insertar algún espacio entre los extremos del texto y los bordes del botón que se muestra. Es incluso más fácil añadir un simple enlace de impresión a tu página web. Simplemente inserte el siguiente código en su documento HTML donde quiera que aparezca el enlace: imprimir. Puedes personalizar el texto del enlace cambiando «imprimir» a lo que quieras.

Haciendo que secciones específicas se impriman

Puede configurar la posibilidad de que los usuarios impriman partes específicas de su página web utilizando un botón o un enlace de impresión. Puede hacerlo añadiendo un archivo print.css a su sitio, llamándolo en el encabezado de su documento HTML y luego definiendo las secciones que desea hacer fácilmente imprimibles definiendo una clase. Primero, agregue el siguiente código a la sección del encabezado de su documento HTML: type=»text/css» media=»print» /> A continuación, cree un archivo llamado print.css.

Los elementos del cuerpo

En este archivo, agregue el siguiente código: cuerpo {visibilidad:oculto;}.print {visibilidad:visible;} Este código define todos los elementos del cuerpo como ocultos al ser impresos, a menos que el elemento tenga asignada la clase «print». Ahora, todo lo que necesitas hacer es asignar la clase «print» a los elementos de tu página web que quieres que sean imprimibles. Por ejemplo, para hacer que una sección definida en un elemento div sea imprimible, usarías Cualquier otra cosa en la página que no esté asignada a esta clase no se imprimirá.

Leave a Reply

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *