How your own buttons contact

The creators of point and - click Web it and low-cost services as GoDaddy.com hosting and infrastructure, makes it easier than ever to create a personal page for family or professional use.

Unfortunately, user friendly Web editors are all features of output HTML. For the creation process is fortunately fairly easily the coordinates of the buttons to your personal website. Create the button and its HTML code takes only a few minutes with the right software. Level of difficulty: Moderately easy

Instructions

Things you need: paint free .net software processor SoftwareWord

1. 1

   Download retouching image free Collaborés (see resources) for the software to create on push of a button.

Collaborés offers relatively free advanced posting features. However, if you have other programs - such as Adobe Illustrator from Corel Photoshop - not hesitate to use instead of this, skip to step 6.

2

Right-click on the downloaded file from Collaborés titled "Paint.NET.3.36.zip", and select "Extract all". "

3

Double-click the newly extracted Installer.

Follow the instructions to complete the installation.

4

You restart your computer.

It is always a good idea to restart after the installation of a new program.

5

Open Collaborés or another image editor and create a JPEG image for your website.

Collaborés and other publishers have features of the text which allows you, type "Contact" or "E-Mail" to background colour Schaltfläch(e) in nice, professional.

6

Connect your website editor and load the file JPEG image you want to act as a contact button.

7

Access to the HTML code in your website editor.

Differ according to the editor can use Procédurere, to get the raw code, but the process is usually simple.

8

Highlight all the HTML code and keep "Ctrl" and "C" to copy the code.

Add the code in a text editor by pressing "Ctrl" and "V". Save the document as a backup where you insert the contact wrong - code you can place the code in the HTML editor when you make a mistake.

9

Inserting HTML code, please contact your HTML editor.

According to the point of the tutorial, HTML e-Mail contact is similar to a Web link, but with the "mailto" instead of "http" normal syntax. Therefore, the code should look so similar to the following, put your e-Mail contact from "contact@contact.x" and replace "ButtonURL" with the JPEG file URL (the Web address of the JPEG file): < a href = "mailto:contact@contact.x" > < img src = "ButtonURL" / > < / a >