Cómo cargar un PDF dentro de una página web

Escrito por ed oswald | Traducido por beatriz sánchez
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo cargar un PDF dentro de una página web
Cómo cargar un PDF dentro de una página web. (Christopher Robbins/Photodisc/Getty Images)

Como diseñador web, es posible que desees cargar un archivo PDF en el sitio web que estás creando, lo que permite al usuario final ver el archivo dentro de tu diseño en lugar de lanzar un visor independiente, como Adobe Reader. Esto se puede hacer usando unas pocas líneas de código HTML e incrustando el PDF como lo harías con cualquier otro objeto multimedia. Es necesario tener conocimientos previos de HTML y desarrollo web para completar este tutorial.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Necesitarás

  • Un editor HTML
  • Los archivos PDF que deseas insertar
  • Un cliente FTP
  • Un navegador Web
  • Adobe Reader o un visor de PDF similar

Lista completaMinimizar

Instrucciones

    Incorporar y ver los archivos PDF

  1. 1

    Selecciona el archivo PDF que deseas insertar en tu sitio. Con el cliente FTP, carga el archivo en tu servidor web.

  2. 2

    Abre tu editor HTML y abre la página en la que deseas incrustar el archivo PDF. Selecciona la ubicación en la página en la que deseas colocar el archivo incrustado y deja espacio para agregar nuevo código en el lugar correspondiente en el código fuente HTML.

  3. 3

    Escribe el siguiente código: "<objeto type="application/pdf" data="x.pdf" width="y" height="z">". "X.pdf" es la ubicación de tu archivo (sustituye la "X" por el nombre del archivo PDF), "y" la anchura de la zona de visualización de PDF en píxeles, y "z" la altura. Asegúrate de tener en cuenta la anchura y altura del archivo PDF actual al tomar decisiones sobre el tamaño de esta zona.

  4. 4

    Agrega los siguientes parámetros, según sea necesario después de la variable de altura: toolbar, navpane y scrollbar. Dejarlo cero le dirá al navegador que no muestre estos objetos en la ventana. Por ejemplo, para evitar que la barra de herramientas se cargue, añade toolbar = "0" en el código anterior antes del cierre ">".

  5. 5

    Sigue escribiendo el código siguiente después del código del paso 3: "Haz clic <a href="x.pdf"> aquí</a>para ver el archivo". Aquí de nuevo "x.pdf" es la ubicación del archivo. Esta línea de código asegurará que los visitantes con navegadores antiguos que no admitan la etiqueta de objeto puedan cargar tu archivo PDF.

  6. 6

    Cierra la etiqueta de objeto, escribe lo siguiente después del código del paso 4: "</ object>". Esto indicará al navegador que el código para la incorporación está terminado.

  7. 7

    Guarda la página con la que estás trabajando y súbela a tu servidor web. Con el navegador web, introduce la URL de la página que acabas de editar y asegúrate de que la incorporación haya tenido éxito y aparece como quieres.

Consejos y advertencias

  • Los archivos PDF son una buena manera de asegurarte de que un documento aparece como deseas ante el usuario final, independientemente de su configuración. También es multiplataforma y un estándar de documento, lo que significa que la mayoría de los usuarios serán capaces de ver el archivo sin necesidad de software propietario.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles