Hay varias formas de crear un botón, lo voy a explicar igual que el ejercicio de clase, aunque también se podría hacer a través de .css pero eso ya se verá más adelante.
Para que se vea el "efecto" de botón partimos de una imagen y desde Photoshop la modificamos para que haya una pequeña diferencia.
Ejemplo:
Una vez tenemos el botón con el efecto que queremos crear hacemos lo de siempre:
1- Abrimos DreamWeaver.
2- Creamos Sitios y vinculamos.
Para crear el botón vamos a la barra de herramientas y seguimos la ruta (no hay que poner ninguna imagen antes ni tener nada pulsado, añadimos todo desde el siguiente panel) :
- Insertar / Objeto imagen / imagen sustitución y lo linkamos a la web.
Nos aparecerá el siguiente panel:
2.- Imagen original: ahí buscamos la imagen que queremos que se muestre en su estado normal.
3.- Imagen de sustitución: aquí buscamos la imagen que se verá cuando el ratón este encima.
Aceptamos.
Para ver el resultado de nuestro botón vamos a Archivo > vista previa de navegación, y aquí veremos lo que hemos hecho. Esto es solo el botón pero para que haga su función tendremos que vincularlo a alguna web.
No hay comentarios:
Publicar un comentario