Post on 12-Jul-2015
5/11/2018 formularios dreamweaver - slidepdf.com
http://slidepdf.com/reader/full/formularios-dreamweaver 1/15
yo tengo una propuesta mas...
puedes usar un javascript en php, mira para eso necesitas tener en tu web site una pag que
contenga el formulario (obvio jaajajaja) pero aqui tiene que mandar a llamar al php, mira como seria
el formulario.
este es el ejemplo del formulario, donde el form action="contacto/process.php sirve para llamar el
archivo php llamado process que esta dentro de una carpeta llamada contacto.
Código:<tr>
<td width="387" height="320" valign="top"><formaction="contacto/process.php" method="post">
</form> <formaction="contacto/process.php" method="post">
<table border="0px"><!--DWLayoutTable--><tr><td width="113" height="2"></td><td width="198"></td><td width="2"></td><td width="38"></td><td width="2"></td>
</tr><tr><td height="34" colspan="5" valign="top"
class="info"><div align="center"><strong><font size="2">NO
uses correo de hotmail</font></strong>.</div></td>
</tr><tr><td height="0"></td><td></td><td></td><td></td><td></td>
</tr><!--DWLayoutTable--><tr><td height="24"><span
class="Estilo5">Nombre:</span></td><td colspan="2">
<input type=text name='nombre' size="25">*</td><td></td><td></td>
</tr><tr><td height="24" valign="top"><span
class="Estilo5">Email:</span></td><td valign="top"><input type=text name='email' size="25">
5/11/2018 formularios dreamweaver - slidepdf.com
http://slidepdf.com/reader/full/formularios-dreamweaver 2/15
*</td><td> </td><td></td><td></td>
</tr><tr>
<td height="24" valign="top"><spanclass="Estilo5">Direccion:</span></td>
<td valign="top"><input type=text name='direccion' size="25">
</td><td></td><td></td><td></td>
</tr><tr><td height="24" valign="top"><span
class="Estilo5">Localidad:</span></td><td valign="top"><input type=text name='localidad' size="25">
</td><td></td><td></td><td></td>
</tr><tr><td height="90" valign="top"><span
class="Estilo5">Comentario:</span></td><td colspan="3" valign="top"><textarea name='comentario' rows="3"
cols="25"></textarea>*</td><td></td>
</tr><tr><td height="4"></td><td></td><td></td><td></td><td></td>
</tr><tr><td height="40" colspan="3" align="center"
valign="bottom"><input name="reset" type=reset value='Borrar
todo'>
<input name="submit" type=submit value='Enviar
Datos'> </td><td></td><td></td>
</tr>
Per ahora tienes que crear tu la carperta llamada contacto y copiar el siguiente codigo en notepad y
5/11/2018 formularios dreamweaver - slidepdf.com
http://slidepdf.com/reader/full/formularios-dreamweaver 3/15
guardarlo con el nombre process.php dentro de la carpeta creada y listo.
Código:<html><body><center><?php$recipiente = "TU CORREO";$asunto = "Comentario del Sitio";$error = 0;$nombre = $_POST['nombre'];$email = $_POST['email'];$direccion = $_POST['direccion'];$localidad = $_POST['localidad'];$comentario = $_POST['comentario'];if($nombre == "" || $email == "" || $comentario == ""){
$error=1;}elseif(!eregi("^[a-z0-9]+([_\\.-][a-z0-9]+)*" ."@"."([a-z0-9]+([\.-][a-
z0-9]+)*)+"."\\.[a-z]{2,}"."$",$email)){$error=2;
}if($error==1){
echo "<b><h3>El siguiente error ha ocurrido!</h3></b><BR><br><br>";echo "No ha rellenado todos los campos obligatorios.<BR> Por favor
vuelva <A HREF=\"javascript:history.back()\">atras</A>.<BR>";}elseif($error==2){
echo "<b><h3>El siguiente error ha ocurrido!</h3></b><BR><br><br>";echo "El correo electronico es invalido!<BR> Por favor vuelva <A
HREF=\"javascript:history.back()\">atras</A>.<BR>";}else{
$message ="nombre: ".$nombre."<br>";$message .="email: ".$email."<br>";$message .="direccion: ".$direccion."<br>";$message .="localidad: ".$localidad."<br>";$message .="comentario: ".$comentario."<br>";$message = stripslashes($message);$headers = "MIME-Version: 1.0\r\n";$headers .= "Content-type:text/html; charset=iso-8859-1\r\n";$headers .= "From: $email\r\n";$headers .= "Repaly-to: $email\r\n";$headers .= "Cc: $email\r\n";mail($recipiente,$asunto,$message,$headers);echo "<b><h3>El mensaje ha sido enviado
correctamente!</h3></b><BR><br><br>";echo "Gracias por tus comentarios.<BR>Le mandaremos una respuesta lo
mas antes posible.<BR><br>";echo "<b>TU SITIO WEB</b><BR><br>";
echo "<A HREF='../index.html'><U>Regresar</U></A>.";}?></center></body>
5/11/2018 formularios dreamweaver - slidepdf.com
http://slidepdf.com/reader/full/formularios-dreamweaver 4/15
</html>
Ahora solo tienes que pasarlo a tu servidor web
#5 (permalink) 24/07/2007, 14:06
afa Fecha de Ingreso: julio-2007
Mensajes: 1
Re: Dreamweaver, Enviar Formulario a Email
Hola JMS he hecho tal y como indicas y me sale el siguiente mensaje y no envía el correo:
El siguiente error ha ocurrido!
"; echo "No ha rellenado todos los campos obligatorios.
Por favor vuelva atras.
"; } elseif($error==2){ echo "
El siguiente error ha ocurrido!
"; echo "El correo electronico es invalido!
Por favor vuelva atras.
"; } else{ $message ="nombre: ".$nombre."
"; $message .="email: ".$email.""; $message .="direccion: ".$direccion."
"; $message .="localidad: ".$localidad."
"; $message .="comentario: ".$comentario."
"; $message = stripslashes($message); $headers = "MIME-Version: 1.0\r\n"; $headers .= "Content-
type:text/html; charset=iso-8859-1\r\n"; $headers .= "From: $email\r\n"; $headers .= "Repaly-to:
$email\r\n"; $headers .= "Cc: $email\r\n"; mail($recipiente,$asunto,$message,$headers); echo "
El mensaje ha sido enviado correctamente!
"; echo "Gracias por tus comentarios.Le mandaremos una respuesta lo mas antes posible.
"; echo "MI WEB.COM
"; echo "Regresar."; } ?>
#6 (permalink)
25/07/2007, 11:51
5/11/2018 formularios dreamweaver - slidepdf.com
http://slidepdf.com/reader/full/formularios-dreamweaver 5/15
MS
Fecha de Ingreso: junio-2007
Ubicación: Mexico, veracruzMensajes: 781
Re: Dreamweaver, Enviar Formulario a Email
Mira creo que el error que tienes esta en la carpeta que tienes que llamar contacto y dentro de estadebe de estar el archivo "process" con su respectiva extensión que me parece que es "js"
__________________
L.I.A. Josué Marín Saldaña
Grupo kumiko - Impresión Digital, Diseño gráfico, diseño web, TV en línea.
http://www.grupokumiko.com
#7 (permalink)
28/08/2008, 00:46
mgqn
Fecha de Ingreso: junio-2008
Mensajes: 5
Respuesta: Re: Dreamweaver, Enviar Formulario a Email
Hola JMS, gracias por la información acerca de el formulario de contacto, está buenísima me funciona
perfectamente. Tenia rato buscando y nada que conseguía
Lo unico que no consigo hacer es que una vez enviado el formulario me envie a la página de inicio en
vez de enviarme a esa página blanca, intente colocar este script debajo del código php,
<script>
document.location.href="index.php";
</script>
pero me da error, creo que debe ser que me falta una librería o algo.
Si puedes echame una mano. Gracias
#8 (permalink)
28/08/2008, 21:24
MS
Fecha de Ingreso: junio-2007Ubicación: Mexico, veracruz
Mensajes: 781
Respuesta: Dreamweaver, Enviar Formulario a Email
hamm ok deja cheko ese dato
__________________
L.I.A. Josué Marín Saldaña
Grupo kumiko - Impresión Digital, Diseño gráfico, diseño web, TV en línea.
http://www.grupokumiko.com
#9 (permalink)
26/05/2010, 20:31
5/11/2018 formularios dreamweaver - slidepdf.com
http://slidepdf.com/reader/full/formularios-dreamweaver 6/15
xorxecnc Fecha de Ingreso: mayo-2010
Mensajes: 1
Respuesta: Dreamweaver, Enviar Formulario a Email
Hola estoy aciendo un formulario pero no e podido enviar la inmformacion por correo e visto el
tutorial y me a servido en el formulario de contacto., pero este formulario es un poco mas complejo loque hace es registrar a socios de una ganadera este es el codigo espero me puedan ayudar con el.
<form action="" method="post" enctype="multipart/form-data" name="form1" id="form1"
onsubmit="MM_validateForm('nombre','','R','paterno ','','R','materno','','R','calle','','R','numero',
'','NisNum','colonia','','R','cp','','NisNum','mun icipio','','R','vientres','','NisNum','hembras',''
,'NisNum','sementales','','NisNum','fierro','','Ri sNum','numerotenencia','','R','elector','','R');re turn
document.MM_returnValue">
<p>
<label for="nombre">Nombre</label>
<input type="text" name="nombre" id="nombre" />
</p><p>
<label for="paterno">Apellidos Paternos</label>
<input type="text" name="paterno" id="paterno" />
</p>
<p>
<label for="materno">Apellido Materno</label>
<input type="text" name="materno" id="materno" />
</p>
<p>Domicilio:
<label for="calle">Calle</label>
<input type="text" name="calle" id="calle" /><label for="numero">Numero</label>
<input type="text" name="numero" id="numero" />
<label for="colonia">Colonia</label>
<input type="text" name="colonia" id="colonia" />
<label for="cp">C. P.</label>
<input type="text" name="cp" id="cp" />
<label for="municipio">Municipio</label>
<input type="text" name="municipio" id="municipio" />
</p>
<p>
<label for="fecha">Fecha de Nacimiento</label><input type="text" name="fecha" id="fecha" />
</p>
<p>Datos espesificos:</p>
<p>
<label for="vientres">Vientres</label>
<input type="text" name="vientres" id="vientres" />
<label for="hembras">Hembras</label>
5/11/2018 formularios dreamweaver - slidepdf.com
http://slidepdf.com/reader/full/formularios-dreamweaver 7/15
<input type="text" name="hembras" id="hembras" />
<label for="sementales">Sementales</label>
<input type="text" name="sementales" id="sementales" />
</p>
<p>
<label for="fierro">No. Fierro de Herrar</label><input type="text" name="fierro" id="fierro" />
<label for="copiafierro">Copia de Fierro de Herrar</label>
<input type="file" name="copiafierro" id="copiafierro" />
</p>
<p>
<label for="tenencia">Tenencia</label>
<select name="tenencia" id="tenencia">
<option value="propiedad">Pequeña propiedad</option>
<option value="comun">Uso Comun</option>
<option value="mixta">Mixta</option>
</select><label for="numerotenencia">No. Titulo de Uso Comun</label>
<input type="text" name="numerotenencia" id="numerotenencia" />
<label for="copiatenencia">Copia Titulo Uso Comun</label>
<input type="file" name="copiatenencia" id="copiatenencia" />
</p>
<p>
<label for="curp">CURP</label>
<input type="text" name="curp" id="curp" />
<label for="copiacurp">Copia de Curp</label>
<input type="file" name="copiacurp" id="copiacurp" />
</p><p>
<label for="elector">Clave de Elector</label>
<input type="text" name="elector" id="elector" />
<label for="copiaelector">Copia Credencial de Elector</label>
<input type="file" name="copiaelector" id="copiaelector" />
</p>
<p>
<input type="submit" name="enviar" id="enviar" value="Enviar" />
<input type="reset" name="borrar" id="borrar" value="Restablecer" />
</p>
</form>
Como se hace para enviar un conjunto de datos de un formulario hecho con dreamweaver a una direccion decorreo, creo que es un conjunto de acciones en javascript.Muchas gracias
5/11/2018 formularios dreamweaver - slidepdf.com
http://slidepdf.com/reader/full/formularios-dreamweaver 8/15
09/03/2010
ExpertoTe pongo aqui este ejemplo para que lo pruebes:
<HTML><HEAD><TITLE>Ejemplo de formulario por correo</TITLE>
</HEAD>
<BODY LINK="#000000" VLINK="#000000" ALINK="#000000"><A NAME="inicio"></A><CENTER><H1>EJEMPLO DE FORMULARIO</H1></CENTER><BR><P><BR><P><BR><P>
<FORM ACTION="mailto:bedelludrica@wanadoo.es" METHOD="post" ENCTYPE="text/plain"><CENTER><TABLE WIDTH=75% BORDER CELLPADDING=10><TR><TD>Nombre: <INPUT TYPE="TEXT" NAME="nombre" SIZE=25><BR><P>Provincia: <INPUT TYPE="TEXT" NAME="provincia" SIZE=25><BR><P>E-mail: <INPUT TYPE="TEXT" NAME="email" SIZE=25></TD><TD>¿Qué opinión le merece el manual?<BR><P><INPUT TYPE="RADIO" NAME="Opinion" VALUE="Muy buena" CHECKED="TRUE"> Muy buena<BR><INPUT TYPE="RADIO" NAME="Opinion" VALUE="Buena"> Buena<BR>
<INPUT TYPE="RADIO" NAME="Opinion" VALUE="Regular"> No está mal<BR><INPUT TYPE="RADIO" NAME="Opinion" VALUE="Mala"> No me ha gustado</TD></TR></TABLE><BR><P><BR><P>
<H4 STYLE="font-style: normal">Comentarios</H4><TEXTAREA NAME="comentarios" ROWS=5 COLS=50></TEXTAREA><BR><P><BR><P>
<INPUT TYPE="SUBMIT" VALUE="Enviar">
<INPUT TYPE="RESET" VALUE="Borrar"></CENTER></FORM><BR><P><BR><P>
</BODY></HTML>
5/11/2018 formularios dreamweaver - slidepdf.com
http://slidepdf.com/reader/full/formularios-dreamweaver 9/15
Todo sobre Formularios en DreamWeaver
Esta lección nos enseñará qué es un formulario, para qué se utiliza, cómo insertar uno, quéelementos puede contener y cómo pueden validarse los datos introducidos en él.
Los formularios se utilizan para recoger datos de los usuarios, nos pueden servir pararealizar un pedido en una tienda virtual, crear una encuesta, conocer las opiniones de losusuarios, recibir preguntas, hacer suscripciones a un boletín o revista que editemos, etc.
Una vez el usuario rellena los datos y pulsa el botón para enviar el formulario se arrancaráun programa que recibirá los datos y hará el tratamiento correspondiente (una base de datospor ejemplo).
Aquí vamos a ver cómo crear el formulario básico, (insertar campos y botones en elformulario y validarlos) , pero no la parte de tratamiento de los datos, ya que para ello senecesitan nociones de programación, ya sea en SQL, en JavaScript o en otro lenguaje deprogramación, y esto no entra en los objetivos de esta lección.
Un formulario está formado, entre otras cosas, por etiquetas, campos de texto, menúsdesplegables, y botones.
Elementos de formulario
Los elementos de formulario pueden insertarse en una página a través del menú Insertar,opción Objetos de formulario. A través de esta opción se puede acceder a la lista de todoslos objetos de formulario que pueden ser insertados en la página. Vamos a ver uno por unoalgunos de los distintos elementos que pueden formar parte de un formulario, así comoalgunas de sus propiedades.
Campo de texto y Área de texto: Permiten añadir un cuadro de texto. El Campo de textosolo permite escribir una línea al usuario, mientras que el Área de texto permite escribirvarias. Se puede pasar de Campo de texto a Área de texto a través del inspector depropiedades. También es posible definirlo como Contraseña. A continuación tienes unejemplo de cada uno de estos tres tipos.
5/11/2018 formularios dreamweaver - slidepdf.com
http://slidepdf.com/reader/full/formularios-dreamweaver 10/15
A través del inspector de propiedades es posible asignar también el ancho del cuadro detexto, el número máximo de líneas o caracteres, y el valor inicial del cuadro.
Botón: Es el botón tradicional. El botón puede tener asignadas tres opciones: Enviarformulario, Restablecer formulario (borrar todos los campos del formulario), o Ninguna
(para poder asignarle un comportamiento diferente de los dos anteriores).
También es posible cambiar el texto del botón, a través del campo Etiqueta del inspector depropiedades.
Casilla de verificación: Es un cuadrito que se puede activar o desactivar. Puede asignársele
el estado inicial como Activado o como Desactivado.
Botón de opción: Es un pequeño botón redondo que puede activarse o desactivarse. Si hayvarios del mismo formulario, solo puede haber uno activado. Cuando se activa uno,automáticamente se desactivan los demás.
Lista/Menú: Una lista o menú es un elemento de formulario que lleva asociada una lista deopciones. Los elementos se añaden a través de botón Valores de lista del inspector depropiedades. Cuando se trata de un menú, solo es posible elegir uno de los elementos, perosi se trata de una lista, a través de Selecciones puede permitirse que se seleccionen variossimultaneamente.
5/11/2018 formularios dreamweaver - slidepdf.com
http://slidepdf.com/reader/full/formularios-dreamweaver 11/15
Etiqueta: Se utiliza para ponerle nombres al resto de elementos de formulario, para que elusuario pueda saber qué datos ha de introducir en cada uno de ellos.
Crear formularios
Puedes crear formularios a través del menú Insertar, opción Formulario. Una vez creado unformulario, este aparecerá en la ventana de Dreamweaver como un recuadro formado porlíneas rojas discontinuas, similar al de la imagen de siguiente.
Dentro de dicho formulario se podrán insertar los elementos de formulario, que como yasabes puedes insertarlos a través del menú Insertar, opción Objetos de formulario.
Es muy recomendable utilizar tablas para organizar los elementos de los formularios.Utilizando tablas se consigue una mejor distribución de los elementos del formulario, loque facilita su comprensión y mejora su apariencia.
Validar formularios
La validación de formularios sirve para hacer que Javascript valide el formulario antes deque se envie el formulario, para que en el caso de que hayan campos del formulario quesean obligatorios, tengan que rellenarse antes de poder enviarse.
Para validar un formulario hay que abrir el panel de Comportamientos. Este panel se puedeabrir a través del menú Ventana, opción Comportamientos, o pulsando Mayús+F3.
5/11/2018 formularios dreamweaver - slidepdf.com
http://slidepdf.com/reader/full/formularios-dreamweaver 12/15
En el este panel hay que desplegar el botón pulsando sobre él, y en Mostrar eventos paraelegir una versión de las actuales de entre la lista de navegadores. Por ejemplo, puedeselegir el navegador IE 6.0. Después de esto, hay que volver a desplegar el botón , y pulsarsobre la opción Validar formulario.
Entonces se mostrará una ventana como la siguiente, donde aparecen todos los elementosdel formulario.
Puede seleccionarse uno por uno cada elemento del formulario, pudiendo especificar losrequisitos que ha de cumplir. Puede establecerse como campo a rellenar obligatoriamente, ysi su contenido ha de ser numérico, una dirección de correo electrónico, etc.
5/11/2018 formularios dreamweaver - slidepdf.com
http://slidepdf.com/reader/full/formularios-dreamweaver 13/15
Creación de un menú desplegable en Dreamweaver
Muchas veces, nuestras páginas tienen tantos contenidos que si quisiéramos que
apareciesen todos estos en un determinado lugar de nuestra página, en un menú, esteabarcaría casi la totalidad del espacio que tenemos para nuestra web. En estos casos es muyútil insertar uno o varios de estos menús desplegables, apareciendo por encima del propiocontenido de la página para mostrar todas sus partes y desapareciendo posteriormente.
A lo largo de este artículo vamos a desarrollar la forma de crear uno de estos menús conDreamWeaver de una manera genérica para que cada uno lo amplíe a su gusto.
En primer lugar, tenemos que saber que este menú está construido casi en su totalidad porcapas, a las cuales les atribuiremos unos comportamientos específicos para que aparezcan ydesaparezcan a nuestro gusto.
Otra cosa que debemos tener en cuenta es la condición de capa absoluta o capa relativa, yaque a las capas absolutas se les tiene que dar unas coordenadas de posicionamiento a raíz dela esquina superior izquierda de nuestra web, coordenadas que no nos sirven para nada en elcaso de que nuestra página tenga los contenidos centrados, ya que la posición en la que va aaparecer esta, dependerá de la configuración del monitor desde el que se visualice dichapágina.
El primer paso que tenemos que dar es desarrollar mentalmente un esquema del menú quequeremos realizar, o mejor, sobre papel. Nosotros nos hemos decantado por hacer un menúprincipal compuesto por 5 partes en posición horizontal, para lo cual crearemos una tablacon 5 celdas y les daremos a cada una de ellas un determinado el tamaño de píxel, ennuestro caso 100px - 20px. A continuación haremos clic en el icono de capa y dibujaremosuna en cualquier lado, seguidamente arrastraremos el símbolo de capa (que determina ellugar donde el programa introducirá la línea de código HTML, que por defecto crearádentro de la etiqueta "Body") dentro una de las celdas de la tabla que hemos generado y a
continuación modificaremos en la ventana propiedades, los campos "Iz" (izquierda) y"Sup" (superior) dejándolos en blanco, al hacer esto el programa engancha la capa en laesquina superior izquierda del recipiente en el que se encuentra, en este caso, la celda en laque hemos introducido la capa. Después daremos un valor a los campos de "An" (ancho) y"Al" (alto) En el ejemplo que estamos creando serán 100px y 20px respectivamente, estepaso lo tenemos que repetir para cada una de las 5 celdas (en nuestro caso), de las que secompone nuestro menú principal.
5/11/2018 formularios dreamweaver - slidepdf.com
http://slidepdf.com/reader/full/formularios-dreamweaver 14/15
Una vez terminado con este paso procederemos a crear otras capas dentro de las que yahemos establecido, a estas capas tendremos que darles unos valores de tamaño dependiendode las distintas partes que queramos introducir dependientes de cada menú (nosotrosdaremos 100px - 80px en el primer desplegable, 100px - 140px en el segundo, 100px -100px en el tercero, 100px - 80px en el cuarto y 100px - 140px en el quinto). Para colocar
una capa dentro de otra podemos hacerlo: 1º, arrastrando como hemos hecho anteriormenteesta nueva capa dentro de la anterior, o 2º, presionando la tecla F2 nos aparecerá la ventana"capas" donde podremos ver un esquema de las capas que tenemos en nuestra web,cogiendo una de las capas que aparecen y arrastrándola encima de otra mientras quepresionamos la tecla "ctrl", introduciremos la capa arrastrada dentro de la que hayamosseleccionado.
Estas subcapas que hemos creado, que dependen de las principales, por defecto tienen lapropiedad "default" que deja la capa visible en todo momento y nos viene bien paratrabajar, pero antes de darles un comportamiento a estas, cuando tengamos terminado porcompleto la estructura de nuestro menú, deberemos cambiar este tributo "default" de las
capas secundarias (las que se encuentran dentro de las 5 capas principales) por "hidden",que las hace invisibles, dándonos la posibilidad de trabajar con los comportamientoshaciéndolas aparecer y desaparecer a nuestro gusto.
Dentro de estas capas secundarias introduciremos tablas con el numero de celdas quehayamos calculado con el tamaño de cada capa. Una vez hecho esto en todas las capasdeberíamos colocar las imágenes o las palabras de nuestro menú para poder configurar loscomportamientos, ya que si no colocamos nada dentro de las capas, estas no se veráncuando aparecen o desaparecen por ser transparentes. Otra solución es darles un color defondo.
El último paso para terminar nuestro menú será dar a cada capa un comportamiento. Paraeso necesitamos la ventana comportamiento que, si no la tenemos ya a la vista, presionandola tecla F3 aparecerá. Para poder jugar con los comportamientos de "mostrar u ocultarcapa" debemos trabajar con un vinculo (estos vínculos serán las imágenes que hemoscolocado dentro de las celdas y en su defecto las palabras, para hacer este vinculointroduciremos en el espacio reservado para los vínculos de la ventana propiedades elsímbolo "#" creando así un vínculo en blanco, a continuación presionaremos el vinculocreado (en la parte inferior de la página principal aparecerá el símbolo de vínculo "<a>" en
5/11/2018 formularios dreamweaver - slidepdf.com
http://slidepdf.com/reader/full/formularios-dreamweaver 15/15
negrita) después iremos a la ventana comportamiento y presionaremos el símbolo "+" ypincharemos en "Mostrar - Ocultar capas" y nos aparecerá una ventana con un listado detodas las capas que tenemos creadas, lo que tenemos que hacer es presionar la capa que setendría que desplegar cuando pasásemos el ratón por encima del vinculo que estamosmodificando y apretar el botón "Mostrar" y las demás capas pincharlas y ocultarlas de la
misma forma que hemos hecho antes pero en este caso apretando el botón de "Ocultar".Este paso lo repetiremos para cada una de los cinco vínculos principales de los que se nosdesplegarán los correspondientes submenús.