El Internet tiene una variedad de recursos que ofrecen imágenes de los botones libres para su uso en su sitio web. Uso de software de diseños gráficos como Adobe Photoshop, puede personalizar su propio texto para colocar en la parte superior de la imagen del botón, a continuación, utilizar el software de diseño web como Macromedia Dreamweaver 8 para crear el enlace. Para este tutorial, ya debe tener su sitio web básico configurado en Adobe Dreamweaver 8.
Instrucciones
1 Busque su gráfico botón deseado por ir al enlace en Recursos.
2 Descargar la imagen del botón que haya seleccionado y guardarlo en una carpeta en su disco duro.
3 Utilice Adobe Photoshop para abrir el archivo de imagen del botón que ha descargado.
4 Seleccione la "herramienta de tipo horizontal" en Photoshop. Seleccione la fuente que desea, teniendo en cuenta el tamaño de la imagen del botón. Normalmente, un tamaño de fuente de 12 a 14 puntos será apropiado.
5 Haga clic en el botón gráfico en el que desea que aparezca el título del botón. Escriba la etiqueta del botón. Para este ejemplo, escriba "Descargar" para indicar al hacer clic en este botón se iniciará la descarga del archivo.
6 Guarde el botón modificado. Enter "download_button" para el nombre de archivo y seleccione "CompuServe GIF" para el formato. Haga clic en "OK" para acoplar las capas y elegir la opción "Web" de la paleta a continuación, pulse "OK". Vamos a mantener este un archivo no entrelazado, por lo presione "Aceptar" de nuevo para el siguiente cuadro de diálogo. Colocar el archivo en la carpeta de imágenes de raíz Dreamweaver.
7 Utilice Adobe Dreamweaver 8 para insertar el botón gráfico guardado en su documento HTML existente. Abra el archivo HTML que desea agregar el botón a. Seleccione el icono de "Imágenes" del menú y luego seleccione el archivo que guardó en el paso anterior utilizando el cuadro de diálogo "Seleccionar origen de imagen". También puede utilizar el ratón para simplemente arrastrar el archivo seleccionado de la carpeta Imágenes en la pestaña "Archivos" a su documento HTML.
8 Crear un vínculo para el botón de descarga en su documento HTML. Haga clic en el botón a continuación, busque el campo "Enlace" en la pestaña Propiedades. Introduzca la ruta completa al archivo que desea que los usuarios descargar desde el servidor Web. La ruta debe comenzar con http: //.
9 Guardar este documento y busque el archivo en la sección Archivos de Dreamweaver para su sitio web. Haga clic derecho y seleccione "Poner" para cargar el archivo HTML revisada y el botón gráfico para su servidor Web.
Consejos y advertencias
- Incluye instrucciones de descarga de archivos específicos del navegador en su página web. Los usuarios de Web novatos pueden no estar familiarizados con cómo descargar archivos utilizando su navegador.
- Muchas fuentes de sitios web gráficas de licencia libre el uso de sus imágenes de derechos de autor para fines no comerciales. Si el diseño es de un sitio web comercial, comprobar las restricciones de licencia de imágenes de los botones descargados.