Gewusst wie: Schreiben von Text auf ein Bild in HTML

Web-Designer verwenden normalerweise Schnittsoftware Bildern Text hinzu. Jedoch können Website-Besitzer, die ihre Bilder Text hinzufügen wollen keinen Fonds kaufen teure Software oder die Zeit zu lernen, die komplizierten Methoden Bilder zu verändern. Betreiber einer Website kann diese Probleme vermeiden, mithilfe von HTML Text zu Bildern hinzufügen. Diejenigen, die den entsprechenden HTML-Code lernen können Bilder Text hinzufügen, ohne Software zu kaufen oder Zeitaufwand für komplexe Bildbearbeitung.

Anweisungen

1 Download und öffnen Sie die kostenlosen Webeditor NVU. Ein HTML-Editor wie NVU ermöglicht dem Benutzer, entweder Text oder HTML einzugeben. Der Editor speichert dann Seiten als HTML-Seite, so dass sie als Webseite angezeigt werden. Klicken Sie auf "Öffnen", und finden Sie eine vorhandene HTML-Seite zu, wenn der Benutzer das Bild auf einer vorhandenen Seite platzieren möchte. Klicken Sie auf die Schaltfläche "Neu" erstellen Sie eine neue Seite für das Bild oben.

2 Klicken Sie auf "Source" unten, um den HTML-Quellcode der Seite zu sehen. Suchen Sie nach dem öffnenden und dem schließenden Body-Tag. "< Body >"-Tag ist die Öffnung Tag Körper. Das "< / body >" Tag ist dem schließenden body-Tag.

3 Platzieren Sie den folgenden HTML-Code zwischen den Body-Tags:

< Tabellenrahmen = "0" Cellpadding = "0" Cellspacing = "0" >< tr >< td Width = "221" Height = "300" Hintergrund = "Bildlink hier" Valign = "unten" >< Schriftgrad = "+ 1" Farbe "gelb" = > Text hier < / Schriftart >< / td ></tr >< / table >

Platzieren den Code zwischen den Body-Tags wird sichergestellt, dass Besucher einer Webseite das Bild angezeigt werden, wenn die Seite im Internet besuchen.

4 Ändern Sie die Breite und Höhe in den HTML-Code in die gleiche Breite und Höhe wie das Bild. Ersetzen Sie den "Bildlink hier" mit dem Link zu dem Bild. Wenn das Bild mit den Dateinamen "dogpicture.jpg" hat, geben Sie z. B., dass statt "Bildlink hier." Lassen Sie die Anführungszeichen um den Namen der Datei. Hinzufügen von Text zu einem Bild im Bereich "Text hier" des HTML-Codes.

5 Klicken Sie auf "Speichern", um die HTML-Datei speichern. Verwenden Sie die Registerkarte "Normal" am unteren Rand, um zu sehen, wie das Bild auf einer Webseite angezeigt wird. Zentrieren von Text mit der Leertaste. Drücken Sie die EINGABETASTE, um den Cursor auf die nächste Zeile. Geben Sie weitere Textzeilen wie gewünscht.

6 Verwenden Sie FileZilla, um Dateien hochzuladen. Laden Sie die Version "FileZilla Client", und öffnen Sie die Software. Auf der Web-Host mit dem Domain-Namen, Benutzernamen und Passwort einloggen.

7 Doppelklicken Sie auf einen Website-Ordner im rechten Fenster des FileZilla zu öffnen. Finden Sie die HTML-Datei und das Bild im linken Fenster, und mit der rechten Maustaste und wählen Sie "Hochladen", um sie hochzuladen. Stellen Sie sicher, dass die HTML-Datei und Bild im gleichen Verzeichnis (Ordner). Andernfalls wird das Bild auf der Webseite nicht angezeigt.

Tipps & Warnungen

• Ändern Sie die Schriftgröße und die Farbe auf die Größe und Farbe des Bildes. Ein Besucher möglicherweise Probleme beim Lesen des Textes, wenn die Farbe des Textes zu ähnlich, das Bild ist im Hintergrund Farben.
• Verwenden Sie diese Methode nicht, wenn Avatare für andere Websites zu erstellen. Diese Seiten erlauben dem Benutzer, ein Bild hochladen, aber das Bild keinen Text aus der HTML-Datei.