Wie man Bilder für die Verwendung auf einer Website-Scheiben

Schneiden ist eine Methode zum Erstellen von Bildern für die Verwendung in HTML-Seiten im Web. Eine Layout ist als nicht-interaktiven Bild entworfen. Dann verschiedene Abschnitte dieses Design "in Scheiben geschnitten sind," für das Web optimiert und dann in einem HTML-Dokument verwendet wird, um einem live-Website zu erstellen. Dies sind die grundlegenden Schritte zum schneiden Bilder für eine Webseite.

Anweisungen

1 Öffnen Sie Ihre Design-Dokument in ein Bildbearbeitungsprogramm wie Adobe Photoshop. Das Layout sollte so gestaltet werden, so dass die "Scheiben" in einer HTML-Tabelle---Zeilen und Spalten passen. Es muss nicht enthalten Text, der später mit HTML hinzugefügt wird.

2 Zeichnen Sie ein Feld, um den Bereich des ersten Segments mit dem Tool "Slice". Obere Banner könnte beispielsweise ein guter Anfang sein.

3 Zeichnen Scheiben um den Rest der Elemente auf Ihrem Layout, z. B. ein Logo oder wo auch immer es ist eine Grafik, die scheint einen eigenen Abschnitt zu sein. Es gibt keine strikten Regeln zu Scheiben machen. Stell dir die Stücke passend zusammen in einer Tabelle von Rechtecken. Auch sollten Sie Bedenken, die Ladezeit, das ist der Grund, warum Menschen nicht die gesamte Layout einer Scheibe machen.

4 Benennen Sie die Scheiben. Doppelklicken Sie auf ein Segment mit "Slice Select Tool" Öffnen Sie das Dialogfeld "Slice-Optionen". Wählen Sie "Bild" für den Slice-Typ und geben Sie ihr einen Namen. Wiederholen Sie für alle restlichen Scheiben.

5 Wählen Sie "Datei" und dann "Für Web speichern", um das Dialogfeld "Für Web speichern" geöffnet. Wählen Sie Einstellungen für das ausgewählte Segment. Es gibt viele Möglichkeiten, aber generell als JPEGs und Vektoren als GIFs Bilder gespeichert werden sollen.

6 Klicken Sie auf "Speichern". "Speichern optimiert unter" erscheint Eingabeaufforderung. Wählen Sie den Speicherort für optimierte Segment.

7 Wiederholen Sie die Schritte 5 und 6 für jedes Segment.

8 Erstellen Sie eine HTML-Tabelle, die die Bilder in ihren jeweiligen Standorten platziert.

Tipps & Warnungen

• Diese Schritte könnte variiert je nach verwendetem Software, aber der grundlegende Prozess werden die gleichen.