Webdesign

Typografische Anführungszeichen mit <q>

Das HTML-Tag <q> (englisch für «Quote») dient als logische Textauszeichung für Zitate. Logische Textauszeichnungen machen lediglich Angaben über die Textstruktur, nicht aber darüber, wie die Auszeichnungen aussehen. Das bestimmt entweder der Browser oder dann eine entsprechende CSS-Anweisung. Da im Falle von \ manche Browser überhaupt keine Änderung gegenüber normalem Text vornehmen, wird das Tag selten verwendet. Dabei wäre es die Lösung, um einen Text automatisch in typografisch korrekten Anführungszeichen erscheinen zu lassen. Schreiben Sie in Ihre CSS-Datei:

Q { quotes: ‚«‘ ‚»‚ }

Man könnte theoretisch sogar noch weiter gehen und je nach Sprache verschiedene Anführungszeichen definieren:

:lang(de-ch) >
Q { quotes:‚« ‚ ‚ »‘}
:lang(de-de) >
Q { quotes: ‚»‘ ‚«‚ }

Diese Anweisung bedeutet, dass die Guillemets nach innen schauen, wenn der Benutzer als Land Deutschland eingestellt hat und nach aussen bei der Einstellung «Deutsche Schweiz». Wir haben das allerdings nicht wirklich in einem Browser anschauen können. Der Internet Explorer kann leider nicht einmal die obere einfache CSS-Anweisung verstehen. Version 6 auf Windows zeigt prinzipiell keine Anführungszeichen an, auch mit CSS-Angabe nicht. Version 5 auf dem Mac zeigt immer das Zoll-Zeichen ( " ) an, unabhängig davon, ob in der CSS-Datei andere Anweisungen stehen.

GoLive

Bibliothek mit eigenen Objekten

Zieht man in der Objekte-Palette das hinterste Register (mit dem Bleistift), lassen sich dort verschiedene Teile einer Seite hineinziehen, worauf sie als so genannte Snippets abgespeichert werden. Diese können ab nun in jedes Dokument eingefügt werden. Zieht man beispielsweise ein Bild hinein, so merkt sich GoLive den Ort und verlinkt das Bild richtig, wenn es in ein anderes Dokument eingefügt wird. Auf diese Weise kann eine regelrechte Bibliothek angelegt werden. Bei Bildern und anderen externen Inhalten ist zu empfehlen, diese in einem eigenen Bibliotheksordner zu sammeln und nicht mehr zu verschieben, denn das Snippet besteht nur aus einem Verweis und nicht aus der Grafik selber. Snippets können sowohl im Layout- als auch im Quellkodemodus benutzt und praktisch überall hineingezogen werden, wo man auch Text eintippen kann.

Flash

Tricks mit der Shift-Taste

Wenn man eine Ebene ausblendet, indem man auf das Symbol in der Palette klickt, verschwinden bei gedrückter Shift-Taste gleich alle Ebenen. Das funktioniert auch bei den Symbolen für «Ebene sperren» und «Ebene als Kontur anzeigen». Wird beim Einfügen die Shift-Taste gedrückt, wird das Objekt an der gleichen Stelle und nicht in der Mitte des Fensters eingefügt, was manchmal sehr nützlich ist.

Photoshop

Auf exakte Pixelgrösse zuschneiden

Um ein Bild exakt auf eine bestimmte Pixelzahl zuzuschneiden, bietet sich der Menüpunkt Arbeitsfläche an. Wenn man die Ränder unregelmässig abschneiden will, muss man das Freisteller-Werkzeug zu Hilfe nehmen. Die Auswahl kann hier zwar nicht durch numerische Eingaben festgelegt werden, doch man sieht in der Info-Palette rechts deren unten Breite und Höhe. Unter Masseinheiten & Lineale legt man fest, ob die angezeigten Werte Zentimeter oder Pixel sein sollen. Zudem kann man auch während des Freistellens links unten die Anzeigegrösse ändern und mit Hilfe einer starken Vergrösserung exakt arbeiten.

Webdesign

Eigene Fehlerseiten

Statt des öden «Fehler 404 – Seite nicht gefunden» oder «401 Authorization Required» kann man auch erreichen, dass im Falle solcher Fehler eine eigene Seite aufgerufen wird. Auf einem Unix/Linux-basierenden Server muss man mit einem Texteditor eine Datei namens «.htaccess» erstellen und den folgenden Eintrag machen:

ErrorDocument 404 http://www.ihredomain/fehler/ fehler404.html

Wobei /fehler/ für das Verzeichnis steht, wo die Seite zu finden ist und fehler404.html ein Beispiel für den Namen der aufzurufenden Seite. Zu beachten ist, dass die «.htaccess»-Datei als ASCII und nicht binär heraufgeladen wird. Sie deckt den Bereich ab, in dessen Verzeichnis sie steht, inklusive aller Unterordner. Für den Fehler 401 oder 403 können Sie einen weiteren Eintrag analog zum oben beschriebenen machen.

GoLive/Acrobat

PDF-Fehler reparieren

Zieht man gewisse PDF-Dateien in das Site-Fenster von GoLive, zeigt das Käfersymbol einen Fehler an. Wenn die PDF-Datei beim Öffnen einen bestimmten Zoom als Einstellung hat, der vom Normalwert abweicht, so wird dieser Zoom als Link angesehen. In Acrobat sind alle Vergrösserungsänderungen technisch gesehen Links, was man daran erkennt, dass bei der Zurück-Taste nicht zur letzten Seite, sondern zur letzten Ansicht gesprungen wird. Zur Behebung gibt es zwei Möglichkeiten: Entweder die Zoomeinstellung des PDFs auf Standard einstellen (Datei > Dokument Info > Öffnen) oder in GoLive die leere Referenz durch ein «#» ersetzen.

Webdesign

Tabellen mit abgerundeten Ecken

Um jede HTML-Tabelle lässt sich ein Rand mit abgerundeten Ecken bilden. Dazu muss die Tabelle links, rechts, oben und unten um je eine Zeile bzw. Spalte erweitert werden. Diesen weist man eine Farbe zu. Die Eckfelder der Tabelle erhalten keine Farbe, hier setzt man ein selbstgemachtes Bild ein. In einem Grafi kprogramm erzeugt man ein Bild mit der Grösse 25x25 Pixel und darin einen Kreis mit Durchmesser 50 Pixel. Ein Viertel des mit derselben Farbe wie in der Tabelle gefüllten Kreises sollte wie auf dem Bild zu sehen sein, bevor man das Ganze als GIF exportiert. Die restlichen drei Bilder entstehen, indem man jeweils das Bild um 90 Grad dreht und abspeichert. Bei der Tabelle muss nun die Breite der Randspalten 25 Pixel sein und der Rand und Zellabstand 0.