Dreamweaver CC Bild und Multimedia-Tipps

Egal wie groß Ihre Inhalte, Ihre Bilder, Videos und Multimedia machen einen großen Eindruck auf die Besucher Ihrer Dreamweaver-Website. Hier sind ein paar Tipps für die Verwaltung der Bilder, Videos und andere Multimedia in Ihre Web-Seiten.

Link-Thumbnails, um größere Dateien

Große Bilder sind schön, aber sie erfordern mehr Zeit als kleine Bilder zum Download bereit. Eine übliche Technik für viele Bilder auf einer Seite präsentiert ist klein Versionen jedes Bild zu erzeugen, die so genannte Thumbnails, und verknüpfen Sie dann jeweils den für größere Versionen des gleichen Bildes.

Diese Technik funktioniert auch, wenn Sie eine Sammlung von Videos oder Animationen zu präsentieren möchten. Sie können ein Standbild aus einzelnen Frame des Videos erstellen und dann verwenden, die als Thumbnail, die für jede Videodatei verknüpft.

Wie Sie in der Abbildung zu sehen, die die Fotogalerie von den Shows Cinembargo Website Diese Technik macht es möglich, viele Fotos oder Videodateien, in einer Fotogalerie aufzunehmen. Wenn Sie jedes Bild klicken, eine größere Version des gleichen Bildes wird über diesem Bild angezeigt.

Dieses interaktive Bild-Effekt wurde mit der Verhaltensweisen erstellt verfügen in Dreamweaver. Sie können auch Dreamweaver verwenden, um Bilder, Videos, Animationen zu verknüpfen und andere Dateitypen.

Speichern Sie immer die Originale

Die meisten Designer erstellen Bilder für das Web ein Programm wie Photoshop. Die besten Ergebnisse erzielen Sie mit einer hochauflösenden Version von Fotos oder Grafiken alle Farbkorrektur, Retusche und andere Bearbeitung zu tun.

Bevor jedoch das Bild auf Ihrer Website geht, wollen Sie es zu optimieren, indem Sie die Datei zu komprimieren oder Verringerung der Anzahl der Farben (wenn Sie es als JPEG speichern) (wenn Sie das Bild als PNG oder GIF speichern). Der Prozess der Optimierung der Bilder macht sie schneller herunterladen, sondern reduziert auch die Qualität erheblich.

In der folgenden Abbildung sehen Sie die AssetShield Website, die relativ große Bilder enthält, die optimiert wurden, so dass sie schnell in einem Web-Browser laden.

Denken Sie daran, wenn Sie jemals wieder gehen wollen und ein Bild ändern, nachdem es für das Web optimiert worden ist, werden Sie die Original-Quelldatei die bearbeitet werden soll, die Version, die Sie gespeichert, bevor das Bild komprimiert wurde oder Farben reduziert wurden. Und falls Sie mit einem Bild arbeiten, die mehrere Schichten in einem Programm wie Photoshop hat, haben diese Schichten abgeflacht werden, bevor das Bild auf der Website enthalten sein.

Video- und Audiodateien sowie Animationen, sollten optimiert werden, bevor sie in einer Website verwendet werden. Und genau wie Sie mit Bildern zu tun, gehen Sie zurück auf die höhere Auflösung, wenn Sie jemals eine weitere Bearbeitung zu tun.

Egal, ob Sie Ihre eigenen Bilder und Multimedia-Dateien erstellen oder einen professionellen Designer mieten, stellen Sie sicher, dass Sie ein System entwickeln, für alle Original-Bilder in höchster Auflösung zu speichern möglich, so dass Sie sie haben, wenn Sie jemals später ein Bild benötigen zu ändern.