1. ÐÏࡱos a nuestro proyecto, en este caso trabajaremos con UNEFA, como título. De
la siguiente manera:Presione Aplicar y luego Aceptar.En este caso que
dará algo como esto:Posteriormente insertaremos una tabla para dar forma
a nuestra plantilla, para ello hacemos clic en el menú superior en la opció
n Insertar ( Tabla, tal y como se muestra en la figura:Se mostrará l
o siguiente:En Filas, colocamos 3.En Columnas 2, luego Aceptamos.Verem
os el panel de trabajo de esta manera:Al hacer clic en la tabla que s
e acaba de insertar, se muestran en la parte inferior las propiedades de la
misma. Seleccionamos las dos Columnas de la primera fila, y en las propied
ades hacemos clic sobre el ícono Combinar Celdas. Así:Notaremos qu
e la fila que estaba dividida, será transformada en una sola fila, de esta
manera:En esa fila, colocamos el cursor para insertar nuestro Banner,
para ello en el menú superior hacemos clic en Insertar ( Imagen, así:E
n la interfaz que se muestra, ubicamos la imagen a insertar; tal como se mu
estra a continuación:Presionamos Aceptar.Obtendremos como result
ado algo como esto:Combinamos las columnas de la segunda fila repiti
endo el paso 18. Se mostrará así:En la celda que combinamos insertamos l
as imagen Registros: (Para esta operación deberá repetir los pasos 9 y 10)
Hacemos clic en el menú superior Ventana ( Inspector de Etiquetas (Al
hacer clic sobre esta opción se habilitará un panel del lado derecho), otr
a forma de activar el panel es presionando la tecla F9. Seleccionamos la
imagen Registros y en el panel de Etiquetas, seleccionamos la pestaña Comp
ortamiento; en el ícono + hacemos clic y se desplegará el siguiente menú:
Seleccionamos la opción Mostrar Menú Emergente, y se mostrará la siguien
te interfaz:Para lograr visualizar esta interfaz debe haber guardado el
documento (Recuerde guardar en la Carpeta vistas)Luego presionamos el Botó
n continuar.Se mostrará algo así:En la Pestaña Contenido, configuramos las opciones
r opciones utilizando el símbolo de + y -.En el Campo Texto, iremos coloc
ando las opciones y notaremos que se irán agregando en el menú que se mues
tra en el panel.Agregaremos para este ejemplo tres opciones, por ejemplo:
Estado, Municipio, Parroquia:Presionamos Aceptar una vez completadas l
as opciones de nuestro menú desplegable.Seleccionamos la pestaña Aspecto
y configuramos el menú con los colores de nuestra preferencia:En la Pes
taña Posición seleccionamos la opción Por debajo y en el Borde Izquierdo:
Una vez configurado el menú, presionamos el botón Aceptar.Guardamos los
cambios efectuados.En el menú seleccionamos el ícono de vista previa:
Seleccionamos uno de los navegadores que tengamos en nuestro equipo y ve
remos la corrida de nuestro ejemplo, se deberá mostrar algo como esto:
Insertamos las Imágenes: Movimientos, Reportes y Ayuda una al lado d
e la otra respectivamente, deberá quedar de esta forma (Siguiendo el proce
2. dimiento 9 y 10. Deberá mostrarse así:Agregamos opciones a cada una de
las imágenes que se insertaron repitiendo los procedimientos del 20-27.E
n la tercera fila, en la primera columna podemos colocar otro menú de opci
ones al cual podrá acceder cualquier usuario que utilice el sistema. Para
ello Insertamos una tabla de Cuatro filas y una columna. Así:En Cada Fi
la, podremos colocar opciones como: Misión, Visión, Contáctanos, Califica
nuestra Página, etc. Algo así:Para lograr una mejor visualización de
nuestro menú emergente en este ejemplo es alineado a la derecha en las pr
opiedades de esta celda, además en el nuevo menú que agregamos elementos c
omo campos de opciones y un botón, para ello debemos hacer clic sobre la o
pción Insertar ( Formulario ( Botón de OpciónEn la Interfaz que aparece
colocamos: BuenoRepetimos el paso 32 para las opciones Malo y Muy Buen
o.Para agregar el Botón Enviar, hacemos clic en Insertar ( Formulario ( B
otón, se mostrará así: Alineamos los elementos insertados y quedará de esta forma:Pa
s páginas debemos crear al menos dos más, en una colocaremos la Misión y en
la otra la interfaz de Estado. (cree las interfaces solicitadas para conti
nuar con la práctica, recuerde guardarlas en la carpeta vistas. Aplique par
a ello lo que aprendió en esta fase).Una vez creadas dos Interfaces adicio
nales, en la principal (la primera que creamos) seleccionamos el texto Misi
ón, y hacemos clic en Insertar ( Hipervínculo, de esta forma:En la venta
na que aparece, debemos localizar la página que creamos para mostrar la Mis
ión de nuestro sistema.En la siguiente ventana seleccionamos la pagina
de la Misión, y luego aceptamos:Notaremos que el texto cambiará a color
azul, y además aparecerá subrayado, indicando que allí encontraremos un enl
ace.Ahora llamaremos desde nuestro menú emergente la interfaz Estado, pa
ra ello seleccionamos la imagen y en el panel del lado derecho aparecerán l
as propiedades de la imagen, entre ellas deberá mostrarse la opción Mostrar
menú emergente, y hacemos doble clic sobre esta opción, se mostrará lo si
guiente:Seleccionamos Estado y en el campo Vínculo colocamos el nombr
e de la página Estado, o simplemente hacemos clic en el ícono de examinar y
la localizamos, así:Presionamos Aceptar.Guardamos los cambios efectuad
os.Corremos la aplicación y al hacer clic sobre la opción Misión deberá mo
strarse la correspondiente a la Misión y al hacer clic en nuestro menú emer
gente sobre la opción Estado también se mostrará su interfaz.
Propiedades de la tablaCombinar CeldasClic aquí&