Creacin de un Formulario en Frontpage conectado a una base de datos AccessAntes 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 datosPrimer PasoComenzaremos 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 datosLuego 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 tablaA 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.ApellidoEs 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.NombreEs 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-mailEs 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.TelfonoEs 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_llegadaEs un campo con formato de Fecha/Hora. En las propiedades generales del campo seleccionaremos del men desplegable de formato Fecha corta.Fecha SalidaEs un campo con formato de Fecha/Hora. En las propiedades generales del campo seleccionaremos del men desplegable de formato Fecha corta.Tipo de HabitacinEs 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.CantidadEs 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 TablaLuego 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 formularioDesde 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 formularioEs 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 formularioPara 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 textoEn 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 opcinEste 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 desplegablePara 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 formularioLos diferentes tipos de campo del formulario los podremos adaptar a diversas necesidades, para ello modificaremos las propiedades del campo.Campo de textoEste 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 desplegableEl 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 websiteEs 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 FormularioLuego 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 formularioEn 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 resultadosAll 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 datosEn 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 datosEn 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 AdicionalesDesde 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!

CursosCurso de Paginas WebCurso de DreamweaverCurso de PrestoCurso de 3D Studio MaxCurso de Adobe PremiereCurso de FlashCurso de FreehandEnlaces interesantesCurso de Frontpage 1997, 2000, 2002, XP. Curso de creacin y diseo de pginas web con Frontpage