Tipps und Tricks

Tabellen schneller gestalten

Tabellen mit abwechselnden Hintergrundfarben können eine mühselige Sache sein: Fügt man eine Zeile ein, müssen alle darunter liegenden die jeweilige Farbe wechseln. Umgehen kann man diese Arbeit mit den Tabellenstilen von GoLive. Zu finden sind diese in der Palette Tabelle im Unterregister Stil. Auf den abgebildeten Screenshots dient die Tabelle oben links als Vorlage – wenn sie ausgewählt ist, kann man in der Palette auf das Fotosymbol («Erfassen») klicken. Nun werden die ersten drei Zeilen wiederholt (obere Palette). Um anzugeben, dass die erste Zeile eine Kopfzeile ist und nicht wiederholt werden soll, wird die Klammer am rechten Rand auf Zeile 2 und 3 beschränkt (unten). Selbstverständlich kann die Stilpalette auch für andere Formatierungen benutzt werden. So kann es zum Beispiel hilfreich sein, für eine Spalte mit Zahlen die Textausrichtung auf rechtsbündig zu ändern. Besonders nützlich ist das Feature bei Websites mit vielen Tabellen im gleichen Stil.

WebDesign

Link für Bilddownload

Bei Dateien, welche der Webbrowser nicht anzeigen kann (etwa Bilder im TIF-Format), öffnet er automatisch einen Speichern-Dialog, wenn auf einen Link mit einer solchen Datei gedrückt wird. Möchte man hingegen eine JPEG-Datei zum Download anbieten, zeigt der Browser die Datei an, statt sie herunterzuladen.

Die gängige Lösung für dieses Problem besteht darin, ein eigenes Fenster mit dem Bild darin zu öffnen und einer Erklärung für unerfahrene Surfer, dass sie das Bild mit dem entsprechenden Kontext-Menübefehl (rechte Maustaste) speichern können. Eine andere Möglichkeit wäre, das Bild (z.B. im ZIP-Format) zu komprimieren, sodass der Browser wieder auf Download schaltet.

Der Internet Explorer verfügt über den Befehl

window.document.execCommand('SaveAs',true,parent.fileName);

aber solange das bei anderen Browsern nicht funktioniert, hat es in der Praxis keine Bedeutung. Unixserver (und verwandte) können MIME-Zuordnungen ausserdem in der .htaccess-Datei regeln; aber auch da gibt es Browser, die sich nicht dran halten und Unterscheidungen lediglich nach der Dateiendung vornehmen. In die .htaccess-Datei schreibt man:

<FilesMatch "\.(JPG|JPEG)$">ForceType application/octet-stream</FilesMatch>

Intelligenter Bildimport

Anstelle von normalen Images lassen sich in GoLive «Smart»-Objekte einfügen. Beispielsweise kann eine Photoshop-Datei mit einem Smart-Photoshop-Objekt verlinkt werden. Darauf erscheint ein Dialog «Für Web speichern» wie man ihn aus Photoshop kennt. Damit wird ein GIF, JPEG oder PNG aus der Photoshop-Datei erstellt. Sie können auf diese Weise mehrere Internetbilder von derselben Original-Photoshop-Datei erstellen. Die Einstellungen lassen sich später im Inspektor mit dem Button Einstellungen modifizieren. Wenn Sie die verschiedenen Bilder in der Grösse ändern, werden die JPEGs jeweils aufgrund der Originaldatei neu berechnet. Vorteil: Grössenänderung ohne Verpixelung oder unnötig grossen Dateien, mehrere Varianten desselben Bildes (z. B. klein – gross) ohne Aufwand. Und der Clou an der Sache: Wenn Sie die Originaldatei bearbeiten, werden alle damit verlinkten JPEGS automatisch aktualisiert.

Photoshop-Ebenen können Sie als Einzelbilder importieren mit dem Menü Photoshop-Ebenen in Rahmen.

Bild mit Verzögerung anzeigen

Ein sehr kurzes JavaScript kann ein Bild (hier: das erste, angegeben durch [0]) nach einer zeitlichen Verzögerung durch ein anderes ersetzen. Wenn das erste bloss ein Blind-GIF mit der Hintergrundfarbe ist, sieht es so aus, als würde nachträglich noch ein Bild erscheinen. setTimeout("ersetzen()", 1000) bedeutet, dass der Befehl ersetzen() mit 1000 ms Verzögerung ausgeführt wird.

window.setTimeout
("ersetzen()", 1000);
function ersetzen(){
window.document.images[0].src = "neu.jpg";}

Kasten: Tipps aus www.hilfdirselbst.ch

Das Forum www.hilfdirselbst.ch ist eine Fundgrube für Tipps und Tricks zu den gängigen Publishing-Programmen. Die Moderatoren tragen für uns jeweils die «Rosinen» zur Veröffentlichung in der Zeitschrift zusammen.

GoLive

Unabhängige Animationen im Zeitachsen-Editor

(Urs Gamper) Vor dem Erstellen einer Animation wechselt man von der Layoutansicht in den DHTML-Zeitachsen-Editor um über die Schaltfläche Optionen eine neue Szene zu erstellen. Danach kann die Animation direkt im Zeitachsen-Editor oder aber auch in der Layout-Ansicht über den Rahmen-Inspektor mit der Schaltfläche «aufzeichnen» erfolgen. Um eine zweite, gleichzeitig ablaufende Animation zu erstellen, muss wiederum zuerst eine neue Szene erstellt werden, bevor man mit dem Aufzeichnen beginnt. Beim Einsatz von solchen DHTML-Animationen ist unbedingt darauf zu achten, dass das Ergebnis vor dem Aufschalten in den verschiedenen Browsern, Netscape, Internetexplorer, Mozilla, Opera, etc. auf Mac und PC verglichen wird!

GoLive / Photoshop

Bilder auf einfachste Art ins Netz bringen

(Urs Gamper) Vielfach besteht der Wunsch, nach einem Anlass die Bilder so rasch als möglich im Netz zu publizieren. Da beginnt die grosse Arbeit zuerst einmal mit der Bildbearbeitung. Einerseits sind die Bilder im Klein- und Grossformat zu erstellen und danach sind die dazugehörenden Webseiten zu erstellen. Mit Photoshop haben wir nun die Möglichkeit, über Datei – Automatisieren – Web-Fotogalerie alles innert Sekunden zu erstellen. Dabei gibt es die Möglichkeit, zwischen Seiten mit Tabellen oder Seiten mit Frames, mit und ohne Hintergrund, horizontaler und vertikaler Ausrichtung und vielen Dingen mehr, zu wählen. Auch die Beschriftung der Bilder mit Datum und Fotograf ist dabei möglich. In GoLive können die Seiten danach nach Bedarf noch nachbearbeitet werden.

GoLive

Verwenden der Java-Script-Bibliothek

(Urs Gamper) GoLive hat viele wunderbare Effekte und Aktionen, welche ohne jegliche Programmierkenntnisse in die Seiten eingefügt werden können. Das Programm erstellt einen JavaScript-Code in die Seiten. Im Internet spielt jedoch der Datentransfer eine grosse Rolle und es ist wichtig, dass möglichst wenig Code in den Seiten liegt.

GoLive bietet die Möglichkeit, den Code in eine externe Bibliothek abzulegen, welche standardmässig den Namen «CSScriptLib.js» verhält und in den Ordner «GeneratedItems» abgelegt wird. Bei GoLive 5 musste man nun vor jedem Hochladen der Site diese Biblio­thek mit der ctrl-Taste und der Maus bzw. der rechten Maustaste (PC) die Skriptbibliothek optimieren. GoLive 6 bietet nun die Möglichkeit, dies in den Voreinstellungen (Bearbeiten > Voreinstellungen > Website Hochladen oder auch Exportieren) bereits definitiv einstellen zu können.