Boton-enlace en DW.

[davidorfeo]

Hola:

Quiero crear un botón-enlace en DreamweaverCS4.

No un botón en flash, algo sencillo, que pueda crear y manejar en DreamweaverCS4.

En el código me aparece esto:

<td><form id="form1" name="form1" method="post" action="">
<label>miweb
<input type="submit" name="miweb" id="miweb" value="miweb" />
</label>
</form></td>

¿Qué colocó en cada cosa? ¿dónde pongo el enlace?

Como verán soy novato en estas cosas . Si me ayudan se los agradeceré.

Gracias.

David.

[juaniquillo]

para usar una imagen como botón de un formulario puedes usar el botón de "Image Field" que está en la pestaña de "Forms":



Para un botón normal puedes usar el boton de "button":

[loncho_rojas]

para hacer un enlace necesitas usar la etiqueta <a>.. el input tipo boton, es para envio de formularios.. puedes generar botones con javascript, css...

aunque el DW tambien trae, entre las opciones de insertar imagen, una opcion, insertar imagen de intercambio o rollover, de manera mas sencilla.. ve al boton donde insertas imagenes, y despliega las opciones y busca "Rollover" o "Imagen de intercambio"

luego te aparecera la opcion para la imagen que deseas que se vea cuando esta estatica, y luego eliges la que se vera cuando el mouse esta encima... para ello debes preparar 2 botones con aspecto distinto..

otra opcion es hacerlo asi

esto es el html

Código HTML:

<a href="#">Boton</a>
 

esto es el css

Código CSS:

a:link, a:visited{
width:100px;
height:30px;
background-color:#cccccc;
display:block;
text-decoration:none;
font-family:Arial;
color:#333333;
}
 
a:hover{
width:100px;
height:30px;
background-color:#FF0000;
display:block;
text-decoration:none;
font-family:Arial;
color:#FFFFFF;
}
 

[davidorfeo]

¡Les agradezco mucho su ayuda! ¡Me han dado más luces sobre los botones!

Sin embargo, pues lo pude hacer usando comportamientos.

1. Crean el botón como dice Juaniquillo.
2. En la vista diseño seleccionan el botón y van a la ventana comportamientos (o presionan Shift+ F4).
3. Le dan click al "+" y seleccionan "Go to URL". En la ventana especifican su enlace y listo!.

Pero sus sugerencias me ayudarán la próxima vez. ¡Muchas Gracias!