Cómo crear sus propios Botones de contacto

Con todos los creadores web de apuntar y hacer clic por ahí, y bajo costo de alojamiento de servicios como GoDaddy.com y Register.com, es más fácil que nunca crear un sitio web personal para el uso familiar o de negocios. Por desgracia, los editores web fácil de usar, no siempre permiten para todas las funciones de edición de HTML en toda regla. 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 cuestión de minutos con el software adecuado.

Instrucciones

1 Paint.NET descarga de software de edición de imágenes libre (ver Recursos) para facilitar la creación de botones. Paint.NET ofrece funciones de edición relativamente avanzados de forma gratuita. Sin embargo, si usted tiene otros programas como Adobe Illustrator --- de Corel Photoshop --- dude en usarlos en su lugar, saltar al Paso 6.

2 Haga clic en el archivo descargado Paint.NET titulado "Paint.NET.3.36.zip", a continuación, seleccione "Extraer todo".

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

4 Reinicia tu computadora. Es siempre una buena idea para reiniciar después de instalar un nuevo programa.

5 Abrir Paint.NET o un editor de imagen diferente y crear un archivo de imagen JPEG para su sitio web. Paint.NET y otros editores tienen las características del texto, lo que le permite escribir "Contacto" o "correo electrónico" en un fondo de color para un botón agradable, de aspecto profesional.

6 Iniciar sesión en el editor del sitio y cargar el archivo de imagen JPEG que desea actuar como un botón de contacto.

7 Acceder al código HTML en el editor del sitio. Dependiendo del editor que esté utilizando, el procedimiento para obtener el código en bruto puede ser diferente, pero el proceso suele ser sencillo.

8 Resaltar todo el código HTML y mantenga pulsada la tecla "Ctrl" y "C" para copiar el código. Pegar el código en un programa de procesador de texto manteniendo pulsada la tecla "Ctrl" y "V" Guardar el documento como una copia de seguridad en caso de que insertar el código de contacto de forma incorrecta --- puede pegar el código guardado de nuevo en el editor de HTML si se comete un error.

9 Insertar el código HTML de contactos en su editor HTML. De acuerdo con tutoriales Point, contactos de correo electrónico HTML es similar a un enlace de Internet, pero con el "mailto" en lugar de "http" sintaxis normal. Por lo tanto, el código debe ser similar a la siguiente, la inserción de su correo electrónico de contacto en lugar de "[email protected]" y reemplazar "buttonURL" con la dirección URL del archivo JPEG (la dirección web para el archivo JPEG): <a href = "mailto : [email protected] "> <img /> </a>