ubiquitour.com

Cómo crear tus propios botones contacto

Con todos los creadores de la web de point and click ahi y bajo costo de alojamiento de servicios GoDaddy.com como Register.com, es más fácil que nunca crear un sitio web personal para uso familiar o de negocios. Desafortunadamente, editores de web fácil de usar no siempre permiten todas las funciones de edición de HTML completo. Por suerte, en el caso de los botones de contacto para su sitio web personal, el proceso de creación es relativamente simple. Crear el botón y el código HTML asociado toma sólo unos minutos con el software adecuado.

Instrucciones

1 Descargar Paint.NET gratis imagen software de edición (ver recursos) para la creación de botón fácil. Paint.NET ofrece relativamente avanzadas funciones de edición gratis. Sin embargo, si usted tiene otros programas---como Adobe Illustrator de Corel Photoshop---dude en usarlos en su lugar, saltando hacia adelante al paso 6.

2 Haga clic derecho sobre el archivo descargado de Paint.NET titulado "Paint.NET.3.36.zip" y seleccione "Extraer todo".

3 Haga doble clic en el archivo de instalación recientemente extraídos. Siga las instrucciones en pantalla para terminar el proceso de instalación automática.

4 Reinicie el equipo. Siempre es una buena idea para reiniciar después de instalar un nuevo programa.

5 Abrir Paint.NET o un editor de imágenes diferentes y crear un archivo de imagen JPEG para su sitio Web. Paint.NET y otros editores tienen características del texto, permitiendo escribir a "Contacto" o "Correo electrónico" sobre un fondo coloreado para un botón de aspecto agradable y profesional.

6 Iniciar sesión en su editor de sitio web y subir el archivo de imagen JPEG que desee actuar como un botón de contacto.

7 Accede el código HTML en su editor de página web. Según el editor que usas, el procedimiento para obtener el código crudo puede variar, pero el proceso es generalmente sencillo.

8 Seleccione todo el código HTML y mantenga pulsada la "tecla Ctrl" y "C" para copiar el código. Pegue el código en un programa de procesador de texto manteniendo presionada la "tecla Ctrl" y "V". Guardar el documento como una copia de seguridad en caso de que usted inserte el código de contacto incorrectamente---puede pegar el código guardado en el editor HTML si cometes un error.

9 Insertar el contacto código HTML en su editor de HTML. Según el punto de tutoriales, contacto de correo electrónico HTML es similar a un enlace web, pero con el "mailto" en lugar de la sintaxis "http" normal. Por lo tanto, el código debería parecerse a lo siguiente, introduciendo su correo electrónico de contacto en lugar de "[email protected]" y sustituir "buttonURL" con el JPEG del archivo URL (la dirección web del archivo del JPEG): < a href = "mailto:[email protected]" >< img / >< /a >