En este artículo hablaremos sobre cómo crear un sitio web compatible con la impresión. En el mundo en el que vivimos ahora, muchos de nosotros podemos acceder a la web casi en cualquier lugar. Esto puede hacerte pensar que imprimir una página web es cosa del pasado, pero no siempre es así. Todavía hay una serie de razones por las que las personas pueden querer imprimir una página web.
Nunca se sabe cómo la gente decidirá leer el contenido de su sitio web. Pueden usar una computadora de escritorio o una computadora portátil para visitar su sitio, o pueden ser una de las muchas personas que lo hacen en un dispositivo móvil de algún tipo. Los profesionales web de hoy crean sitios que se ven bien y funcionan bien en una amplia gama de dispositivos y tamaños de pantalla para adaptarse a esta amplia gama de visitantes. Sin embargo, imprimir es una opción en la que muchas personas no piensan.
Cómo crear un sitio web apto para imprimir
Haga clic en el botón”Inicio“, escriba”Bloc de notas” en el cuadro de búsqueda y haga clic en “Bloc de notas” en la lista de resultados. Haga clic en el menú”Archivo“del Bloc de notas, luego haga clic en”Abrir“y use el administrador de archivos para ubicar el archivo HTML que desea editar. Haga clic en el botón”Abrir“. Escriba el siguiente código en una línea en blanco encima de la etiqueta”“en su archivo HTML: Este código indica al navegador que cargue un archivo CSS que contiene instrucciones para imprimir páginas web. Escriba un nombre de clase único en cada etiqueta HTML que no desee que aparezca en la página impresa o en la vista previa de impresión del navegador. Por ejemplo, podría agregar class=”noprint” a una etiqueta div que tenga anuncios web o menús de navegación. Si la etiqueta ya tiene un nombre de clase, puede agregar otro nombre escribiendo un espacio después del nombre de clase existente y luego escribiendo el nuevo nombre de clase. Por ejemplo, para agregar el nombre de clase”noprint“a un div que ya tiene el nombre de clase”menu“, escriba: class=”menu noprint”Presione”Ctrl-S” para guardar su archivo HTML. Haga clic en el menú”Archivo“, luego haga clic en”Nuevo“para iniciar un nuevo documento de Bloc de notas. Escriba el siguiente código, sustituyendo”.noprint“con el nombre de la clase que desea usar:.noprint {display: none} La propiedad y el atributo”display:none“hacen cualquier clase con ese nombre de etiqueta invisible cuando imprima o imprima una vista previa de la página web. Presiona “Ctrl-S” para guardar el archivo. Escriba”print.css“como nombre de archivo, luego haga clic en el botón”Guardar“.
Preguntas frecuentes
¿Qué hace que una página sea PrintFriendly?
La mayoría de las páginas web tienen información y enlaces que solo son útiles mientras navega por el sitio. Las páginas que son fáciles de imprimir están diseñadas para caber en una hoja de 8,5″x11″ o A4 (consulte los tamaños de papel) y solo incluyen el contenido de la página (texto sin formato e imágenes) e información sobre su procedencia.
¿Cómo imprimo una página web sin cortarla?
Al imprimir en modo horizontal, puede estar seguro de que no se cortará nada en los bordes. Antes de imprimir, la mayoría de los navegadores requieren que vaya al menú de archivo, haga clic en”configuración de página”y luego marque la casilla”apaisada”en la ventana de configuración de página.
¿Es PrintFriendly gratis?
PrintFriendly limpia y da formato a las páginas web para que se puedan imprimir bien. PrintFriendly se deshace de los anuncios, la navegación y otras cosas inútiles en las páginas web, por lo que cuando imprime, usa menos papel y tinta. Es fácil de usar y gratuito.