Es gibt viele Gründe, warum Sie Ihrer Website ein .gif-Bild hinzufügen möchten.
Das Hinzufügen eines Bildes zu Ihrer Website kann die Attraktivität für Besucher erheblich verbessern. Die am häufigsten verwendeten Dateiformate für Bilder im Web sind .jpg und .gif. Laut der Indiana University eignen sich .gif-Dateien am besten für scharfkantige Bilder mit reduzierten Farbabstufungen. Dies können Cartoons, Text und Strichzeichnungen sein. Weitere Vorteile von .gif-Dateien sind die Möglichkeit, den Hintergrund auf Transparenz zu setzen und Animationen hinzuzufügen. Das Hinzufügen einer .gif-Datei zu einer Website ist so einfach wie das Hochladen einer Datei und das Schreiben eines Satzes.
Schritt 1
Öffnen Sie Ihr Website-Verwaltungspanel. Dies ist für jede Person unterschiedlich, da es vom verwendeten Hostserver abhängt oder ob Sie Programme wie Dreamweaver verwenden, um Ihre Site zu verwalten. Im Wesentlichen gibt es zwei Haupttypen von Bearbeitungssoftware – HTML-Editor oder WYSIWYG. Das Smashing Magazine erklärt, dass WYSIWYG für "What You See Is What You Get" steht. Diese Programme wurden entwickelt, um die Seitenerstellung intuitiver zu gestalten. HTML-Editoren erfordern, dass Sie die Grundlagen der HTML-Sprache verstehen.
Video des Tages
Schritt 2
Speichern Sie Ihre .gif-Bilddatei im "Bilder" oder entsprechenden Ordner Ihrer Website. Wenn Sie ein Programm auf Ihrem Computer verwenden, müssen Sie nur den richtigen Ordner auf Ihrer Festplatte finden. Wenn Sie eine Online-Verwaltungsoberfläche verwenden, müssen Sie das Bild hochladen. Navigieren Sie in Ihrem Administrationsbereich zum richtigen Ordner und befolgen Sie die Anweisungen zum Hochladen einer Datei. In den meisten Fällen verwenden Sie eine Schaltfläche zum Durchsuchen, um die .gif-Datei auf Ihrem Computer zu finden, und klicken dann auf "Hochladen".
Schritt 3
Fügen Sie die .gif-Datei zur Webseite hinzu. In einem WYSIWYG-Editor müssen Sie das Bild nur per Drag & Drop an die gewünschte Stelle ziehen. Zeigen Sie eine Vorschau der Website an, um sicherzustellen, dass die Seite wie erwartet angezeigt wird, und passen Sie sie bei Bedarf an.
Wenn Sie einen HTML-Texteditor verwenden, öffnen Sie die HTML-Seite, auf der das .gif platziert wird. Scrollen Sie zu der Stelle im HTML-Text, an der das .gif erscheinen soll. Fügen Sie die folgende Zeile hinzu, ersetzen Sie die Informationen nach den "="-Zeichen durch Informationen zur .gif-Datei und lassen Sie die Anführungszeichen unverändert:
Cross Culture erklärt, dass "img src" "Bildquelle" bedeutet. Die Informationen zwischen den Anführungszeichen sollten den Namen des Ordners enthalten, in dem sich die .gif-Datei befindet, und dann den Namen der .gif-Datei. Das "alt"-Tag bezieht sich auf den Text, der angezeigt wird, wenn der Bildlink unterbrochen wird, der Besucher Bilder deaktiviert hat oder Textleser entschlüsseln müssen. "Breite" und "Höhe" legen die angezeigte Größe des Bildes in Pixel fest. Die Space-Tags definieren, wie viel vertikaler oder horizontaler Raum um das Bild in Bezug auf den umgebenden Inhalt gegeben wird. Das Border-Tag fügt eine Linie um das Bild hinzu und die Zahl innerhalb der Anführungszeichen bestimmt seine Breite.
Dinge, die du brauchen wirst
Computer mit Internetverbindung
Administrativer Zugriff auf die Website
Gespeichertes .gif-Bild zum Einfügen
Spitze
Eine häufige Verwendung einer .gif-Datei wird als spacer.gif bezeichnet. Dieses Bild ist ein transparentes Quadrat, das 1 Pixel mal 1 Pixel misst. Diese .gif-Datei bietet Seitendesignern die Möglichkeit, effizient vorhersehbaren Platz an verschiedenen Stellen im Layout hinzuzufügen. Um beispielsweise Platz unter einem Textblock hinzuzufügen, können Sie spacer.gif in einem eigenen Absatz platzieren und Höhe und Breite nach Ihren Wünschen anpassen.
Warnung
Speichern Sie eine Kopie der Webseite, die Sie ändern, bevor Sie versuchen, die neue GIF-Datei hinzuzufügen, und versuchen Sie, wenn möglich offline zu arbeiten, bis Sie mit Ihren Ergebnissen zufrieden sind. Dies verhindert, dass Übungsseiten veröffentlicht werden, und schützt Ihre Möglichkeit, bei Schwierigkeiten neu anzufangen.
