Gewusst wie: Einbetten einer JPG-Abzeichen

Einbetten einer JPG-Abzeichen-Bild auf Ihrer Website oder Blog sichtbar zeigt Ihre Unterstützung für eine online-Kampagne oder Ihre Zugehörigkeit zu einem Verein, Gesellschaft oder einer anderen Organisation. Um eine JPG-Abzeichen zu Ihrer Webseite hinzuzufügen, laden Sie die Image-Datei auf Ihre Website-hosting-Server mit der üblichen File Transfer Protocol-Anwendung oder Host Content Managementsystem und fügen Sie einen kurzen Ausschnitt aus Bild-Source Code für HyperText Markup Language der Web-Seite hinzu.

Anweisungen

1 Starten Sie Microsoft Paint, und öffnen Sie die JPG-Bilddatei, die die Abzeichen-Grafik enthält. Zeigen Sie Höhe und Breite die Bilddimensionen in der Statusleiste am unteren Rand der Paint-Fenster. Notieren Sie sich diese Informationen, zusammen mit den Namen der Bilddatei, damit Sie später darauf zurückgreifen können.

2 Öffnen Sie Ihr File Transfer Protocol oder das Control-Panel für Ihre Web-Host online Content Managementsystem. FTP oder Steuerelement Panel Benutzername und Passwort eingeben. Klicken Sie dann auf verbinden, Herstellen einer Verbindung mit der Webhosting-Server. Gehen Sie in den Stammordner--normalerweise genannt "HTDocs" oder "Root." Die meisten FTP und Control Panels öffnen auf den Stammordner der Website standardmäßig. Da es die Seite Homepage enthält, erkennen Sie den Stammordner.

3 Laden Sie das JPG-Bild auf den Stammordner oder den oder die "Bilder" Unterordner per Drag & Drop die Image-Datei aus Ordner Ihres Computers zu öffnen FTP oder Control Panel-Fenster. Alternativ klicken Sie auf "Hochladen" in der Systemsteuerung oder FTP-Tool und navigieren Sie zum Speicherort Datei. Doppelklicken Sie auf die JPG-Datei, um es hochzuladen.

4 Starten Sie Ihre üblichen Web-Design und Codierung Programm, HTML-Editor oder Microsoft Notepad. Öffnen Sie die Webseite, auf denen Sie das JPG-Abzeichen platzieren möchten.

5 Blättern Sie zu der Webseite Body-Abschnitt zwischen "< Körper >" und "< / body >" HTML-Code-Tags. Klicken Sie auf die Einfügeposition für das JPG-Bild. Wählen Sie eine Grafik Abzeichen eine herausragende Stellung am oberen Rand der Seite oder in der Nähe das Navigationsmenü.

6 Fügen Sie den folgenden Code in die Seite das Bild einbetten:

< IMG SRC="badge.jpg" ALT = "Beispieltext" Breite = 30 HEIGHT = 30 >

7 Ändern Sie "badge.jpg," den Namen der JPG-Datei in Ihrem tatsächlichen Dateinamen. Wenn Sie das Bild in einen Unterordner hochgeladen haben, fügen Sie den Ordnernamen und vor dem Dateinamen einen Schrägstrich; z. B. "images/Sallysbadge.jpg". Geben Sie eine kurze Bildbeschreibung zwischen den Anführungszeichen im Feld "ALT" ersetzen "Beispieltext." Ändern Sie die Werte für Breite und Höhe in den richtigen Abmessungen für Ihre JPG-Bild.

8 Speichern Sie die Webseite und laden Sie sie auf Ihrem Web-Server mit dem FTP oder Content Management System-Control-Panel.

Tipps & Warnungen

• Wenn Sie ein online-Blog hosting und Content-Management-Service, wie Blogger oder Tumblr, verwenden können Sie das Bild einbetten, indem Sie auf das Symbol "Bild einfügen" in der Post-Editor-Tool und das Bild von Ihrem Computer hochladen. Einige online-Foren auch den Mitgliedern erlauben, Bilddateien in Beiträge einbetten, mit einem ähnlichen Bild einfügen-Tool in der Post-Editor-Symbolleiste.