Cómo crear una impresión de comandos en una página Web

En la era de hotspots Wi-Fi, conexiones a Internet son casi omnipresente; Dicho esto, hay muchas veces en que es conveniente tener una copia impresa de una página web en particular a su disposición. Si usted mantiene un sitio web con información útil o entretenido como recetas o entradas de diario, sus lectores pueden desear imprimirlos para su propia referencia o para compartir con los demás. Hacer este proceso más fácil para ellos mediante el uso de JavaScript y CSS para agregar un comando de impresión a su página web.

Instrucciones

Formato y Código

1

Dar formato a la página Web para la impresión mediante el uso de hojas de estilo en cascada (CSS). Comience insertando el siguiente código en la sección <head> de su página web:
<Link rel = "stylesheet" type = "text / css" href = "print.css" media = "print" />
Esto indicará al navegador para utilizar una hoja de estilo personalizada denominada "print.css" al imprimir.

2

Determinar si hay elementos que no desea incluir en la versión de sólo impresión de su página Web, tales como anuncios o menús de navegación. Incluya estas secciones en <div> etiquetas pertenecientes a la "noprint" clase; por ejemplo:
<Div class = "noprint"> <img aparezcan en la impresión.

3

Crear un nuevo documento denominado "print.css." Inserte los siguientes elementos en este documento:
body {color: # 000000; fondo: #ffffff; font-family: "Times New Roman", Times, serif; font-size: 12pt; }
a {text-decoration: underline; color: # 0000ff; }
.noprint {display: none; }
Esto mejorará la legibilidad de su página web impresa.

4

Inserte el siguiente código en la sección <body> de su página web donde usted desea que su comando de impresión que aparezca:
<a href="javascript:window.print()"> Imprimir esta página </a>
Esto crea un enlace de texto que, cuando se hace clic, se abrirá la ventana de impresión en su navegador.

5

Guarde el archivo CSS y la página Web recién editado. Conéctate a tu servidor web a través de FTP o Web navegador y vuelva a colocar la página web de edad con su nueva; cargar el archivo CSS para el mismo directorio que su página Web.

Consejos y advertencias

  • Si quiere crear un enlace de impresión de una imagen, reemplace "Imprimir esta página" con una etiqueta <img>. Por ejemplo, si desea utilizar una imagen llamada "print.gif", el código sería: <a href=" javascript:window.print()"> <img src = frontera "print.gif" = 0> < / a> Si desea visualizar un botón estándar de formulario, utilice el siguiente código: <tipo form> <input = "button" onClick = "window.print ()"> </ form>
  • Haga una copia de su página Web antes de la edición.