Gewusst wie: Entwerfen Sie Ihren eigenen Web-Button

March 9

Die Schaltflächen, die auf einer Website angezeigt werden sind zwei Hauptkomponenten: ein Bild und einen Link, die Besucher zu einer bestimmten Webseite sendet, sobald das Bild geklickt wird. Diese Schaltflächen können so einfach sein wie was auf das Navigationsmenü einer Webseite zu dem Banner angezeigt wird, die am oberen Rand des Bildschirms angezeigt wird. Schaltflächen werden verwendet, eine attraktive Website suchen und noch funktionieren wie eine Website mit Links, die für ihre Besucher sichtbar sind. Ein Web-Button erstellen, finden oder erstellen Sie eine Grafik und korrekten HTML-Code verwenden.

Anweisungen

1 Schau durch kostenlose Foto hat Websites für eine Grafik, die Sie als Ihre Schaltfläche verwenden möchten. Beachten Sie, dass auch einen Grafik-Designer zu mieten oder Ihr eigenes Bild zu erstellen, durch die Arbeit in einer Paint-Programm wie Photoshop, Paintshop Pro oder Gimp.

2 Bearbeiten Sie die Schaltfläche nach Ihren Wünschen. Ändern Sie Dinge wie Farbe, Schriftart oder sogar Form, damit die Schaltfläche Layout Ihrer Website passt. Größe des Bildes zur online-Nutzung. Beispielsweise sollte wenn du einen Banner-Bild machst und Ihre Website 800 Pixel breit ist, dann dein Bannerbild mindestens 800 Pixel breit sowie sein.

3 Speichern Sie das Bild auf Ihrem Desktop als JPEG-Datei, und laden Sie sie in Ihre Web-Host zu laden oder auf ein Foto-sharing-Site wie Flickr, Photobucket oder Snapfish hochladen.

4 Kopieren Sie den URL oder den Speicherort Ihres Bildes on-line, und fügen Sie ihn in ein neues Dokument, wie Sie es ein wenig später brauchen werde.

5 Öffnen Sie Ihrer Website-Index-Datei und suchen Sie, wo Sie Ihre Schaltfläche innerhalb der HTML-Code platzieren möchten. Beispielsweise wenn Sie einen Banner verwenden, fügen Sie einige Code in Ihre Website-Header-Bereich.

6 Kopieren Sie den folgenden Code, und legen Sie sie in den entsprechenden Bereich Ihrer Website:

< a Href = "Webseiten-Link" >

< Img / >

</a >

7 Geben Sie die Seite, die Sie möchten, dass die direkte Besucher einmal darauf geklickt wird wo es heißt "angehängten Link." Use the full URL address, including the "http://www."

8 Kopieren Sie die URL, die Sie in Schritt 4 gespeichert, und fügen Sie ihn, wo es heißt "Image-Link." Speichern Sie die Änderungen auf Ihrer Website und öffnen Sie ein neues Browserfenster.

9 Geben Sie Ihre Webadresse in das Browserfenster und schauen Sie über Ihre Website. Stellen Sie sicher, dass Ihre Schaltfläche Platzierung und Codierung korrekt sind. Nehmen Sie Änderungen gegebenenfalls geht zurück in Ihre Index-Datei und Bearbeiten von HTML, die Sie gerade eingegeben haben.

Tipps & Warnungen

  • Je nach der Art von Schaltflächen, die Sie für Ihre Website machst, empfiehlt es sich, ein Logo, wie dein Bannerbild in Ihre Knöpfe zu übernehmen. Dies wird helfen, Ihre Website zu brandmarken.