creacion formulario editable

126
CREACIÓN DE UN FORMULARIO EDITABLE EN PDF

Upload: plumgar

Post on 12-Jun-2015

3.736 views

Category:

Travel


1 download

TRANSCRIPT

Page 1: Creacion formulario editable

CREACIÓN DE UN FORMULARIO EDITABLE EN PDF

Page 2: Creacion formulario editable

En este tutorial vamos a elaborar en formato pdf un formulario que pueda ser rellenado por el propio usuario antes de imprimirlo. Se trata de un tipo de impreso muy utilizado en los centros educativos: una autorización para participar en actividades extraescolares. Lo haremos con el programa SCRIBUS.El formulario consta de cinco apartados:

1. Cabecera. Contiene el nombre del instituto y el logotipo de la Consejería de Educación de la Comunidad de Madrid.

2. Nombre del formulario (“Autorización para participar en…”).3. Datos de la actividad: denominación, departamento que la organiza, nombre del

profesor responsable, hora y lugar de salida y llegada, medio de transporte y precio.

4. Autorización del padre/madre o tutor/a legal del alumno.5. Pie de página: localidad y fecha, así como la firma del padre/madre del alumno.El formulario es el que aparece en la siguiente diapositiva.

Page 3: Creacion formulario editable
Page 4: Creacion formulario editable

1. ACCESO AL PROGRAMA “SCRIBUS” Y DISEÑO DEL ÁREA DE TRABAJO

Page 5: Creacion formulario editable
Page 6: Creacion formulario editable

Esta es la primera pantalla que aparece al ejecutar la aplicación. Lo dejamos todo como está y nos aseguramos de que la unidad por defecto es el “punto”. Luego pinchamos en Aceptar.

Page 7: Creacion formulario editable

Para trabajar más cómodamente a la hora de diseñar los diferentes marcos y cuadros de texto vamos a activar una opción que presenta la página dividida en cuadrículas. Para ello pinchamos en Vista.

Page 8: Creacion formulario editable
Page 9: Creacion formulario editable

Este es el nuevo aspecto de la página en blanco. Las dimensiones de cada cuadrícula es de 20x20 puntos. A continuación vamos a colocar a la derecha de la página dos ventanas que nos resultarán muy útiles y nos facilitarán el trabajo: la ventana “Propiedades” y la ventana “Alinear y distribuir”. Pinchamos en Ventanas.

Bordes de la página

Márgenes izquierdo y derecho

Margen superior

Page 10: Creacion formulario editable
Page 11: Creacion formulario editable
Page 12: Creacion formulario editable
Page 13: Creacion formulario editable

Este será el aspecto que presentará el área de trabajo a partir de ahora.

Page 14: Creacion formulario editable

2. INSERCIÓN DE LA CABECERA DEL FORMULARIO: MARCO DE TEXTO Y MARCO DE IMAGEN

Page 15: Creacion formulario editable

En la cabecera del formulario aparecerán el nombre del instituto (esquina superior izquierda) y el logotipo de la Consejería de Educación de la Comunidad de Madrid (esquina superior derecha). El primero lo pondremos en un “marco de texto” y el segundo en un “marco de imagen”.

Page 16: Creacion formulario editable
Page 17: Creacion formulario editable
Page 18: Creacion formulario editable
Page 19: Creacion formulario editable
Page 20: Creacion formulario editable

Seleccionamos la letra “Times New Roman Bold” (negrita)

Page 21: Creacion formulario editable

Escribimos el texto y, a continuación, actualizamos el marco de texto.

Page 22: Creacion formulario editable

Por defecto el programa ajusta el texto en la parte superior del marco (no es posible centrarlo). Para alinearlo con otro marco contiguo hay que mover el marco de texto, como haremos luego.

Page 23: Creacion formulario editable

Ahora vamos a insertar el logotipo de la Consejería de Educación a la derecha del marco de texto. Para ello pinchamos en el icono “Insertar marco de imagen”

Page 24: Creacion formulario editable

Trazamos un rectángulo de la misma altura que el marco de texto y lo ajustamos a la derecha. Para insertar la imagen hacemos doble clic dentro del marco de imagen y nos aparecerá la ventana “Abrir”, donde seleccionaremos el logotipo de la “Consejería de Educación” para insertarlo en la cabecera del formulario.

Page 25: Creacion formulario editable
Page 26: Creacion formulario editable

A continuación debemos ajustar el logotipo al margen derecho y alinearlo con el texto “Instituto de Educación Secundaria Ignacio Ellacuría”. Para hacerlo es necesario reducir el tamaño del marco de imagen hasta adaptarlo al tamaño del logotipo. Para reducir el tamaño pinchamos en el cuadradito rojo situado en el centro del lado derecho del marco de imagen. Una vez reducido el tamaño lo desplazamos a la derecha.

Page 27: Creacion formulario editable

Ahora desplazaremos el marco de imagen hacia la derecha. Para ello hacemos clic en el marco y cuando aparezca una cruz lo movemos.

Page 28: Creacion formulario editable

Una vez desplazada la imagen a la derecha de la página debemos alinear horizontalmente el texto de la cabecera (Instituto de Educación Secundaria Ignacio Ellacuría) con el logotipo. No olvidemos que no es posible centrarlo dentro del marco de texto. La única forma es reducir el marco, adaptándolo al texto, y luego alinearlo con el logotipo.

Page 29: Creacion formulario editable

Una vez adaptado el tamaño del marco al texto solo nos queda desplazarlo manualmente para dejarlo a la misma altura del marco de imagen.

Page 30: Creacion formulario editable

Ahí ya tenemos alineados horizontalmente ambos marcos, el de texto y el de imagen.

Page 31: Creacion formulario editable
Page 32: Creacion formulario editable

3. INSERCIÓN DEL NOMBRE DEL FORMULARIO EN UN MARCO DE TEXTO

Page 33: Creacion formulario editable

En primer lugar vamos a poner el nombre del formulario: “Autorización para participar en actividades extraescolares”. Lo haremos con un marco de texto. Para ello pinchamos en el icono “Insertar marco de texto”.

Page 34: Creacion formulario editable

Trazamos un rectángulo que se extienda desde el margen izquierdo hasta el derecho, ocupando toda la fila. La altura será de dos cuadrículas.

Page 35: Creacion formulario editable

Ahora vamos a insertar el texto, centrado, dentro del marco. Para ello pinchamos en el icono “Editar el texto en el editor interno”.

Page 36: Creacion formulario editable

Seleccionamos la letra Times New Roman Bold (negrita) y elegimos la alineación Centro.

Page 37: Creacion formulario editable

Para finalizar pinchamos en el icono Actualizar.

Page 38: Creacion formulario editable

Ahora ajustamos el tamaño del marco al texto que hemos insertado en él, pinchando en el cuadradito rojo situado en el centro de la línea inferior y arrastrando hasta la posición adecuada.

Page 39: Creacion formulario editable
Page 40: Creacion formulario editable

4. DATOS DE LA ACTIVIDAD EXTRAESCOLAR

Page 41: Creacion formulario editable

4.1 PRIMERA FILA: CAMPO “ACTIVIDAD”

Page 42: Creacion formulario editable

CAMPO DE TEXTO EDITABLEMARCO DE TEXTO

MARCO DE TEXTO

El campo “Actividad” lo forma un marco de texto que ocupa toda la fila y, dentro de él, un marco de texto pequeño que contendrá la palabra “Actividad” y un campo de texto (editable). Al marco de texto grande le pondremos bordes de color rojo; el marco de texto pequeño aparecerá sin bordes; el campo de texto podrá mostrarse con un fondo azul si activamos esa opción al visualizar el archivo PDF.

El marco de texto grande tendrá una altura de dos cuadrículas y los del interior una sola cuadrícula.

ACTIVIDAD

Page 43: Creacion formulario editable

Para que los distintos marcos y campos de texto tengan la misma altura y queden alineados horizontalmente vamos a activar la opción “Ajustar a cuadrícula”. De ese modo cuando tracemos un rectángulo sus lados coincidirán necesariamente con las líneas de cuadrícula.

Page 44: Creacion formulario editable
Page 45: Creacion formulario editable

Como el margen derecho de la página no coincide totalmente con la línea de cuadrícula tendremos que hacerlo manualmente, por lo que habremos de desactivar la opción “Ajustar a cuadrícula”.

Page 46: Creacion formulario editable

Una vez desactivada la opción “Ajustar a cuadrícula” arrastramos el tirador central del lado derecho del rectángulo hasta hacerlo coincidir con el margen derecho de la página.

Page 47: Creacion formulario editable

Ahora vamos a ponerle un borde de color rojo al marco de texto. Para ello nos vamos a la ventana de propiedades y pinchamos en “Colores”.

Page 48: Creacion formulario editable

Esta opción nos permite darle color a la línea o al fondo del marco de texto. Nosotros no vamos a sombrear el marco (icono “cubo”) sino solo las líneas que forman su perímetro, por lo que pinchamos en el icono representado con una L mayúscula.

Page 49: Creacion formulario editable

Elegimos el color rojo (Red)

Page 50: Creacion formulario editable

Ahora tenemos que insertar dentro del marco de texto recién creado (de dos cuadrículas de altura) otro marco de texto (que contendrá la palabra “Actividad”) y un campo de texto que podrá ser rellenado una vez que esté creado el formulario. La diferencia entre marco de texto y campo de texto estriba en que el primero no es editable y el segundo sí. La altura de ambos será de una cuadrícula. Para crearlos volvemos a activar la opción “Ajustar a cuadrícula”.

Page 51: Creacion formulario editable
Page 52: Creacion formulario editable

Ahora que tenemos el nuevo marco de texto hay que editarlo pinchando en el icono “Editar el texto en el editor interno”.

Page 53: Creacion formulario editable
Page 54: Creacion formulario editable

Escribimos la palabra “Actividad” y guardamos.

Page 55: Creacion formulario editable
Page 56: Creacion formulario editable

A continuación creamos el campo de texto (editable).

Page 57: Creacion formulario editable
Page 58: Creacion formulario editable

Para poder centrar el marco de texto y el campo de texto dentro del marco de texto superior tendremos que desactivar nuevamente la opción “Ajustar a cuadrícula”.

Page 59: Creacion formulario editable

Ahora llevaremos el marco de texto “Actividad” al interior del marco de texto superior. Pero antes ajustamos su perímetro a la extensión del texto, pinchando en el tirador central del lado derecho del rectángulo, y arrastrando hacia la izquierda.

Page 60: Creacion formulario editable

Seleccionamos el marco de texto pinchando en su interior y cuando salga una cruz lo desplazamos hasta el interior del marco de texto superior.

Page 61: Creacion formulario editable
Page 62: Creacion formulario editable
Page 63: Creacion formulario editable

Luego hacemos lo mismo con el campo de texto.

Page 64: Creacion formulario editable
Page 65: Creacion formulario editable

Una vez que ambos están dentro vamos a centrarlos verticalmente con respecto al marco de texto superior. Primero lo haremos con el marco de texto “Actividad” y, a continuación, con el campo de texto.

Page 66: Creacion formulario editable

Antes de nada nos aseguramos de que esté activada la opción “Primer seleccionado” en la ventana “Alinear y distribuir”. Luego seleccionamos el marco de texto superior (primer objeto seleccionado), pulsamos la tecla MAYÚSCULAS y, sin soltar, seleccionamos el marco de texto “Actividad”.

Page 67: Creacion formulario editable

Con los dos marcos de texto seleccionados hacemos clic en el tercer botón de la fila segunda de la ventana “Alinear y distribuir”.

Page 68: Creacion formulario editable

Luego hacemos lo mismo con el campo de texto: seleccionamos primero el marco de texto superior, pulsamos MAY y, sin soltar, seleccionamos el campo de texto y pinchamos en el mismo botón de antes.

Page 69: Creacion formulario editable

Observamos que tanto el marco de texto pequeño como el campo de texto han quedado centrados verticalmente con respecto al marco de texto grande.

Page 70: Creacion formulario editable

Ahora vamos a desplazar el campo de texto hacia la izquierda hasta adosarlo totalmente al marco de texto pequeño. Para ello seleccionamos, en primer lugar, el marco de texto ; a continuación pulsamos la tecla MAYÚSCULAS y, sin soltar, seleccionamos el campo de texto, como se puede apreciar en la siguiente diapositiva.

Page 71: Creacion formulario editable

Una vez seleccionados el marco de texto pequeño (a la izquierda) y el campo de texto (a la derecha) hacemos clic en el quinto botón de la 1ª fila de la ventana Propiedades.

Page 72: Creacion formulario editable

Ahora tenemos que agrandar el campo de texto hacia la derecha hasta aproximarlo al lado derecho del marco de texto principal.

Page 73: Creacion formulario editable

Seleccionamos el campo de texto y desplazamos el tirador del lado derecho hacia la derecha.

Page 74: Creacion formulario editable

Como el texto “Actividad” queda ajustado, por defecto, al borde superior de su marco de texto, tendremos que desplazarlo manualmente hacia abajo para que quede alineado con el texto que se escriba en el campo de texto.

Page 75: Creacion formulario editable

Seleccionamos el marco de texto pequeño y cuando aparezca la cruz lo desplazamos unos milímetros hacia abajo.

Page 76: Creacion formulario editable

Una vez alineado solo nos queda exportarlo a formato PDF. Para ello pinchamos en el icono correspondiente.

Page 77: Creacion formulario editable

Una vez guardado abrimos el archivo PDF generado y podemos observar qué aspecto tiene nuestro formulario.

Page 78: Creacion formulario editable
Page 79: Creacion formulario editable

4.2 SEGUNDA FILA: CAMPOS “DEPARTAMENTO” Y “PROFESOR RESPONSABLE”

Page 80: Creacion formulario editable

CASILLA COMBO DESPLEGABLE CAMPO DE TEXTO EDITABLE

MARCO DE TEXTO MARCO DE TEXTO

MARCOS DE TEXTO

DEPARTAMENTO PROFESOR RESPONSABLE

La 2ª fila consta de dos campos. El campo “Departamento” es un marco de texto con bordes rojos, y en su interior un marco de texto (sin bordes) con el nombre del campo y una casilla combo (que despliega una ventana con varias opciones para elegir una de ellas). El campo “Profesor responsable” es idéntico al campo “Actividad” de la 1ª fila.

Page 81: Creacion formulario editable

Comenzaremos creando el campo “Departamento”. Dimensiones: 2 casillas de alto (40 puntos) y 11 casillas de ancho (220 puntos). La distancia con respecto al campo anterior (Actividad) será de una casilla. Antes de empezar activamos la opción “Ajustar a cuadrícula”: Página > Ajustar a cuadrícula. Y luego pinchamos en el icono “Insertar marco de texto”.

Page 82: Creacion formulario editable

Insertamos el marco de texto con las dimensiones descritas anteriormente (2 x 11 casillas).

Page 83: Creacion formulario editable

A continuación insertamos el marco de texto “Profesor responsable”. Dimensiones: 2 casillas de alto (40 puntos) y 13 casillas de ancho (260 puntos). Dejamos una cuadrícula entre los dos marcos de texto. Pinchamos nuevamente en el icono “Insertar marco de texto”.

Page 84: Creacion formulario editable

Ahora debemos ajustar manualmente el lado derecho del 2º marco al margen derecho de la página. Para ello desactivamos antes la opción “Ajustar a cuadrícula”. El resultado lo vemos en la siguiente diapositiva.

Page 85: Creacion formulario editable

Ahora tenemos que comprobar que los dos marcos están milimétricamente alineados con respecto al borde superior de la página (posición Y). Y si no lo están, realizaremos el ajuste correspondiente con ayuda de la ventana Propiedades.

Page 86: Creacion formulario editable

La distancia del borde superior del marco de texto de la izquierda con respecto al borde superior de la página (Posición Y) es de 218,50 puntos. Vamos a comprobar, a continuación, si esa distancia es la misma en el marco derecho.

Page 87: Creacion formulario editable

La distancia coincide (218,50 puntos).

Page 88: Creacion formulario editable

Ahora vamos a editar los bordes de los marcos. Empezamos por el de la izquierda (para ello lo seleccionamos). Primero elegiremos el tipo y grosor de línea y luego su color. Para ello pinchamos en Línea.

Page 89: Creacion formulario editable

Nos fijamos en “Tipo de línea” y “Ancho de línea”. Si queremos modificar sus parámetros debemos desplazar hacia la derecha la barra de desplazamiento de la parte inferior de la ventana de propiedades.

Page 90: Creacion formulario editable

Tipo de línea

Ancho de línea

Lo dejamos como está por defecto (línea continua y grosor de 1 punto). Pero sí vamos a darle un color: el rojo. Para ello pinchamos en Colores.

Page 91: Creacion formulario editable

Pinchamos en el botón L (línea) y luego seleccionamos el color rojo (Red). Y luego hacemos lo mismo con el marco de texto de la derecha.

Page 92: Creacion formulario editable

Ahora vamos a crear un marco de texto y una casilla combo que insertaremos en el marco de texto de la izquierda (Departamento). Ambos tendrán una altura de una casilla. Para hacerlo mejor activamos la opción “Ajustar a cuadrícula”.

Page 93: Creacion formulario editable
Page 94: Creacion formulario editable

Trazamos el marco de texto con una altura de una casilla y, a continuación, lo editamos, para lo cual pinchamos en el botón “Editar el texto en el editor interno”.

Page 95: Creacion formulario editable
Page 96: Creacion formulario editable

Ajustamos el marco de texto a la palabra “Departamento”

Page 97: Creacion formulario editable

Ahora creamos una casilla combo con una altura de una casilla.

Page 98: Creacion formulario editable
Page 99: Creacion formulario editable

Ahora vamos a editar la casilla combo. Para ello pinchamos en el icono “Editar el texto en el editor interno”.

Page 100: Creacion formulario editable
Page 101: Creacion formulario editable
Page 102: Creacion formulario editable
Page 103: Creacion formulario editable
Page 104: Creacion formulario editable
Page 105: Creacion formulario editable
Page 106: Creacion formulario editable
Page 107: Creacion formulario editable
Page 108: Creacion formulario editable
Page 109: Creacion formulario editable
Page 110: Creacion formulario editable
Page 111: Creacion formulario editable
Page 112: Creacion formulario editable
Page 113: Creacion formulario editable
Page 114: Creacion formulario editable
Page 115: Creacion formulario editable
Page 116: Creacion formulario editable
Page 117: Creacion formulario editable
Page 118: Creacion formulario editable
Page 119: Creacion formulario editable
Page 120: Creacion formulario editable
Page 121: Creacion formulario editable
Page 122: Creacion formulario editable
Page 123: Creacion formulario editable

4.3 TERCERA, CUARTA Y QUINTA FILAS: CAMPOS “HORA DE SALIDA” Y “LUGAR DE SALIDA” / “HORA DE LLEGADA” Y

“LUGAR DE LLEGADA” / “MEDIO DE TRANSPORTE” Y “PRECIO”

Page 124: Creacion formulario editable

Los seis campos de estas tres filas tienen todos una estructura idéntica a la de los campos “Actividad” (1ª fila) y “Profesor responsable” (2ª fila): un marco de texto que contiene un marco de texto y un campo de texto editable.

Page 125: Creacion formulario editable

CAMPO DE TEXTO EDITABLEMARCO DE TEXTOMARCO DE TEXTO CAMPO DE TEXTO EDITABLE

MARCO DE TEXTO MARCO DE TEXTOCAMPO DE TEXTO EDITABLE CAMPO DE TEXTO EDITABLE

MARCOS DE TEXTO

MARCOS DE TEXTOHORA DE SALIDA LUGAR DE SALIDA

HORA DE LLEGADA LUGAR DE LLEGADA

MARCO DE TEXTO MARCO DE TEXTOCAMPO DE TEXTO EDITABLE CAMPO DE TEXTO EDITABLE

MARCOS DE TEXTO

MEDIO DE TRANSPORTE PRECIO

Page 126: Creacion formulario editable