Tecnología

Inicio

Cómo crear botones en Dreamweaver CS5

Cómo crear botones en Dreamweaver CS5


Adobe Dreamweaver CS5, una aplicación diseñada para ayudar a los diseñadores de páginas web, ofrece varias opciones para añadir enlaces a una página web, incluyendo convertir imágenes en enlaces. Esto se conoce como la creación de un botón; clic en la imagen ejecuta un comando. En muchos sitios web, la imagen utilizada para un botón le dice al usuario que hace el botón. Por ejemplo, una imagen de una carta puede abrir un símbolo de correo electrónico y una imagen de una cámara puede llevar al usuario a la página de "Fotos".

Instrucciones

1 Abra el programa de Adobe Dreamweaver CS5. Haga clic en el menú "Archivo" y seleccionar "Nuevo" o "Abrir". Si va a abrir un proyecto en curso, resaltarlo en la ventana emergente y pulse "OK".

2 Inserte obra haciendo clic en el menú "Insertar". Haga clic en la flecha al lado de "Imágenes" y vaya a la línea que dice "Imagen".

3 Cambiar el tamaño de la imagen, si se desea, arrastrando su esquina hacia el interior o hacia el exterior.

4 Haga clic en la imagen para que se selecciona. Navegue hasta el panel Propiedades y el ratón sobre el campo URL. Haga clic en este campo e introduzca la URL correspondiente. Esto a su vez su imagen en un botón que lleva a los usuarios a la URL. Alternativamente, convertir la imagen en un botón con una dirección URL relativa haciendo clic en el icono al lado del campo "URL". En la ventana emergente, busque el archivo apropiado y resaltarlo. Presiona OK." Esto convierte su imagen en un enlace que lleve a los usuarios al archivo que ha seleccionado.

5 Resalte el número en el campo de la frontera y entrar en "0"

Consejos y advertencias

  • Diseño de sus botones en un programa de edición de imágenes como Paint o Photoshop.