Páginas web ::: Documentos PDF en la web 84

Diseño de materiales multimedia. Web 2.0

1.11 Documentos PDF

en la web
Páginas web ::: Documentos PDF en la web 85
Diseño de materiales multimedia. Web 2.0

1.11 Documentos PDF en la web

1.11.1 Introducción

En un sitio web es frecuente poner a disposición de los usuarios documentos en formato PDF
para la consulta de información. Ejemplo: los boletines oficiales. Las ventajas que ofrece este
tipo de archivo son:
• Se puede abrir con distintas aplicaciones de software gratuito.
• Es accesible desde cualquier plataforma: Windows, Linux, Mac, etc.
• El documento PDF tiene un tamaño más reducido que el original.
• Admite la búsqueda fácil de información entre sus páginas.
• Tiene una presentación idéntica e independiente del dispositivo de visualización
(pantalla) y de impresión (impresora).
• Permite proteger el contenido del documento frente a terceros.

En este capítulo se explican los siguientes procedimientos:

1. Lectura y creación de archivos PDF desde Windows: Adobe Reader y PDF Creator.
2. Lectura y creación de archivos PDF desde Ubuntu: Evince Visor de documentos.
3. Exportar a PDF desde OpenOffice.
4. Vinculación de un archivo PDF en una página HTML.

1.11.2 Lectura de archivos PDF en Windows

En Windows necesitamos un programa que nos permita abrir y leer los archivos PDF. La opción
más habitual es Adobe Reader. Puedes descargar e instalar el archivo
AdbeRdr812_es_ES.exe. La instalación se realiza siguiendo las opciones por defecto del
asistente. Tras la instalación se creará un acceso directo en el escritorio. Haciendo clic en
este icono se iniciará el programa. Desde el navegador web, cuando hagas clic en un enlace a
un documento PDF se iniciará automáticamente Adobe Reader mostrando el contenido del
archivo referenciado en el interior de una ventana del navegador.

Si deseas consultar la web de Adobe para comprobar si existe una nueva versión del
programa: http://www.adobe.es

Otra alternativa al uso de Adobe Reader es disponer de un programa portable para leer
documentos PDF. Es el caso del programa Sumatra PDF. Descarga y descomprime el archivo
SumatraPDF.exe en una carpeta de tu disco duro o bien en tu pendrive.

1.11.3 Instalación de PDF Creator en Windows

El programa Adobe Reader permite la lectura de documentos PDF pero no su creación. En su

defecto se propone utilizar PDFCreator como aplicación de libre distribución para crear un
documento PDF a partir de un archivo Word, Excel, etc:
http://sourceforge.net/projects/pdfcreator/
Páginas web ::: Documentos PDF en la web 86
Diseño de materiales multimedia. Web 2.0

1. Descarga el archivo PDFCreator-0_9_5_setup.exe y ejecuta el asistente de

instalación.
2. Selecciona el idioma de instalación. Elige Español y pulsa en el botón Aceptar.
3. Bienvenido al asistente de instalación de PDFCreator. Clic en Siguiente> para
continuar.
4. Acuerdo de Licencia. Marca la opción Acepto el acuerdo y pulsa en el botón
Siguiente >
5. Tipo de instalación. Activa la opción Instalación estándar y pulsa en el botón
Siguiente >
6. Nombre de la impresora. PDF Creator instala una impresora virtual en tu sistema.
Desde cualquier aplicación que pueda imprimir se podrán generar archivos PDF si
imprimes en esta impresora virtual. En este cuadro se puede definir el nombre con
que el sistema identificará a este dispositivo virtual. Conviene dejar la opción por
defecto: PDFCreator y pulsar en Siguiente >.
7. Selecciona la Carpeta Destino. Esta aplicación se instala por defecto en la carpeta
Archivos de programa. Si deseas instalarlo en otra carpeta pulsa en el botón
Examinar aunque se recomienda aceptar la opción por defecto. Clic en el botón
Siguiente >
8. Barra de herramienta PDFCreator. Este cuadro de información muestra que tras
instalar PDFCreator se puede disponer de una barra de herramientas adicional en
Internet Explorer que te permitirá guardar documentos HTML en formato PDF.
9. Selección de componentes. Acepta las opciones por defecto haciendo clic en el
botón Siguiente>
10. Selecciona la carpeta del Menú de Inicio. Clic en el botón Siguiente >
11. Selecciona las Tareas Adicionales. Clic en el botón Siguiente>
12. Listo para instalar. Clic en el botón Instalar.
13. Finalizando el asistente de instalación de PDFCreator. Clic en el botón Terminar.

1.11.4 Crear un archivo PDF con PDFCreator en Windows

1. Descarga y descomprime el archivo alimentacion.zip en la carpeta miweb. Como

resultado dispondrás en esta carpeta de dos documento: alimentación.txt,
alimentación.odt (para OpenOffice) y una página HTML: plantas.html.
2. Sitúate en esta carpeta y haz doble clic en el archivo alimentación.txt para abrirlo
con el Bloc de Notas.
3. Antes de imprimir vamos a configurar la página para eliminar los encabezados y pie
de página. Para ello selecciona Archivo > Configurar página …
Páginas web ::: Documentos PDF en la web 87
Diseño de materiales multimedia. Web 2.0

4. En el cuadro de diálogo Configurar página borra el texto de Encabezado y Pie de

página y pulsa en el botón Aceptar.
5. Ahora vamos a imprimir el documento. Elige Archivo > Imprimir.
6. En el cuadro Imprimir selecciona en la lista Nombre la impresora virtual de
PDFCreator. Clic en el botón Imprimir.

7. Antes de iniciar la impresión con PDFCreator se solicitan los metadatos del nuevo
archivo: título, fecha de creación, fecha de modificación, autor, asunto, palabras
clave, etc. Es importante completar adecuadamente estos datos. Asegúrate de que la
casilla Al terminar, abrir el documento con el programa predeterminado esta
activada para ver el aspecto final del documento.

8. Pulsa en el botón Guardar.

Páginas web ::: Documentos PDF en la web 88
Diseño de materiales multimedia. Web 2.0

9. Se muestra el cuadro Guardar como … En la lista desplegable Guardar en: selecciona

la carpeta destino donde se guardará el archivo PDF final. Por ejemplo: miweb\pdf.
En la casilla Nombre teclea, por ejemplo, como nombre de archivo alimentación.
PDFCreator añade automáticamente la extensión *.PDF. Clic en el botón Guardar.

10. Para terminar se abrirá el Adobe Reader mostrando el nuevo archivo PDF.

Nota:
Páginas web ::: Documentos PDF en la web 89
Diseño de materiales multimedia. Web 2.0

Una vez que has instalado Adobe Reader y PDF Creator se puede crear un PDF desde
cualquier programa que permita la impresión: Microsoft Office, Internet Explorer, Mozilla
Firefox, etc. Si se utiliza con un navegador web permite realizar copias de seguridad en
formato PDF de las páginas web que se visitan. El proceso se iniciará de forma similar a como
se describe en este apartado a partir del comando Archivo > Imprimir.

1.11.5 Lectura de archivos PDF en Ubuntu

Ubuntu dispone por defecto de un programa instalado para leer y crear documentos PDF. Se
trata de Evince Visor de documentos PDF.

Para comprobar que está instalado:

1. Desde el escritorio de Ubuntu selecciona Aplicaciones > Añadir y quitar …

2. En la casilla Buscar introduce el término pdf. Observa que al cabo de unos instantes
se mostrará en el listado derecho de aplicaciones la entrada Visor de documentos
(Ver documentos multipágina).
3. Éste es el programa que nos permitirá leer e imprimir a PDF desde Ubuntu.

Si tratamos de abrir un archivo PDF descargado de Internet a través del navegador o bien un
fichero PDF del equipo se abrirá esta aplicación mostrando su contenido. De esta forma
podremos leerlos.

1.11.6 Crear una impresora virtual PDF en Ubuntu

Al crear una impresora virtual PDF en Ubuntu podrás crear un documento PDF a partir de
cualquier aplicación mediante Archivo > Imprimir y seleccionando este dispositivo virtual.

Los pasos para instalar esta impresora virtual son:

1. Desde el escritorio de Ubuntu selecciona Aplicaciones > Accesorios > Terminal.

Páginas web ::: Documentos PDF en la web 90
Diseño de materiales multimedia. Web 2.0

2. En la ventana de consola escribe: sudo apt-get install cups-pdf

3. Cierra esta ventana.
4. Desde el escritorio elige Sistema > Administración > Impresoras
5. Clic en el botón Impresora Nueva
6. Seleccione la conexión. Elige como dispositivo Print into PDF file y pulsa en el botón
Adelante.
7. Seleccionar impresora desde la base de datos. Selecciona la marca Generis y pulsa en
el botón Adelante.
8. Modelos y Controladores. Elige como modelo PostScript Printer y como controlador
Generis PostScript Printer (recomendado). Clic en el botón Adelante.
9. Nombre de la impresora. Introduce por teclado su identificativo, por ejemplo:
PDFPrinter.
10. Clic en el botón Aplicar y cierra el panel de administración de impresoras.

1.11.7 Utilizar una impresora virtual PDF en Ubuntu

1. Arranca el navegador web Mozilla Firefox y sitúate en una página web.

2. A continuación selecciona Archivo > Imprimir.
3. En el panel Imprimir selecciona la impresora CUPS/PDFPrinter y a continuación pulsa
en el botón Imprimir. Recuerda que el nombre que le asignamos a la impresora
virtual PDF en el apartado anterior fue PDFPrinter.
4. Desde el escritorio selecciona Lugares > Carpeta Personal. Observa que dentro de
esta carpeta personal se ha creado una subcarpeta PDF. En su interior se encuentra el
PDF generado.

1.11.8 Crear documentos PDF desde OpenOffice

Hay aplicaciones como Writer o Impress de OpenOffice que permiten exportar a un

documento en formato PDF sin necesidad de disponer de PDFCreator instalado en el equipo.

Windows

Si no dispones de OpenOffice puedes descargar e instalar la versión portable de OpenOffice:

OpenOffice2.exe. Descomprime el contenido en una carpeta de tu disco duro o pendrive para
disponer de este completo paquete ofimático.

Ubuntu

En las mayoría de distribuciones de Ubuntu viene instalado OpenOffice por defecto. Se

accede a una de sus aplicaciones desde el escritorio mediante: Aplicaciones > Oficina >
OpenOffice.org …

Ambos

Una vez que ya disponemos de OpenOffice seguimos los siguientes pasos:

1. Abre OpenOffice Writer

2. Selecciona Archivo > Abrir …
Páginas web ::: Documentos PDF en la web 91
Diseño de materiales multimedia. Web 2.0

3. En el cuadro de diálogo Abrir localiza el archivo alimentación.odt situado en la

carpeta miweb. Ha resultado de descomprimir alimentación.zip en un apartado
anterior.
4. Una vez abierto este documento selecciona la opción Archivo > Exportar en formato
PDF …
5. Se muestra el cuadro Opciones de PDF donde es posible configurar ciertos
parámetros del PDF resultante. En este caso aceptamos las opciones por defecto y
pulsamos en el botón Exportar.

6. En el cuadro Exportar selecciona la carpeta miweb\pdf en la lista Guardar en. Si no

has creado la carpeta pdf puedes hacerlo desde aquí. Teclea alimentación en el
Nombre del PDF y haz clic en el botón Guardar.
Páginas web ::: Documentos PDF en la web 92
Diseño de materiales multimedia. Web 2.0

7. Si utilizas el explorador de archivos podrás encontrar el archivo alimentacion.pdf

dentro de la carpeta miweb\pdf. Si haces doble clic sobre él se abrirá el lector PDF
por defecto mostrando su contenido.

1.11.9 Enlace de un documento PDF

1. Abre Kompozer
2. Selecciona Archivo > Abrir
3. Localiza el archivo plantas.htm que has situado en miweb en apartados anteriores.
Clic en el botón Abrir.
4. Navega hasta el final del documento. Pulsa y arrastra para seleccionar la penúltima
línea: Más información sobre la alimentación de las plantas
5. Clic en el botón Enlace de la barra de herramientas

6. En el cuadro Propiedades del enlace pulsa en el botón Elegir archivo …

Páginas web ::: Documentos PDF en la web 93
Diseño de materiales multimedia. Web 2.0

7. En el cuadro de diálogo Abrir archivo HTML despliega la lista Buscar en para mostrar
el contenido de la carpeta miweb\pdf. Despliega la lista Tipo y selecciona Todos los
archivos. De esta forma se mostrará el archivo alimentacion.pdf que has creado en
apartados anteriores. Clic sobre este archivo y pulsa en Abrir.

8. En el cuadro Propiedades del enlace observa que en Ubicación del enlace aparece
la ruta al PDF: pdf/alimentacion.pdf.
Páginas web ::: Documentos PDF en la web 94
Diseño de materiales multimedia. Web 2.0

9. En el área Destino marca la opción El enlace se abrirá y en la lista elige la opción en

una nueva ventana.
10. Clic en el botón Aceptar.
11. Resulta conveniente añadir información a continuación del enlace sobre el tamaño
del archivo PDF. Teclea: (PDF – XX,X Kb). El peso del archivo PDF resultante se
averigua utilizando el explorador de archivos: clic derecho y elige Propiedades.
12. Desde Kompozer guarda los cambios de la página plantas.html mediante Archivo >
Guardar.
13. Para comprobar el correcto funcionamiento de este enlace, pulsa en el botón
Navegar. Si dispones de Firefox como navegador por defecto de tu equipo se
mostrará con el contenido de esta página. Al pulsar sobre el enlace creado se
mostrará el documento PDF vinculado.

1.11.10 Enlace a una página de un PDF

Tal y como hemos visto con anterioridad la tarea de enlazar a un PDF desde una página web
es relativamente fácil. En este apartado se describen los detalles de cómo enlazar a un
marcador o página concreta de un PDF. Esto es especialmente interesante cuando el PDF es
muy grande.

1. Descarga y descomprime el archivo TIC_project.zip a la carpeta miweb\pdf. Se trata

de un archivo PDF. Si tienes instalado Adobe Reader puedes utilizar el explorador de
archivos para navegar hasta la carpeta indicada y abrirlo haciendo doble clic sobre él.
2. Abre Kompozer y selecciona Archivo > Nuevo. En el cuadro de diálogo Crear un
nuevo documento o plantilla marca la opción Un documento vacío y pulsa en el
botón Crear.
3. Pulsa en el botón Guardar. Introduce como título: “El proyecto TIC del centro”. En la
lista desplegable Guardar en selecciona la carpeta miweb e introduce como nombre:
proyecto.html
Páginas web ::: Documentos PDF en la web 95
Diseño de materiales multimedia. Web 2.0

4. Escribe como primera línea “El proyecto TIC del centro”. Selecciona el texto y
asígnale el formato Título 1
5. En línea aparte escribe el texto: “Documento PDF completo”, selecciónalo y pulsa en
el botón Enlace de la barra de herramientas.
6. En el cuadro Propiedades del enlace pulsa en el botón Elegir archivo …

7. En el cuadro de diálogo Abrir archivo HTML despliega la lista Buscar en: para
situarte en la carpeta miweb\pdf. Despliega la lista inferior Tipo y selecciona la
opción Todos los archivos para ver todos los archivos contenidos en la carpeta
elegida. Haz clic sobre el documento TIC_project.pdf y pulsa en el botón Abrir.
Páginas web ::: Documentos PDF en la web 96
Diseño de materiales multimedia. Web 2.0

8. Regresas al cuadro Propiedades del enlace. Observa que el cuadro de texto

Ubicación del enlace se muestra la ruta relativa a la página donde se ubica el PDF
referenciado.
9. Clic en el botón Aceptar.

10. Para guardar la página HTML pulsa sobre el botón Guardar.

11. Si tienes configurado Firefox como navegador web por defecto del equipo, entonces
al pulsar en el botón Navegar se abrirá una ventana de este navegador mostrando el
contenido de la página. Otra posibilidad es utilizar el explorador de archivos y
navegar hasta la carpeta miweb para hacer doble clic sobre el archivo proyecto.html.
12. Regresa a Kompozer y repite los pasos explicados del 5 al 10 para crear los siguientes
textos y enlaces (cada uno en una línea aparte). En el cuadro de diálogo Propiedades
del enlace, una vez que estas apuntando al documento PDF (paso 8) y antes de hacer
clic en Aceptar, puedes añadir los parámetros adicionales para situarse en una zona
específica del mismo.

Texto Enlace
Índice (página 2) pdf/TIC_project.pdf#page=2
El coordinador TIC (página 25) pdf/TIC_project.pdf#page=25
Lineas de Actuación (destino) pdf/TIC_project.pdf#Lineas_Actuacion
Organigrama (destino) pdf/TIC_project.pdf#Organigrama
Documento (zoom 200) pdf/TIC_project.pdf#zoom=200,10,10
Documento con marcadores visibles pdf/TIC_project.pdf#pagemode=bookmarks
Documento con miniaturas visibles pdf/TIC_project.pdf#pagemode=thumbs
Documento sin barras de scroll pdf/TIC_project.pdf#scrollbar=0
Documento sin barra de pdf/TIC_project.pdf#toolbar=0
herramientas
Organización (página 23 ajustada) pdf/TIC_project.pdf#page=23&view=Fit
Organización (página 23 tamaño pdf/TIC_project.pdf#page=23&viewrect=10,10,300,200
ventana)
Páginas web ::: Documentos PDF en la web 97
Diseño de materiales multimedia. Web 2.0

13. Clic en el botón Guardar para guardar los cambios de la página.

14. Pulsa en el botón Navegar para visualizar esta página y comprobar el funcionamiento
de los enlaces definidos.

A continuación se indica la sintaxis que se puede utilizar en el enlace a un PDF. Los

parámetros entre corchetes son opcionales.

documento.pdf#page=numero
Ir a la página cuyo número se indica. Debe ser un número entero. La primera página del
documento es la 1.

documento.pdf#cadena_destino
Ir al destino cuya etiqueta se indica: cadena_destino. Los documentos PDFs pueden tener
etiquetas destino. Cada destino es una etiqueta de texto asociada a un número de página del
documento. Es importante no confundir los destinos con los marcadores de página.

documento.pdf#zoom=escala[,izquierda,arriba]
Muestra el documento con el zoom indicado en el valor escala. Una escala de 100 proporciona
un zoom del 100%. Los valores opcionales izquierda y arriba son números enteros que indican
las coordenadas en píxeles del documento donde se situará la esquina superior izquierda de la
ventana de visualización.

documento.pdf#view=modo
Define el modo en que se visualizará la página. El modo puede ser:
• Fit (Ajuste). Ejemplo: documento.pdf#view=Fit
• FitH[,top] (Ajuste horizontal).
• FitV[,left] (Ajuste vertical).
• FitB (Ajuste bajo)
• FitBH[,top] (Ajuste horizontal bajo).
• FitBV[,left] (Ajuste vertical bajo).

documento.pdf#viewrect=izquierda,arriba,anchura,altura
Indica la posición y tamaño del rectángulo de visualización de la ventana de visualización del
documento. Todos los valores son enteros y expresan unidades en píxeles.

documento.pdf#pagemode=modo
Permite mostrar los marcadores o miniaturas de página del documento pdf. Los posibles
valores de modo son: bookmarks (marcadores), thumbs (miniaturas) o none (no se muestra
ninguno).

documento.pdf#scrollbar=0
Activa o desactiva las barras de desplazamiento con que se muestra el documento. Si se
define como 0 se ocultarán estas barras.

documento.pdf#toolbar=0
Muestra u oculta la barra de herramientas del visor de Adobe Reader. Si se define como 0 no
se visualizará esta barra.

Notas:
• En la URL no se deben dejar espacios en blanco.
• No utilizar en cada comando más de 32 caracteres de longitud.
• Se pueden utilizar múltiples comandos separados por el signo “&”.
Ejemplo: documento.pdf#page=21&pagemode=bookmarks&zoom=150