Página inicial  

Ejercicio paso a paso. Diseñar formularios


Objetivo.

 

Saber modificar el diseño de formularios.

 

Abrir la base de datos Clases.mdb que se encuentra en la carpeta Mis ejercicios.

Vamos a modificar el diseño del formulario Alumnos en columnas.

1 Posiciónate en la ventana Base de datos en la ficha Formularios si no lo estás ya.

2 Haz clic sobre el formulario Alumnos en columnas.

3 Haz clic sobre el botón de la ventana de la base de datos.

Primero añadiremos un cuadro de texto.

1 Si no tienes visible la barra Diseño de formulario despliega el menú Ver, Barras de Herramientas, opción Diseño de formularios.

2 Si no tienes abierto el cuadro Herramientas haz clic sobre el botón de la barra.

Vamos a añadir en el encabezado del formulario la fecha de hoy. Para ello debemos añadir un cuadro de texto ya que contendrá un valor variable.

3 Haz clic sobre el botón .

4 Posiciona el puntero del ratón en el lugar donde quieres poner la fecha, pulsa el botón izquierdo del ratón y sin soltarlo arrástra el ratón dejando el control de un tamaño apropiado, luego suelta el botón.

5 Haz clic dentro del control y escribe = fecha() , fecha() es una función que devuelve la fecha del sistema. Tenemos que poner el signo = para que Access sepa que lo que viene a continuación es una función o una expresión que tiene que calcular.

Ahora quitaremos la etiqueta del control ya que no hace falta y carga más nuestro formulario.

6 Haz clic sobre la etiqueta.

7 Pulsa la tecla DEL o SUPR.

Ahora cambiaremos el tamaño del control.

1 Haz clic sobre el control que hemos creado, quedará seleccionado.

2 Mueve el ratón sobre el controlador de tamaño que se encuentra en el lateral derecho del control hasta que el puntero tome la forma

3 Manteniendo pulsado el botón del ratón, arrástralo hacia la derecha, estarás ampliando el control.

4 Prueba lo mismo pero con los otros controladores de tamaño hasta dejar el campo del tamaño que quieras.

 

Vamos a quitar un control, quitaremos el campo Curso.

1 Haz clic sobre el control correspondiente al código de curso, se seleccionará.

2 Pulsa la tecla DEL o SUPR. Desaparece el control y la etiqueta que tenía asociada.

 

Ahora vamos a añadir un cuadro combinado para introducir el código de curso mediante una lista desplegable, y para poder elegir el curso por su nombre aunque después guardemos en la tabla Alumnado el código de curso no el nombre.

1 Asegúrate que el botón Asistentes para controles del cuadro Herramientas esté activado (debe aparecer una línea oscura alrededor). Si no lo está haz clic sobre él, aparecerá activado.

2 Haz clic sobre el botón .

3 Posiciona el puntero del ratón en el lugar donde quieres poner el control, pulsa el botón izquierdo del ratón y sin soltarlo arrástra el ratón dejando el control de un tamaño apropiado, luego suelta el botón. Como tenemos el botón Asistentes para controles activado se abrirá la ventana del asistente.

4 Elige la opción Deseo que el cuadro combinado busque los valores en una tabla o consulta.

5 Pulsa el botón Siguiente.

6 Elige la tabla Cursos ya que queremos que en la lista aparezcan todos los cursos creados en esa tabla.

7 Pulsa el botón Siguiente. Se abre la siguiente ventana.

Vamos a eligir tres campos, el código de curso, el nombre del curso y el nº de horas.

8 En la lista de la izquierda estará resaltado el primer campo (Codigo curso), haz clic sobre el botón y el campo pasará a la derecha.

9 Haz clic otra vez sobre el botón y el campo nombre curso pasará a la derecha.

10 Haz clic otra vez sobre el botón para pasar también el campo nºhoras.

11 Pulsa el botón Siguiente.

En la siguiente ventana podemos variar el ancho de las columnas de la lista. La lista puede visualizar varias columnas pero cuando seleccionamos una fila de la lista podremos recoger el valor de una sola columna, esa es la columna clave. En nuestro ejemplo queremos que en la lista aparezca el nombre del curso y el nº de horas para que le sea más fácil al usuario elegir el curso, pero sólo se recogerá el código del curso para colocarlo en el campo Curso de Alumnado por lo que la columna clave es la que contiene Codigo curso.

12 Quita la marca de la opción Ocultar la columna clave. Verás que aparece la columna Codigo curso.

13 Vuelve a marcar la opción porque no queremos que aparezca en la lista.

14 Haz más ancha la columna del nombre de curso y más estrecha la de nº de horas.

15 Pulsa el botón Siguiente.

16 Selecciona la opción Almacenar el valor en el campo:.

17 Elige de la lista desplegable que aparece a la derecha de la opción el campo Curso. De esta forma cuando el usuario seleccione una fila de la lista, el código del curso correspondiente a esa fila se almacenará en el campo Curso de la tabla Alumnado.

18 Pulsa el botón Siguiente.

19 Cambia se quieres el título de la etiqueta.

20 Pulsa el botón Finalizar.

Veamos el resultado:

21 Haz clic sobre el botón para pasar a la vista formulario y ver el resultado.

22 Asigna a los alumnos los códigos de cursos que te indicamos a continuación.

 

Codigo Alumnado Curso
1 Informática
2 Informática
3 Inglés
4 Internet
5 Internet

 

Observamos que le falta a la lista un encabezado, vamos a añadírselo.

1 Vuelve a la vista diseño haciendo clic sobre el botón de la barra de herramientas.

2 Selecciona el cuadro combinado haciendo clic sobre él.

3 Abre el cuadro Propiedades haciendo clic en el botón de la barra de herramientas.

4 Busca la propiedad Encabezado de columnas y pónla a haciendo doble clic sobre ella por ejemplo.

5 Haz clic sobre el botón para pasar a la vista formulario y ver el resultado.

6 Despliega el cuadro combinado y observa que ahora aparece un encabezado con el nombre de los campos que forman las columnas.

 

Vamos a añadir un control cuadro de lista también para el campo Curso para ver la diferencia entre un cuadro de lista y un cuadro combinado.

1 Asegúrate que el botón Asistentes para controles del cuadro de herramientas esté activado (debe aparecer una línea oscura alrededor). Si no lo está haz clic sobre él, aparecerá activado.

2 Haz clic sobre el botón .

3 Posiciona el puntero del ratón en el lugar donde quieres poner el control, pulsa el botón izquierdo del ratón y sin soltarlo arrástra el ratón dejando el control de un tamaño apropiado, luego suelta el botón. Como tenemos el botón Asistentes para controles activado se abrirá la ventana del asistente.

4 Elige la opción Deseo que el cuadro de lista busque los valores en una tabla o consulta.

5 Pulsa el botón Siguiente.

6 Elige la tabla Cursos ya que queremos que en la lista aparezcan todos los cursos creados en esa tabla.

7 Pulsa el botón Siguiente. Se abre la siguiente ventana.

Vamos a eligir tres campos, el código de curso, el nombre del curso y el nº de horas.

8 En la lista de la izquierda estará resaltado el primer campo (Codigo curso), haz clic sobre el botón y el campo pasará a la derecha.

9 Haz clic otra vez sobre el botón y el campo nombre curso pasará a la derecha.

10 Haz clic otra vez sobre el botón para pasar también el campo nºhoras.

11 Pulsa el botón Siguiente.

En la siguiente ventana podemos variar el ancho de las columnas de la lista. La lista puede visualizar varias columnas pero cuando seleccionamos una fila de la lista podremos recoger el valor de una sola columna, esa es la columna clave. En nuestro ejemplo queremos que en la lista aparezca el nombre del curso y el nº de horas para que le sea más fácil al usuario elegir el curso, pero sólo se recogerá el código del curso para colocarlo en el campo Curso de Alumnado por lo que la columna clave es la que contiene Codigo curso.

12 Quita la marca de la opción Ocultar la columna clave. Verás que aparece la columna Codigo curso.

13 Vuelve a marcar la opción porque no queremos que aparezca en la lista.

14 Haz más ancha la columna del nombre de curso y más estrecha la de nº de horas.

15 Pulsa el botón Siguiente.

16 Selecciona la opción Almacenar el valor en el campo:.

17 Elige de la lista desplegable que aparece a la derecha de la opción el campo Curso. De esta forma cuando el usuario seleccione una fila de la lista, el código del curso correspondiente a esa fila se almacenará en el campo Curso de la tabla Alumnado.

18 Pulsa el botón Siguiente.

19 Cambia se quieres el título de la etiqueta.

20 Pulsa el botón Finalizar.

Habrás observado que el cuadro de lista se crea casi igual que el cuadro combinado. Ahora observa el resultado.

21 Haz clic sobre el botón para pasar a la vista formulario y ver el resultado.

22 Asigna a los alumnos los códigos de cursos que te indicamos a continuación utilizando ahora el cuadro de lista.

Codigo Alumnado Curso
6 Animación
7 Animación
8 Inglés
9 Informática
10 Animación

 

Por último practicaremos la opción Autoformato.

Tenemos dos formularios uno lo creamos con el estilo Estándar y el otro con el estilo Industrial, esto no es muy recomendable en una aplicación ya que las pantallas deben ser todas homogéneas, por lo que vamos a dejar los dos formularios con el estilo Industrial.

1 Posiciónate en la vista diseño del formulario Alumnos en columnas si no lo estás.

2 Haz clic en la esquina superior izquierda del área de diseño para seleccionar el formulario.

3 Pulsa el botón Autoformato .

4 Elige de la lista el estilo Industrial.

5 Pulsa el botón Aceptar. Así de sencillo hemos cambiado el estilo del formulario.

   
   
Aviso legal: este curso es gratuito siempre que se visualice desde la página web de aulaClic. No está permitido descargar el curso y utilizarlo en academias o centros de enseñanza privados sin estar conectado a Internet.
© aulaClic. Todos los derechos reservados. Free Computer tutorials. Prohibida la reproducción por cualquier medio.
Mayo - 2006.