Tip des Tages

Digitale Bibliothek - des Literaten Wunderhorn

2012-02-07T00:00:00+00:00

Seit etwa 10 Jahren ver�ffentlicht der DirectMedia-Verlag in seiner Reihe Digitale Bibliothek Werke bekannter Schriftsteller, Philosophen und Wissenschaftler sowie Lexika, Enzyklop�dien u. �. in digitaler Form auf CD bzw. DVD. In der �ber hundert Werke umfassenden Bibliothek finden sich viele interessante Ausgaben, doch will ich hier nicht Auswahl und inhaltliche Qualit�t, sondern vielmehr die technischen Aspekte, insbesondere die Azeige- und Verwaltungssoftware Digibib 4 beleuchten. Die Installation der Software erfolgt unkompliziert und belegt knapp 10 MB auf der Festplatte. Die Text- und Bilddaten werden von der jeweiligen CD geladen, sofern man diese nicht auch auf Festplatte installiert. Eine Installation auf Festplatte ist jedoch erst nach der Online-Registrierung m�glich. Dann k�nnen beliebig viele B�nde installiert und gleichzeitig genutzt werden. Die Benutzung der Anzeigesoftware ist sehr einfach und intuitiv. Einige der hervorragenen Merkmale sind: - Volltextsuche im gesamten Text (bei Festplatteninstallation auch band�bergreifend) - Suche kann exakt, schreibweisentolerant oder sogar mit Platzhaltern durchgef�hrt werden, au�erdem k�nnen boolsche Operatoren benutzt werden - Export von bis zu 100 Seiten in die Zwischenablage (anders als im Handbuch vermerkt werden in der neuesten Version 4.01.146 auch Sonderzeichen exportiert) - Textstellen k�nnen verschiedenfarbig markiert und mit Kommentaren versehen werden - bis zu 250 Seiten k�nne gleichzeitig gedruckt werden. Die Such-, Markier- und Exportfunktionen lassen die Digitale Bibliothek zu einem m�chtigen Werkzeug f�r den literarisch Interessierten werden.

Beschriftung von Passwortfeldern im Feldinhalt

2012-02-06T00:00:00+00:00

Es ist �blich die Beschriftung eines Eingabefeld in das Feld zu schreiben, wenn �ber oder neben dem Feld kein ausreichender Platz ist. Oft sind es Suchschlitze, Newsletter-Abofelder oder Loginbereiche, die auf einer Seite platzsparend angeboten werden. Klickt man nun in das Feld, so wird der Inhalt mittels JavaScript gel�scht, so da� der Benutzer direkt seinen Text eingeben kann. Bei Passwortfeldern steht man allerdings vor einem Problem: w�hlt man wie �blich den Typ password, so werden statt Text nur Sternchen angezeigt, nimmt man ein normales Feld, so ist nicht nur die Beschriftung lesbar, sondern anschlie�end auch das eingegebene Kennwort. Eine erste Idee ist, beim Aktivieren des Feldes nicht nur den Inhalt zu l�schen, sondern auch den Feldtyp zu �ndern. Leider funktioniert dies nicht in allen Browsern zuverl�ssig. Daher empfiehlt sich eine andere Methode, die in den g�ngigen Browsern (Opera, Firefox und sogar IE) funktioniert. Statt des Passwortfeldes wird ein normales Eingabefeld mit dem Inhalt "Passwort" o.�. angezeigt. Aktiviert man nun das Passwortfeld, so wird dieses unsichtbar gemacht, ein echtes Passwortfeld an dieser Stelle angeboten und der Eingabefokus auf dieses neue Feld gesetzt. Die Eingabe des Benutzers erfolgt somit in einem echten Passwortfeld und das Kennwort ist nicht sichtbar. Die meisten Benutzer aktivieren ein Feld durch Klicken, um Text einzugeben. Trotzdem sollte man nicht auf das Ereignis onclick reagieren, sondern auf onfocus. Dieses tritt n�mlich nicht nur beim Klicken auf das Feld ein, sondern auch wenn mittels TAB-Taste darauf gesprungen wird. Eine m�gliche Realisierung in HTML und JavaScript:


...




...

Opera - besser als Firefox und IE?

2012-02-05T00:00:00+00:00

Die Frage, welches der beste Browser ist, kann man kaum objektiv beantworten. Hier spielen sowohl Geschm�cker, als auch Bed�rfnisse des Benutzers eine Rolle. Mein Lieblingsbrowser ist jedenfalls Opera. Der Browser der norwegischen Softwareschmiede ist zwar nicht Open Source, aber kostenlos erh�ltlich. Die Hauptvorteile von Opera (ich beziehe mich auf Version 9.0) sind f�r mich: * die umfassende und weitestgehend korrekte Unterst�tzung der Webstandards (HTML und CSS 2.1) * seine Geschwindigkeit und sein geringer Ressourcenverbrauch * der integrierte Mailclient * die vielen Zusatzfunktionen wie Zoom, Kleinbildschirmdarstellung, Notizfunktion, Werbeblocker, Navigationstoolbar etc. Der erste Punkt ist das entscheidende Merkmal eines modernen Browsers. Insofern scheidet der Internet Explorer von vornherein aus, da er in der aktuellen Version (6.0) CSS nicht nur unvollst�ndig und fehlerhaft, sondern teilweise bewu�t falsch interpretiert. Nat�rlich haben auch Opera und Firefox noch kleinere Fehler oder Schw�chen in der Darstellung von CSS - diese sind jedoch vernachl�ssigbar und werden - sofern erkannt - meist in den neuen Versionen korrigiert. Opera ist dem aktuellen Firefox in Punkto CSS �berlegen, so erf�llt er den ACID-Test, mit dem die CSS-Kompatibilit�t getestet wird. Reiner Browser, oder komplette Websuite mit E-Mail, Chat, BitTorrent etc. - diese Frage ist eine reine Geschmacksache. Firefox konzentriert sich in der Grundkonfiguration nur aufs Webbrowsen und wirkt daher schlichter, vielleicht auch einfacher zu bedienen. Schaut man sich hingegen die Downloadgr��e an, so ist Operas Installationsdatei trotz des gro�en Funktionsumfangs kleiner als die von Firefox. Die meisten n�tzlichen Zusatzfunktionen, die Opera schon an Bord hat, k�nnen bei Firefox als Extensions nachinstalliert werden. Und es gibt manche Erweiterung, die man auch bei Opera vielleicht gerne sehen w�rde. Leider kommt es immer wieder vor, da� einige der Erweiterungen pl�tzlich mit einer neuen Version nicht mehr harmonieren oder gar nicht mehr funktionieren.

Beschriftung von Passwortfeldern im Feldinhalt

2012-02-04T00:00:00+00:00


...




...

HTML Strict und das target-Attribut

2012-02-03T00:00:00+00:00

In der Version HTML 4.01 Strict ist das target-Attribut bei Links nicht mehr erlaubt. Schlie�lich soll der Benutzer selber entscheiden d�rfen wie und wo sich eine neue Seite �ffnen soll, wenn er auf einen Link klickt. Manchmal will oder mu� man jedoch Links so pr�parieren, da� sie sich in einem neuen Fenster �ffnen - sei es nun sinnvoll oder auch nur der Wunsch des Auftraggebers. Wenn man nun zu den Links das Attribut target="_blank" hinzuf�gt, ist das Dokument nicht mehr HTML 4.01 Strict valide und sollte konsequenterweise als HTML 4.01 Transitional gekennzeichnet werden. Wer jedoch sein Dokument trotzdem Strict haben m�chte, kann auf folgenden Trick zugreifen: Die entsprechenden Links erhalten eine Klassenbezeichnung, z.B. class="extern". Nach dem Laden des Dokuments werden mit Hilfe von JavaScript alle Links durchlaufen. Bei denjenigen, die die Klasse "extern" haben, wird mittels der Methode SetAttribute() das target-Attribut gesetzt. Vorteil der Methode: - das HTML-Markup bleibt HTML 4.01 Strict - will man das �ffnen im neuen Fenster generell abstellen, mu� man nur eine JavaScript-Datei �ndern - ggf. kann man die JS-Funktion noch erweitern, soda� die Benutzer einstellen k�nnen, ob die Links im eigenen Fenster ge�ffnet werden Nachteile: - das �ffnen im fremden Fenster funktioniert nicht mit ausgeschaltetem JavaScript - von einem puristischen Standpunkt aus gesehen, gibt es auch in der internen Repr�sentation (DOM) eines Strict-Documents kein target-Attribut.

Digitale Bibliothek - des Literaten Wunderhorn

2012-02-02T00:00:00+00:00

Pa�w�rter - sicher und leicht zu merken

2012-02-01T00:00:00+00:00

Ein Pa�wort sollte einerseits schwer zu erraten, andererseits leicht zu merken sein. Man sollte nie Namen oder W�rter als Pa�wort w�hlen, da diese durch sogenannte W�rterbuchattacken leicht zu knacken sind. Bei einer W�rterbuchattacke probiert ein Programm automatisch alle W�rter einer Liste (z.B. W�rterb�cher, Namenslisten) durch. Somit sind nur solche Pa�w�rter sicher, die aus "unverst�ndlichen" Kombinationen von Buchstaben, Zahlen und Sonderzeichen bestehen. Zudem sollten die Pa�w�rter auch nicht zu kurz sein - mindestens acht Zeichen - da sie sonst ebenfalls durch automatisches Ausprobieren geknackt werden k�nnen. Hinsichtlich der Sonderzeichen ist zu bedenken, da� man vielleicht mal vor einer anderssprachigen Tastatur sitzt und beispielsweise dann keine deutschen Umlaute zur Verf�gung hat. Daher sollte man h�chstens g�ngige Zeichen wie .,-/; etc. verwenden. Allerdings k�nnen diese bei gewissen Tastatureinstellungen auch auf anderen Tasten als aufgedruckt liegen (z.B. mu� man f�r den Doppelpunkt bei englischem Tastaturtreiber auf das � der deutschen Tastatur dr�cken). Ein hinreichend sicheres und technisch problemlos zu handhabendes Pa�wort besteht demnach idealerweise aus einem Mix von Klein- und Gro�buchstaben a-z bzw. A-Z sowie Ziffern 0-9 und hat eine L�nge von mindestens acht Zeichen: dRp8t4Zk, ppO33f77paQ etc. Diese Pa�w�rter haben jedoch einen gravierenden Nachteil: man kann sie sich relativ schlecht merken. Man kann sie zwar aufschreiben und an sicherem Ort hinterlegen, wer jedoch den Zettel bei sich tr�gt, geht ein erh�htes Risiko ein. Da hilft also nur Auswendiglernen und das Vertrauen auf das eigene Ged�chtnis. Doch es gibt noch eine gleichsam einfache wie effektive L�sung dieses Dilemmas. Man sucht ein Satz, den man sich leicht merken kann, und nimmt die Anfangsbuchstaben dieses Satzes. Wenn der Satz Zahlen enth�lt, so kann man deren Ziffern nehmen und hat ein Pa�wort, das obigen Kriterien gen�gt. Beispiele gef�llig: - Er z�hlt die H�upter seiner Lieben, und siehe da, es waren sieben. - EzdHsLusdew7 - Carl Lewis l�uft 100 Meter in 10 Sekunden. - CLl100Mi10S - Ich habe mir ein sehr sicheres Pa�wort ausgedacht. - Ihm1ssPa - Drei Wochen war der Frosch so krank! Jetzt raucht er wieder, Gott sei Dank! - 3WwdFskJrewGsD

Vorschl�ge bei Eingabefeldern verhindern

2012-01-31T00:00:00+00:00

Manche Browser haben die h�ufig n�tzliche Funktion, einen beim Ausf�llen eines Formulars zu unterst�tzen, indem sie automatisch eine Liste bereits eingegebener Begriffe anzeigen. Der Benutzer kann dieses Verhalten bei den meisten Browsern ein oder ausschalten. In gewissen F�llen ist diese Funktion jedoch kontraproduktiv - beispielsweise wenn der Seitenbetreiber dem Benutzer beim Ausf�llen eigene Vorschl�ge machen will. So zeigt beispielsweise Google Suggest beim Eintippen eines Suchwortes automatisch passende Suchbegriffe unterhalb des Eingabefeldes an. Damit diese Anzeige nicht mit der Anzeige der Browservorschl�ge kollidiert, m�ssen die Browservorschl�ge f�r das Feld ausgeschaltet werden. Daf�r haben die meisten Browser das Attribut autocomplete vorgesehen. Mit autocomplete="off" schaltet man das Aufklappen der Liste bereits eingegebener Begriffe aus. Diese Methode hat jedoch einen gravierenden Nachteil: das Attribut autocomplete ist kein g�ltiges HTML-Attribut und Seiten, die dieses benutzen sind somit nicht valide. Wer seine Seiten also valide halten will, mu� auf JavaScript ausweichen. Zwar haben manche Benutzer JavaScript deaktiviert, aber da man das automatische Ausf�llen ja meistens deshalb ausschalten will, weil man eigene Vorschl�ge mit JavaScript (z.B. AJAX) anzeigen will, ist dies keine wesentliche Einschr�nkung. Statt den Quelltext durch Angabe von autocomplete="off" zu verhunzen, kann man dies nach JavaScript auslagern. Daf�r mu� man an geeigneter Stelle (z.B. nach onload) folgende Anweisung ausf�hren: document.getElementById('id_des_eingabefeldes').setAttribute('autocomplete','off');

N�tzliche Pakete f�r TeX bzw. LaTeX

2012-01-30T00:00:00+00:00

Bei TeX braucht man sich nicht um die Formatierung zu k�mmern, das erledigt TeX automatisch. Doch ab und zu und immer �fter ist man mit der Standardformatierung nicht mehr zufrieden - seien es nun die Seitenr�nder oder die Kopfzeilen, die �berschriften oder die Schriftart. Viele dieser Einstellungen kann man mit diversen TeX- bwz. LaTex-Paketen vornehmen. Ein Paket wird mit dem Befehl \usepackage[wahlweise Liste von Optionen]{Paketname} eingebunden. Welche Parameter durch das Paket automatisch ge�ndert und welche zus�tzlichen Befehle zur Verf�gung gestellt werden, steht meistens in der Beschreibung des Pakets. Wer Texte in Deutsch schreibt, sollte das Paket german (\usepackage{german}) oder babel mit der Option german (\usepackage[german]{babel}) aufrufen; das Paket fontenc (\usepackage[ T1]{fontenc}) erm�glicht zus�tzlich die Silbentrennung bei W�rtern, die Umlaute enthalten. Will man die Umlaute und � direkt �ber die Tastatur eingeben, mu� noch das Paket inputenc mit der entsprechenden Zeichenkodierung geladen werden (�blich ist \usepackage[latin1]{inputenc}). Seitenr�nder kann man mit dem Paket geometry �ndern, das Aussehen von Kapitel- und Abschnitts�berschriften mit titlesec. Kopf und Fu�zeilen erstellt und �ndert man bei Bedarf mit fancyhdr, und einzelne Seiten werden mit Hilfe von lscape im Querformat gesetzt. Wer Grafiken einbinden mu�, greift gerne auf graphicx zur�ck. Der Autor mathematischer Arbeiten wei� die Pakete amsmath, amsthm u. �. zu sch�tzen. Zwar kann man mit diesen Paketen auch simple kommutative Diagramme erstellen, f�r kompliziertere Diagramme eignet sich Xy-pic besser, das auch f�r einfachere zweidimensionale Zeichnungen gut zu gebrauchen ist. F�r kompliziertere Zeichnungen ist es unter Umst�nden g�nstiger, die Zeichnung mit einem externen Programm zu erstellen, und sie dann entweder als Grafikdatei oder als Quelltext einzubinden. Unter Linux gibt es daf�r das Programm xfig, das Grafiken auch als LaTeX-Quelltext exportieren kann. Vorgabem��ig werden LaTeX-Dokumente in der Schriftart Computer Modern gesetzt. Am einfachsten l��t sich die Schrift mit einem entsprechenden Paket �ndern. Ich bevorzuge zum Beispiel die Schrift Palatino und benutze daf�r das Paket pxfonts, da palatino nur den Text �ndert und die Formeln nicht in derselben Schriftart setzt. F�r Freunde der weitverbreiteten Times New Roman gibt es entsprechend txfonts. Grunds�tzlich sollte man beim Laden von Paketen darauf achten, ob sie in einer bestimmten Reihenfolge aufgerufen werden m�ssen, oder ob einige sich sogar gegenseitig ausschlie�en.

Richtigen Dateityp mit PHP ausgeben

2012-01-29T00:00:00+00:00

PHP sendet im Normalfall die Ausgabedaten immer mit dem MIME-Typ text/html. Wenn Sie mit PHP jedoch ein Bild erzeugen und direkt ausgeben oder XML-Daten ausgeben, dann sollten die Daten auch mit dem richtigen Dateityp gekennzeichnet werden. In PHP benutzt man daf�r den header()-Befehl header('Content-Type: image/png') um im HTTP-Header den jeweiligen MIME-Typ der Ausgabedaten zu setzen. Der header()-Befehl mu� vor jeglicher PHP-Ausgabe aufgerufen werden. Wenn vorher schon Daten ausgegeben wurden - z.B. mit dem echo-Befehl, dann wurden die Header-Daten schon versendet und die Daten schon als text/html gekennzeichnet. Beachten Sie auch, da� eine vorherige Ausgabe von Daten auch implizit passieren kann - z.B. durch Leerzeichen, Zeilenumbr�che u. �. au�erhalb von oder durch eventuelle Fehler- oder Warnmeldungen des Skriptes.

Richtigen Dateityp mit PHP ausgeben

2012-01-28T00:00:00+00:00

So m�gen Suchmaschinen Ihre Seiten

2012-01-27T00:00:00+00:00

Um bei Suchanfragen m�glichst gut gefunden zu werden, sollte die Seite suchmaschinenfreundlich sein, d.h. die Suchmaschine soll leicht wie m�glich die relevanten Inhalte der Seite indizieren k�nnen. Das Wichtigste sind immer noch die Inhalte - wer keine echten Inhalte hat, kann mit diversen Tricks vielleicht die Suchmaschinen �berlisten. Die Erfahrung zeigt, da� dies jedoch selten von langer Dauer ist, da die Suchmaschinenbetreiber recht gut diesen Tricks auf die Schliche kommen und h�ufig die tricksenden Seiten durch schlechte Plazierung bestrafen. Gleichzeitig honorieren Suchmaschinen nicht nur echte Inhalte, sondern auch deren optimale Aufbereitung. Hier also einige Tips, wie sie das Suchmaschinenranking Ihrer Seiten verbessern k�nnen. - M�glichst keine Frames verwenden, da Suchmaschinen sich mit Frameseiten nur schlecht anfreunden. - Die Informationen sollten als HTML-Text vorliegen. Bilder, Flash oder mit Javascript generierter Text kann von Suchmaschinen nicht gelesen werden. - Seiten sollten aussagekr�ftige Namen haben. seite12.html oder index.php?cat=12 werden in der Regel schlechter plaziert als meerschweinchen.html oder veranstaltung.html. - Je mehr Links auf eine Seite zeigen, umso besser wird die Seite in der Regel plaziert. Dabei werden jedoch nur echte Links ber�cksichtigt, Links in JavaScript oder JavaApplets k�nnen von den Suchmaschinen nicht ber�cksichtig werden. - Auch die Linkbeschriftung ist wichtig, beispielsweise ist Hier sind meine sehr gut, Meine Urlaubsbilder sind hier schlecht, sehr schlecht. - �berschriften sollten als solche durch semantisches Markup (h1 - h6) gekennzeichnet werden, wichtige Stichworte entsprechend hervorgehoben werden. Sommerurlaub - der Suchroboter kann nicht erkennen, da� es sich hier um eine �berschrift handelt, er sieht ja nicht, da� der Text gro� und rot ist. Sommerurlaub - an dem h1 erkennt der Suchroboter, da� es eine �berschrift erster Stufe und somit ein wichtiger Begriff ist. Sylt - f�r den Suchroboter ist das nur fetter Text. Sylt - hier wei� er, da� es sich um wichtigen (stark betonten) Text handelt. - Wichtig ist auch der Seitentitel title - wird er doch beim Suchergebnis als erstes angezeigt. Mit Neue Seite 1 unterscheidet man sich nicht von den anderen 14 Millionen Seiten. "Seite von Hans Dampf" ist da schon besser, "Modelleisenbahnen - Seite von Hans Dampf" ist - wenn Sie �ber Modelleisenbahnen berichten - noch besser. ist wichtig, weil diese Beschreibung oft bei dem Suchergebnis angezeigt wird. - Auf kann man mittlerweile verzichten, da die Suchmaschinen die Stichwortliste kaum noch ber�cksichtigen, denn mit den "keywords" wurde fr�her h�ufig Schindluder getrieben. Sie sollten also wirklich nur relevante Stichworte angeben. - Je mehr Text auf der Seite ist, umso h�ufiger wird sie in den Index aufgenommen. Die Verwendung von Synonymen bei wichtigen Stichworten kann auch von Vorteil sein, wer mal Brieftr�ger, mal Postbote in seinem Text schreibt, wird unter beiden Stichworten gefunden. Wer jedoch meint, durch eine lange Liste von Stichw�rtern und m�glichen Synonymen sich hochmogeln zu k�nnen, erreicht unter Umst�nden den gegeteiligen Effekt: Suchmaschinen erkennen mittlerweile schon, ob Stichworte Bestandteil des Textes sind, oder nur Teil einer Liste! Fazit: Wichtig sind erstens Inhalte - zweitens, da� diese Inhalte f�r Suchmaschinen zug�nglich sind - drittens, da� der Inhalt richtig strukturiert und mit den passenden HTML-Elementen ausgezeichnet ist. Und an einer informativen, technisch fehlerfreien, benutzerfreundlichen und lebhaft geschriebenen Seite erfreuen sich nicht nur Suchmaschinen, sondern auch Ihre Besucher.

Pa�w�rter - sicher und leicht zu merken

2012-01-26T00:00:00+00:00

HTML Strict und das target-Attribut

2012-01-25T00:00:00+00:00

ProgDVB

2012-01-24T00:00:00+00:00

ProgDVB ist ein kostenloses Programm zur Anzeige von DVB-Fernsehprogrammen. Es unterst�tzt alle DVB-S und DVB-T Karten, die BDA-Treiber zur Verf�gung stellen. Wer also mit der Anzeigesoftware seiner TV-Karte nicht zufrieden ist, hat in ProgDVB eine gute und kostenlose Alternative f�r Windows-PCs. Mit ProgDVB inklusive seiner diversen Plugin kann man - DVB Programme im Fenster oder Vollbild sehen. - Sendungen aufzeichnen oder verz�gert anschauen (Timeshift). - Videotext betrachten (auch als OSD, d.h. Texte werden �ber dem Fernseh(voll)bild eingeblendet). - das aktuelle Fernsehprogramm via EPG betrachten und Aufzeichnungen programmieren

So m�gen Suchmaschinen Ihre Seiten

2012-01-23T00:00:00+00:00

Richtigen Dateityp mit PHP ausgeben

2012-01-22T00:00:00+00:00

Hintergrundbilder einbinden

2012-01-21T00:00:00+00:00

Hintergrundbilder werden mit der Anweisung background-image:url('pfad/zum/bild.jpg') eingebunden

ProgDVB

2012-01-20T00:00:00+00:00

CSS Design Lab - klicken und lernen

2012-01-19T00:00:00+00:00

Mit CSS Design Lab k�nnen Sie spielend einige CSS Grundlagen lernen. Mittels einer einfachen grafischen Benutzeroberfl�che k�nnen Sie Farbe, Schriftart, Rahmen, Abst�nde und Hintergrundbilder von einigen HTML-Elementen gestalten und das Resultat als CSS-Anweisungen ausgeben lassen. Diese kleine Webapplikation kann nicht nur zu didaktischen Zwecken benutzt werden. Sie k�nnen damit auch sehr einfach und schnell bestimmte Farb- und Schriftkombinationen ausprobieren, die Wirkung von Rahmen und Abst�nden anschauen, und wenn Ihnen das Aussehen der Elemente gef�llt, k�nnen Sie gleich die entsprechenden CSS-Anweisungen kopieren und in Ihre CSS-Datei einf�gen.

Kommutative Diagramme

2012-01-18T00:00:00+00:00

Es gibt verschiedene Pakete, um in TeX bzw. LaTex kommutative Diagramme zu erzeugen, unter anderem das Paket CD der AMS, kuvio, borceux. Au�erdem besitzt das Paket f�r zweidimensionale Grafiken XY-pic einige Module, mit deren Hilfe relativ schnell auch kompliziertere kommutative Diagramme erzeugt werden k�nnen. In LaTeX wird das Paket mittels \usepackage eingebunden. Als Optionen gibt man die ben�tigten Module an. F�r kommutative Diagramme sind das matrix und arrow, sowie curve f�r gekr�mmte Pfeile. Die Grafiken bzw. Diagramme stehen innerhalb einer Xy-Umgebung \begin{xy} ...\end{xy}, und diese mu� innerhalb einer Math-Umgebung $$ .. $$ bzw. \[ .. \] stehen. \documentclass{article} \usepackage[arrow, matrix, curve]{xy} ... \begin{document} ... \[ \begin{xy} ... \end{xy} \] ... \end{document} Die meisten Diagramme lassen sich mit Hilfe des matrix-Moduls erzeugen. Die Matrix- bzw. Tabellenstruktur wird dabei innerhalb von \xymatrix{ ... } definiert. Objekte Im Allgemeinen ordnet man nur die Objekte in einem Rechteckschema an, f�r die Pfeile werden keine eigenen Tabellenzellen reserviert. Tabellenzellen werden wie �blich mittels & getrennt, die Tabellenzeilen werden durch \\ getrennt. Innerhalb von \xymatrix{...} d�rfen keine leere Zeilen stehen. Die Pfeile des Diagramms werden mit Hilfe von \ar erzeugt. Pfeile schreibt man in die entsprechenden Zellen der Quellobjekte und notiert, zu welcher Zelle der Pfeil zeigen soll: \ar[r] zeichnet z.B. einen Pfeil zu dem Objekt in der benachbarten rechten Zelle, \ar[d] zu der benachbarten unteren Zelle, bei \ar[ddl] geht der Pfeil zwei Zellen nach unten und eine nach links, usw. Anstelle der relativen Position kann auch die absolute Position der Ziel-Zelle mittels \ar(�,�) notiert werden - \ar(2,4) l��t den Pfeil zu der Zelle in der zweiten Zeile und vierten Spalte zeigen. Die Beschriftungen der Pfeile werden an \ar[�] mit folgenden Zeichen angeh�ngt: ^ - Beschriftung in Pfeilrichtung links vom Pfeil _ - Beschriftung in Pfeilrichtung auf der rechten Seite | - Beschriftung auf dem Pfeil So erzeugt \ar[r]^i einen nach rechts zeigenden Pfeil mit dar�berstehendem i, w�hrend beim nach links weisenden Pfeil \ar[l]^i das i unterhalb des Pfeils steht. Zusammengesetzte Beschriftungen werden, wie in TeX �blich, mit {...} gruppiert, zudem kann ein Pfeil gleichzeitig mehrere Beschriftungen haben. Mehr Beispiele und Tips (beispielsweise f�r gekr�mmte Pfeile) gibt es in dem Artikel Kommutative Diagramme mit XY-pic,

CSS Design Lab - klicken und lernen

2012-01-17T00:00:00+00:00

Beschriftung von Passwortfeldern im Feldinhalt

2012-01-16T00:00:00+00:00


...




...

Frames - damit sie nicht zum GAU werden.

2012-01-15T00:00:00+00:00

Trotz der mannigfachen Nachteile werden Frames immer noch sehr h�ufig bei der Gestaltung von Webseiten genutzt. Es gibt nat�rlich auch F�lle, wo der Einsatz von Frames sinnvoll sein kann - beispielsweise wenn zwei Texte auf einer Seite dargestellt werden sollen, um miteinander verglichen zu werden. F�r die meisten Webseiten jedoch sind Frames nur die zweitbeste L�sung. Wer serverseitige Techniken wie PHP oder SSI zur Verf�gung hat, f�r den gilt noch nichtmal das Argument, Frames seien so praktisch, weil man die Navigation nur einmal erstellen m��te. Er kann die Navigation ja automatisch in jede Seite einbinden lassen. Wer jedoch nur HTML zur Verf�gung hat und den Arbeitsaufwand scheut, jede einzelne Seite mit der Navigation zu versehen, f�r den ist der Einsatz von Frames m�glicherweise legitim. Allerdings sollte man sich folgende Nachteile nochmal in Erinnerung rufen: - Nicht alle Besucher k�nnen Frames anzeigen lassen. Es betrifft nicht nur diejenigen wenigen, die noch einen Uralt-Browser benutzen, sondern vielmehr Sehbehinderte, die Textbrowser oder Screenreader benutzen m�ssen. - Suchmaschinen haben auch Probleme mit Frames. Zwar werden mittlerweile auch Frame-Unterseiten von den Suchmaschinen durchsucht, aber die Suchmaschinen k�nnen in der Regel keine logische Beziehung zwischen den einzelnen Frames erkennen. - Obiges Problem wirkt sich auch f�r Besucher aus, die Ihre Seite mittels einer Suchmaschine gefunden haben. Sie werden nur auf die Unterseite geleitet und kriegen von dem ganzen Frameset nichts mit. - Seiten mit Frames k�nnen nicht vern�nftig verlinkt werden - entweder man verlinkt die Unterseite, dann ist die Navigation fl�ten, oder man verlinkt das Framset, dann landet man immer auf der Startseite, und nicht auf der eigentlich gew�nschten Unterseite. Um obigen Frame-GAU zu vermeiden, sollte man folgende Ratschl�ge beherzigen: - Im Frameset sollte man einen noframes Bereich machen, in dem zumindest eine kurze Beschreibung der Seite stehen sollte und die wichtigsten Seiten verlinkt sein sollten. - Auf jeder Frame-Unterseite sollte ein Link zur Startseite stehen. So landen Besucher, die via Suchmaschinen gekommen sind nicht in der Sackgasse. - Zus�tzlich kann man in jede Unterseite eine kleine JavaScript-Funktion einbauen, die das komplette Frameset nachl�dt. Dies funktioniert nat�rlich nur, wenn der Benutzer JavaScript nicht ausgeschaltet hat. Das Nachladen des Framesets sollte nicht automatisch erfolgen (vielleicht will der Besucher ja tats�chlich nur die Unterseite ohne Navigation sehen, um sie auszudrucken). Vielmehr empfiehlt sich entweder ein Link oder eine Schaltfl�che "Navigation laden", die die Aktion ausl�sen, oder, wenn die Aktion doch automatisch erfolgen soll, sollte zumindest eine Dialogbox kommen, wo der Benutzer das Nachladen abbrechen kann.

Vorschl�ge bei Eingabefeldern verhindern

2012-01-14T00:00:00+00:00

CSS Design Lab - klicken und lernen

2012-01-13T00:00:00+00:00

Richtigen Dateityp mit PHP ausgeben

2012-01-12T00:00:00+00:00

www - mit oder ohne?

2012-01-11T00:00:00+00:00

Manche Benutzer bevorzugen die kurze Version domain.tld, andere schreiben gewohnheitsm��ig www.domain.tld. Deshalb ist es sinnvoll, soweit m�glich, die Seiten unter beiden Adressvarianten vorr�tig zu halten. Bei Suchmaschinen kann dies jedoch zu Problemen f�hren, da beide Varianten erstmal verschiedene Domains sind. So werden Seiten teilweise doppelt in den Index aufgenommen, oder noch schlimmer, die Relevanz der Seiten sinkt, die Seiten werden wegen vermeintlichem "double content" abgestraft. Um dies zu vermeiden und die Seiten unter einem einheitlichen Namen zu listen, kann man beispielsweise mittels mod rewrite generell von der einen Domain auf die andere weiterleiten. F�gt man folgendes in die .htaccess-Datei ein RewriteEngine On RewriteCond %{HTTP_HOST} ^domain\.tld [NC] RewriteRule ^(.*) http://www.domain.tld/$1 [R=301,L] so wird jede Anfrage ohne www direkt zur Domain mit www umgeleitet. Ob man nun die Domain mit oder ohne www zur Standarddomain macht, ist Geschmacksache. Der Besucher kann beide Varianten eintippen, die Suchmaschinen nehmen sie jedoch nur unter der Standarddomain in den Index auf.

Dynamische CSS-Dateien mit PHP

2012-01-10T00:00:00+00:00

Gelegentlich ist es erforderlich, in einer HTML-Datei je nach Anforderungen unterschiedliche Stylesheets einzubinden. Beispielsweise w�hlt ein registrierter Benutzer eine eigene, frei definierbare Farbkombination, die gespeichert und f�r das Anzeigen der Seite verwendet werden soll. Oder man m�chte abends ein anderes Design als tags�ber haben. Dann ist es sinnvoll, die entsprechende CSS Datei dynamisch zu erzeugen. Mit PHP geht das folgenderma�en. Man erzeugt eine PHP-Datei stil.php, die folgende Struktur hat:


header("Content-type: text/css");
...
if ($nacht) {
 echo 'body {background-color:black; color:white;}';
}
else {
 echo 'body {background-color:white; color:black;}';
};
?>

Das PHP-Skript liefert also CSS-Anweisungen zur�ck, die je nach Tageszeit unterschiedlich sind. Das Skript wird nun in den HTML-Dateien mit  eingebunden. Der header()-Befehl sorgt im Skript daf�r, da� die Datei als CSS-Datei erkannt wird.

Man kann den Webserver nat�rlich auch so einstellen, da� Dateien mit der Endung .css von PHP geparst werden. In diesem Fall kann man dem Stylesheet die gewohnte Endung .css geben.