Creacion formulario editable

4,239 views

Published on

Published in: Travel
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
4,239
On SlideShare
0
From Embeds
0
Number of Embeds
619
Actions
Shares
0
Downloads
52
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Creacion formulario editable

  1. 1. CREACIÓN DE UN FORMULARIO EDITABLE EN PDF<br />
  2. 2. 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.<br />El formulario consta de cinco apartados:<br />1. Cabecera. Contiene el nombre del instituto y el logotipo de la Consejería de Educación de la Comunidad de Madrid.<br />2. Nombre del formulario (“Autorización para participar en…”).<br />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.<br />4. Autorización del padre/madre o tutor/a legal del alumno.<br />5. Pie de página: localidad y fecha, así como la firma del padre/madre del alumno.<br />El formulario es el que aparece en la siguiente diapositiva.<br />
  3. 3.
  4. 4. 1. ACCESO AL PROGRAMA “SCRIBUS” Y DISEÑO DEL ÁREA DE TRABAJO <br />
  5. 5.
  6. 6. 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.<br />
  7. 7. 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. <br />
  8. 8.
  9. 9. 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.<br />Margen superior<br />Bordes de la página<br />Márgenes izquierdo y derecho<br />
  10. 10.
  11. 11.
  12. 12.
  13. 13. Este será el aspecto que presentará el área de trabajo a partir de ahora.<br />
  14. 14. 2. INSERCIÓN DE LA CABECERA DEL FORMULARIO: MARCO DE TEXTO Y MARCO DE IMAGEN<br />
  15. 15. 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”.<br />
  16. 16.
  17. 17.
  18. 18.
  19. 19.
  20. 20. Seleccionamos la letra “Times New RomanBold” (negrita)<br />
  21. 21. Escribimos el texto y, a continuación, actualizamos el marco de texto.<br />
  22. 22. 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.<br />
  23. 23. 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”<br />
  24. 24. 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.<br />
  25. 25.
  26. 26. 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.<br />
  27. 27. Ahora desplazaremos el marco de imagen hacia la derecha. Para ello hacemos clic en el marco y cuando aparezca una cruz lo movemos.<br />
  28. 28. 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. <br />
  29. 29. 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.<br />
  30. 30. Ahí ya tenemos alineados horizontalmente ambos marcos, el de texto y el de imagen.<br />
  31. 31.
  32. 32. 3. INSERCIÓN DEL NOMBRE DEL FORMULARIO EN UN MARCO DE TEXTO <br />
  33. 33. 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”.<br />
  34. 34. 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.<br />
  35. 35. Ahora vamos a insertar el texto, centrado, dentro del marco. Para ello pinchamos en el icono “Editar el texto en el editor interno”.<br />
  36. 36. Seleccionamos la letra Times New RomanBold (negrita) y elegimos la alineación Centro.<br />
  37. 37. Para finalizar pinchamos en el icono Actualizar.<br />
  38. 38. 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.<br />
  39. 39.
  40. 40. 4. DATOS DE LA ACTIVIDAD EXTRAESCOLAR <br />
  41. 41. 4.1 PRIMERA FILA: CAMPO “ACTIVIDAD” <br />
  42. 42. 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.<br />MARCO DE TEXTO<br />ACTIVIDAD<br />CAMPO DE TEXTO EDITABLE<br />MARCO DE TEXTO<br />El marco de texto grande tendrá una altura de dos cuadrículas y los del interior una sola cuadrícula.<br />
  43. 43. Para que los distintos marcos y campos de texto tengan la misma altura y queden alineadoshorizontalmente 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.<br />
  44. 44.
  45. 45. 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”.<br />
  46. 46. 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.<br />
  47. 47. 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”.<br />
  48. 48. 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.<br />
  49. 49. Elegimos el color rojo (Red)<br />
  50. 50. 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”.<br />
  51. 51.
  52. 52. Ahora que tenemos el nuevo marco de texto hay que editarlo pinchando en el icono “Editar el texto en el editor interno”.<br />
  53. 53.
  54. 54. Escribimos la palabra “Actividad” y guardamos.<br />
  55. 55.
  56. 56. A continuación creamos el campo de texto (editable).<br />
  57. 57.
  58. 58. 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”.<br />
  59. 59. 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.<br />
  60. 60. Seleccionamos el marco de texto pinchando en su interior y cuando salga una cruz lo desplazamos hasta el interior del marco de texto superior.<br />
  61. 61.
  62. 62.
  63. 63. Luego hacemos lo mismo con el campo de texto.<br />
  64. 64.
  65. 65. 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.<br />
  66. 66. 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”.<br />
  67. 67. Con los dos marcos de texto seleccionados hacemos clic en el tercer botón de la fila segunda de la ventana “Alinear y distribuir”.<br />
  68. 68. 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.<br />
  69. 69. 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.<br />
  70. 70. 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.<br />
  71. 71. 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.<br />
  72. 72. Ahora tenemos que agrandar el campo de texto hacia la derecha hasta aproximarlo al lado derecho del marco de texto principal.<br />
  73. 73. Seleccionamos el campo de texto y desplazamos el tirador del lado derecho hacia la derecha.<br />
  74. 74. 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.<br />
  75. 75. Seleccionamos el marco de texto pequeño y cuando aparezca la cruz lo desplazamos unos milímetros hacia abajo.<br />
  76. 76. Una vez alineado solo nos queda exportarlo a formato PDF. Para ello pinchamos en el icono correspondiente.<br />
  77. 77. Una vez guardado abrimos el archivo PDF generado y podemos observar qué aspecto tiene nuestro formulario.<br />
  78. 78.
  79. 79. 4.2 SEGUNDA FILA: CAMPOS “DEPARTAMENTO” Y “PROFESOR RESPONSABLE” <br />
  80. 80. 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.<br />MARCOS DE TEXTO<br />CASILLA COMBO DESPLEGABLE<br />CAMPO DE TEXTO EDITABLE<br />MARCO DE TEXTO<br />MARCO DE TEXTO<br />DEPARTAMENTO<br />PROFESOR RESPONSABLE<br />
  81. 81. 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”.<br />
  82. 82. Insertamos el marco de texto con las dimensiones descritas anteriormente (2 x 11 casillas).<br />
  83. 83. 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”.<br />
  84. 84. 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.<br />
  85. 85. 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.<br />
  86. 86. 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.<br />
  87. 87. La distancia coincide (218,50 puntos).<br />
  88. 88. 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.<br />
  89. 89. Nos fijamos en “Tipo de línea” y “Ancho de línea”. Si queremos modificar sus parámetros debemos desplazar hacia la derecha la barradedesplazamiento de la parte inferior de la ventana de propiedades.<br />
  90. 90. 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.<br />Tipo de línea<br />Ancho de línea<br />
  91. 91. 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.<br />
  92. 92. 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”.<br />
  93. 93.
  94. 94. 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”.<br />
  95. 95.
  96. 96. Ajustamos el marco de texto a la palabra “Departamento”<br />
  97. 97. Ahora creamos una casilla combo con una altura de una casilla.<br />
  98. 98.
  99. 99. Ahora vamos a editar la casilla combo. Para ello pinchamos en el icono “Editar el texto en el editor interno”. <br />
  100. 100.
  101. 101.
  102. 102.
  103. 103.
  104. 104.
  105. 105.
  106. 106.
  107. 107.
  108. 108.
  109. 109.
  110. 110.
  111. 111.
  112. 112.
  113. 113.
  114. 114.
  115. 115.
  116. 116.
  117. 117.
  118. 118.
  119. 119.
  120. 120.
  121. 121.
  122. 122.
  123. 123. 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” <br />
  124. 124. 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. <br />
  125. 125. MARCOS DE TEXTO<br />CAMPO DE TEXTO EDITABLE<br />MARCO DE TEXTO<br />MARCO DE TEXTO<br />CAMPO DE TEXTO EDITABLE<br />HORA DE SALIDA<br />LUGAR DE SALIDA<br />MARCOS DE TEXTO<br />MARCO DE TEXTO<br />CAMPO DE TEXTO EDITABLE<br />MARCO DE TEXTO<br />CAMPO DE TEXTO EDITABLE<br />HORA DE LLEGADA<br />LUGAR DE LLEGADA<br />MARCOS DE TEXTO<br />CAMPO DE TEXTO EDITABLE<br />CAMPO DE TEXTO EDITABLE<br />MARCO DE TEXTO<br />MARCO DE TEXTO<br />MEDIO DE TRANSPORTE<br />PRECIO<br />

×