Wie ein Miniatur-Foto auf einer Webseite zu setzen

July 1

Eine Miniaturansicht ist eine verkleinerte Version der ein Foto oder Bild, die mit der größeren Version verknüpft. Miniaturansichten erlauben einen Gesamtüberblick über die Bilder auf der Seite zu erhalten, ohne sich große Mengen an Speicherplatz oder zwingen sie zu warten, bis die gesamte Seite zu laden bevor Sie das gewünschte Bild anzeigen. Miniaturansichten sind ideal für Fotos, Bilder und Fotoalben.

Anweisungen

Bereiten Sie Ihre Fotos auf der Seite:

1 Lesen Sie "How to Transfer Fotos auf einem Computer" (Verwandte eHow des) zu erfahren, wie Sie Ihre Fotos auf die Festplatte übertragen.

2 Speichern Sie die übertragenen Bilder in einem speziellen Ordner, damit Sie wissen, wo sie sind, wenn Sie sie benötigen.

3 Starten Sie Ihre Anwendung für Web-Design oder HTML-Editor, und positionieren Sie den Cursor, wo die erste Miniaturansicht angezeigt werden.

Grundsätzlich gibt es zwei Möglichkeiten zum Einfügen einer Miniaturansicht. Die Schritte im Abschnitt aufgeführten veranschaulichen die erste Möglichkeit, das Bild einfügen und dann die Größe des Bildes reduzieren. Der Vorteil dabei ist, dass das Bild vollständig geladen; daher wenn Benutzer darauf klicken, erscheint das größere Bild, haben bereits in ihrem Cache gespeichert wurden bereitwillig. Der Nachteil ist, dass diese Methode erheblich die Geschwindigkeit verringern kann, an der Ihre Seite geladen.

4 Positionieren Sie den Cursor an der Einfügemarke und fügen Sie das Bild. Im HTML-Format, geben Sie das Image-Tag und dann den Namen des Bildes. Mit einer Web-Gestaltung-Anwendung können Sie die Befehle im Menü auswählen und fügen Sie das Bild.

5 Reduzieren Sie das Bild, bis es die Größe des ein Miniaturbild ist. Ersetzen durch einen HTML-Editor, Typ, den Bildnamen und Spezifikationen. Mit einer Webanwendung Gestaltung können Sie auf das Bild klicken, 'greifen' mit der Ecke-Bars und reduzieren Sie es manuell (konsultieren Sie Ihren Anwendungen-Hilfedatei für weitere Informationen).

6 Link zum ursprünglichen Bild. HTML geben. Schließen Sie das Tag mit. Klicken Sie mit einer Webanwendung Gestaltung auf das Bild und wählen Sie den Link, oder Link-Befehl aus der Menüleiste und wählen Sie den Image-Namen.

Die zweite Methode für das Einfügen von einer Miniaturansicht ist eine kleinere Version des ursprünglichen Bildes erstellen. Der Vorteil ist, dass diese kleinere Bild nicht so viel Zeit zum Laden braucht und ist oft mehr als eine verkleinerte Bild löschen. Die Nachteile sind, dass Sie zwei separate Bilder für jedes Bild (das Vorschaubild und das Original) erstellen müssen und, wenn der Besucher klickt um das größere Bild anzusehen, es dauern kann hochladen.

7 Verwenden Sie Ihre bevorzugten Grafikprogramm Größe des Bilds an die gewünschten Proportionen.

8 Speichern Sie und benennen Sie das angepasste Bild als eine kleinere Version des ursprünglichen Bildes. Z. B. imagesm.jpg.

9 Positionieren Sie den Cursor an der Einfügemarke und fügen Sie das Bild (siehe Abschnitt 2).

10 Link zum original Bild (siehe Abschnitt 2).

11 Speichern Sie die Seite und Hochladen Sie Ihre Website. Achten Sie darauf, um all die Bilder und die kleineren Bilder zu laden, wenn Sie die zweite Methode gewählt haben.

12 Öffnen Sie die Seite in einem Webbrowser, und klicken Sie auf jedes Bild um den Link zu überprüfen. Korrigieren Sie alle Links nach Bedarf.

Tipps & Warnungen

  • Einige Webanwendungen Gestaltung, z. B. Microsoft FrontPage 2000, haben einen 'Machen ein Bild'-Befehl. Dieser Befehl erstellt, deren Namen und fügt die Miniaturansicht, es automatisch mit dem Originalbild zu verknüpfen.