Creacin de un Formulario en Frontpage conectado a una

base de datos Access

Antes de crear la base de datos debemos reflexionar un momento sobre la informacin que
utilizaremos en nuestra aplicacin.
Al almacenar una reserva hotelera es fundamental tener en cuenta los datos personales del titular de
la reserva (Nombre, Apellido, Telfono de contacto, E-mail de contacto) as como los datos que
afecten al establecimiento (Fecha de llegada, Fecha de partida, Tipo de habitacin, Cantidad de
habitaciones).
Como primer paso hemos de crear la base de datos en Access para almacenar los datos de las
reservas de un hotel.
Debemos presionar el botn de Inicio, luego buscar en Programas el icono de Microsoft Access.
Crear una nueva base de datos
Primer Paso
Comenzaremos con una nueva base de datos Access (en blanco); para hacer esto seleccionaremos la
primera opcin (remarcada con un rectngulo) tal como se refleja en la siguiente imagen:

Segundo Paso Ubicacin y nombre de la base de datos

Luego seleccionaremos el lugar donde se almacenarn toda la informacin de la nueva base de
datos. Para una correcta organizacin es recomendable que se almacene en el website creado por
Microsoft Front Page.
Hay que tener presente que Microsoft Access nombra por defecto a la base de datos con la
extensin .mdb, slo hay que modificar el nombre.
En este caso la nombraremos hotel, por lo que se denominar hotel.mdb.
Tercer Paso Crear una nueva tabla
A continuacin es necesario crear las tablas a utilizar para el sistema de reservas.
En la izquierda de la pantalla existe un rea, encabezada por Objetos donde debemos seleccionar
Tabla. El objeto Tabla est seleccionado cuando aparece en levemente presionado como si fuera
un botn.
Luego, en el rea de la derecha, debemos hacer doble click sobre la leyenda Crear una tabla en
vista de diseo.
Ambos puntos estn remarcados con un rectngulo en la siguiente imagen:

Al hacer un click en Crear una tabla en vista Diseo se desplegar la ventana en donde
ingresaremos las columnas correspondientes.
En la ventana se muestran tres columnas y una ficha donde se describen todas las propiedades
generales de cada campo de la tabla.
Estas columnas son:
Nombre del Campo: aqu debemos escribir el nombre del campo.
Tipo de Datos: aqu se despliega un men, del cual debemos seleccionar el tipo de dato segn la
informacin a almacenar.
Descripcin: aqu podemos escribir una pequea descripcin para no olvidar algn dato importante.
A continuacin se muestra una porcin de imagen:

Al comenzar esta leccin reflexionamos acerca de los campos necesarios para almacenar los datos
de una reserva, pues bien, es el momento de volcar todo esto en la nueva tabla.

En cada dato es necesario modificar los valores generales de cada propiedad de cada campo
ubicados en la parte inferior de la pantalla.
Apellido
Es un campo de texto, ya que aqu se guardar el apellido de la persona que realice la reserva. A este
campo no le cambiaremos ningn valor en las propiedades del campo.
Nombre
Es un campo de texto, ya que aqu se guardar el nombre de la persona que realice la reserva. A este
campo no le cambiaremos ningn valor en las propiedades del campo.
E-mail
Es un campo de texto, ya que aqu se guardar el e-mail de la persona que realice la reserva. A este
campo no le cambiaremos ningn valor en las propiedades del campo.
Telfono
Es un campo numrico ya que aqu se guardar el nmero telefnico de la persona que realice la
reserva. Aqu asignaremos una longitud cero y sin decimales en las propiedades del campo, ya que
un nmero de telfono no tiene estas caractersticas.
Fecha_llegada
Es un campo con formato de Fecha/Hora. En las propiedades generales del campo seleccionaremos
del men desplegable de formato Fecha corta.
Fecha Salida
Es un campo con formato de Fecha/Hora. En las propiedades generales del campo seleccionaremos
del men desplegable de formato Fecha corta.
Tipo de Habitacin
Es un campo de tipo texto, debido a que se almacenarn los diferentes tipos de habitacin del hotel
(simple, doble, triple, etc.) con una longitud mxima de 50 caracteres.
Cantidad
Es un campo de tipo numrico, debido a que se almacenar una cantidad entera de habitaciones.
Los campos se pueden visualizar en la siguiente imagen:

Cuarto Paso Guardar la Tabla

Luego de crear todos los campos necesarios almacenaremos la tabla, basta con presionar del men
principal Guardar y escribir el nombre de la tabla. En este caso la llamaremos Reservas y
presionaremos sobre el botn Aceptar.

NOTA: Cerrar la base de datos Access cuando se lo utiliza desde Front Page.

Inicio del formulario

Desde el Men de inicio, buscaremos el icono de Programas y luego el de Microsoft Page.

En la barra de herramientas, presionaremos sobre la hoja en blanco para crear un nuevo

documento, el cual ser el formulario de reservas.
Luego lo guardaremos dentro del website en el front page como formulario_de_reserva.asp

Insertar un formulario
Es necesario crear un formulario para capturar todos los datos de la reserva. Para esto accederemos
desde el men superior, a la opcin Insertar, luego seleccionaremos Formulario y por ltimo,
nuevamente Formulario.
En la siguiente imagen se remarca con un rectngulo rojo la opcin que debemos seleccionar.

En consecuencia de dicha accin, se insertar en la hoja en blanco un formulario, el cual se delimita

con lneas punteadas. El mismo cuenta con dos botones: Enviar y Restablecer.

Insertar Campos del formulario

Para lograr un aspecto de prolijidad en la presentacin del formulario, utilizaremos una tabla de dos
celdas horizontales por cuatro celdas verticales. Para esto deberemos seleccionar Insertar - Tabla del
men superior.
Es importante que recordemos la existencia de diversos tipos de campos de formularios, debiendo
utilizarlos dependiendo del tipo de valores a ingresar. Por ejemplo:
Para el Apellido utilizaremos un campo de texto, el cual permite ingresar una lnea de texto.
Para el Tipo de habitaciones utilizaremos un botn de radio (radio button) para seleccionar un tipo
de habitacin.
Campo de texto
En una celda de la tabla escriba Apellido, en la celda siguiente seleccione del men superior la
opcin Insertar Formulario Cuadro de texto de una lnea.

Con esto el formulario tendr un campo de entrada de texto.

Botn de opcin
Este tipo de campo de formulario lo utilizaremos para permitir seleccionar el tipo de habitacin. En
la celda siguiente seleccione del men superior la opcin Insertar Formulario Botn de opcin.

Men desplegable
Para permitir el ingreso de la cantidad de habitaciones a reservar nos valdremos de otro tipo de
campo de formulario: el men desplegable.
En la celda correspondiente seleccionaremos en el men superior la opcin Insertar Formulario
Men desplegable.

Un men brinda la posibilidad de seleccionar una de entre varias opciones; para ello es necesario
definirlas. Este ser nuestro paso siguiente, la definicin de las propiedades de los diferentes
campos del formulario.

Definir las propiedades del campo del formulario

Los diferentes tipos de campo del formulario los podremos adaptar a diversas necesidades, para ello
modificaremos las propiedades del campo.
Campo de texto
Este componente permite ingresar libremente una cadena de caracteres. Presione el botn
secundario del ratn sobre el componente y seleccione Propiedades de campo de formulario, tal
como lo indica la siguiente imagen.

Desde las propiedades del campo es importante que le asignemos un nombre al mismo para luego
poder identificarlo. Se le puede asignar un valor inicial, con lo cual al cargar esta pgina web el
usuario visualizar este valor en el campo Apellido.

Presionaremos sobre el botn Validar, para lograr una validacin sencilla.

Es importante comprender que una reserva con ciertos campos en blanco no es til, por lo cual es
conveniente realizar una verificacin de los campos del formulario de reservas.
La siguiente es la pantalla que permite definir la validacin del campo de texto:
En ella definimos que el nico tipo de dato a ingresar ser de texto con letras as como la longitud
mnima requerida ser de dos caracteres.

En nuestro formulario existen otros campos del mismo tipo como: Nombre, Email, Fecha de
Llegada y Fecha de Salida. Lo que debemos hacer es repetir tanto la insercin como la definicin de
propiedades para cada campo.
Men desplegable
El men desplegable nos brinda la posibilidad de seleccionar un tem de una lista de elementos
previamente definida.
Presione el botn secundario del ratn sobre el componente y seleccione Propiedades de campo de
formulario.

Desde las propiedades del campo es importante asignarle un nombre para luego poder identificarlo
durante su proceso, en este caso se denomina Cantidad.

Al ser un men desplegable, se deben ingresar todos los valores que se deseen visualizar en el
mismo. Esto se logra presionando el botn Agregar que se encuentra a la derecha de la pantalla. Por
cada valor que quiera agregarse a la lista deber pulsarse agregar.

En caso de ser necesaria la modificacin de algn valor se puede hacer fcilmente a travs del botn
Modificar. Es interesante destacar que las opciones se pueden ordenar como se desee presionando
sobre los botones Subir o Bajar, moviendo los elementos dentro de la lista.
Una vez que ingresamos los campos del formulario, el mismo en su estado terminado se visualiza
de la siguiente forma:

Relacionar la base de datos con el website

Es necesario construir un vnculo entre el website y la base de datos, lugar donde se

almacenar toda la informacin que el formulario de reservas obtenga.
Para lograr esta relacin es necesario seleccionar en el men superior la opcin Insertar,
luego Base de datos y seleccionar Resultados.
La siguiente captura de pantalla muestra el ejemplo.

Luego emerger la siguiente pantalla del asistente del Microsoft Front Page:

Aqu deber seleccionar Usar una nueva conexin de base de datos y presionar sobre el botn Crear,
con lo cual acceder a la configuracin del Web.

Desde aqu podr Agregar una nueva conexin con tan solo presionar Agregar. En este punto
completar con:
Nombre: nombre de la conexin, a la cual llamaremos base.
Tipo de conexin: al cual se le asignara la opcin Archivo o carpeta del web actual.

Al presionar Examinar seleccionar la base de datos hotel.mdb creada anteriormente con Microsoft
Access.

Luego de realizar todos estos pasos, presionaremos el botn Aceptar.

Si realiz todos los pasos correctamente deber aparecer la siguiente pantalla:

Nuevamente presione Aceptar para llegar hasta la pantalla de configuracin del Web, donde
encontrar la conexin que recientemente creo con un signo de interrogacin que identifica su
estado.
Ahora slo resta seleccionar con el ratn esta conexin y presionar sobre el botn Comprobar para
que el Web se conecte a la base de datos hotel.mdb.

Como resultado final satisfactorio deber aparecer un tilde verde en el estado de la conexin
Base, la siguiente imagen refleja el resultado esperado.

Para lograr una actualizacin total del trabajo en Front Page, presione sobre el botn Aplicar y
luego el botn Aceptar.

Definir Propiedades del Formulario

Luego de realizar la conexin a la base de datos y de crear el formulario hay que relacionar ambos
elementos para lograr el efecto deseado: enviar los datos del formulario hacia la base de datos.
Primero seleccionaremos el formulario, mediante el botn secundario del ratn accederemos a la
opcin Propiedades del Formulario.
Propiedades del formulario
En la parte inferior de la pantalla, dentro de Propiedades de formulario, existe un campo para
asignarle un nombre al formulario, all escribiremos Formulario.
En caso de trabajar con marcos recuerde escribir el marco de destino.
Ubicacin para almacenar resultados
All elegiremos como ubicacin para almacenar resultados (que en este caso sern las reservas) la
referencia a Enviar a la base de datos y luego nuevamente presionaremos sobre el botn
Opciones.

En Opciones aparecern tres tabletas: Resultados de la base de datos, Campos guardados, Campos
adicionales.
Tableta Resultado de la base de datos
En esta tableta se define la conexin entre la base de datos y el formulario, as como la tabla de la
base de datos que intervendr en este proceso.

Aqu deber seleccionar la conexin creada anteriormente (Base) y luego la tabla destinataria de las
reservas creada para tal fin, denominada Reservas.
En esta seccin tambin se pueden definir pginas de errores y pgina de confirmacin relacionadas
al formulario.
Estas pginas son tiles para generar cierto dinamismo y atencin al cliente de manera
personalizada.
Ante un proceso correctamente realizado, se le da las gracias por utilizar este medio para realizar
una reserva, haciendo esto a travs de la pgina de confirmacin.
Ante una falla en la validacin, donde se verifica que la veracidad de la informacin que se enva es
correcta, se utiliza la pgina de error con el fin de indicarle al usuario el problema que existe en los
datos que ingres.
Se recomienda confeccionar estas pginas una vez que el formulario funcione correctamente.

La imagen muestra el resultado final de la tableta

Tableta Resultado de la base de datos

En este punto es donde definiremos la relacin entre la base de datos y el formulario, aqu
indicaremos en que columna de la base de datos almacenaremos la informacin del formulario.
Es recomendable seleccionar campo por campo y revisar si todo es correcto, para ello
seleccionaremos el campo del formulario y presionaremos el botn con la leyenda Modificar.

Una vez que llevamos a cabo esa accin, se lleva a cabo una conexin con la base de datos y se
indica el nombre del campo del formulario y un men desplegable con TODAS las columnas de la
tabla en cuestin.
Es aqu donde podemos seleccionar las parejas campo de formulario / campo de la tabla dentro de la
base de datos.

Tableta Campos Adicionales

Desde aqu podemos decidir adicionar cierta informacin extra a la base de datos.
Existe la posibilidad de seleccionar todos, algunos o bien ninguno.

Luego presione Aceptar dos veces.

Este es el formulario terminado!

Cursos
Curso de Paginas Web
Curso de Dreamweaver
Curso de Presto
Curso de 3D Studio Max
Curso de Adobe Premiere
Curso de Flash
Curso de Freehand
Enlaces interesantes
Curso de Frontpage 1997, 2000, 2002, XP. Curso de creacin y diseo de pginas web
con Frontpage