Stefans Webseite - Blog - Webdesign

LG Hamburg und Thomas Horn - Internet nicht verstanden

nospam@example.com (Stefan Jahn) — Tue, 14 Oct 2008 19:30:47 +0200

Das Landgericht Hamburg, wieder mal, und der Künstler Thomas Horn haben wohl das Internet nicht verstanden. Oder wie soll man folgendes, noch nicht rechtskräftige, Urteil vom LG Hamburg verstehen?

Das Gericht verbietet Google Deutschland, bestimmte Bilder als Thumbnail in der Suchergebnisliste zu zeigen. Die "Urheberrechtskammer" des Landgerichts gab damit dem Künstler Thomas Horn Recht, der unterbinden wollte, dass Google fünf seiner urheberrechtlich geschützten Comiczeichnungen mit der Figur "PsykoMan" im Index der Bildersuchmaschine führt. Weil Google die dem Kläger zustehenden ausschließlichen Nutzungsrechte verletze, habe dieser einen Unterlassungsanspruch gegen den Suchmaschinenriesen.

Ok, mal langsam. Wenn man eine Webseite, plus deren Bilder und Grafiken, im Internet veröffentlicht ist sie von überall auf der Welt abrufbar. Man will ja das seine Webseite viele Besucher hat. Viele Besucher bekommt man über gute (nicht nervige) Werbung, Mundpropaganda oder halt über die Links in den diversen Suchmaschinen. Mittlerweile gibt es Suchmaschinen für fast jede Art von Medien im Internet. Sei es nun der reine Text auf der Webseite oder, wie in diesem Fall, die Bilder.

Eine Webseite, oder deren Bilder, werden in der Suchmaschine automatisch aufgenommen. Dafür schicken die Suchmaschine soganennte Spiders (kleine Suchprogramme) los die das Internet durchsuchen. Diese Spiders hangeln sich von URL zu URL, indexieren den gefundenen Inhalt und legen ihn in einer Datenbank beim Suchmaschinenbetreiber ab. Werden Bilder gefunden, so wird ein Thumbnail (kleines Vorschau des Bildes) erzeugt und mit den ggf. vorhandenen Informationen des ALT-Parameters des IMG-Tag ebenso in der Datenbank abgespeichert.

Diese Datenbank, also der Suchindex der Suchmaschinen, kann nun jeder bei den verschiedenen Suchmaschinen abfragen und nutzen. So kann jeder im Internet schnell seine nötigen Informationen (oft aber auch nur ärgerlichen SPAM/Werbung) suchen und finden. Natürlich auch entsprechende Bilder. Benötigt man z.B. Clipart eines Weinglases für die nächste Einladung im Freundeskreis, so findet man die entsprechende Datei sehr schnell in der Bildersuche.

Aber Moment, die Bildersuche und die Suchmaschinen generell machen sich ja nicht den Inhalt zu eigen. Sie listen ja nur auf wo man den Inhalt findet und bieten einen entsprechenden Link an. Somit hat der Webseitenbetreiber ja keinen Schaden dadurch, sondern eher noch einen Nutzen. Seine Webseite wird ja, vollkommen unentgeltlich von den Suchmaschinen, gefunden und verweist die Besucher darauf hin.

Aber zurück zum Fall des LG Hamburgs und den Künstlers Thomas Horn. Der Künstler will nicht das seine Bilder in der Suchmaschine auftauchen. Anscheinend will er keine Werbung, aber egal. So wie es aussieht hat Thomas Horn und das LG Hamburg, wieder Mal, das Internet nicht verstanden: Alles was öffentlich zugänglich ist im Internet kann gefunden werden. Wenn man das nicht will, wie hier ja wohl der Fall ist, so kann man das aber auch verhindern:

Einfachste Variante, ich will ja eh nicht das meine Bilder gefunden werden, also stell ich sie gar nicht erst auf eine Webseite oder gar eine Webseite ins Internet.
Ich will das nur ein entsprechender Personenkreis meine Bilder auf der Webseite sehen kann. Also lege ich meine Bilder in einem geschützten Bereich ab und mach diesen nur über eine Anmeldung mit Passwort zugänglich.
Ich will meine Bilder schon öffentlich zugänglich haben, aber nur nicht das die Suchmaschinen sie in ihrem Index aufnehmen. Auch das geht. Die Datei robots.txt im Root-Verzeichnis des Webservers ist genau dafür gedacht. Man kann auch im META-Tag der entsprechenden Webseite passende Angaben machen damit die Webseite nicht indexiert wird.

So wie es aussieht hat das LG Hamburg und der Künstker Thomas Horn von all diesen Möglichkeiten noch nie was gehört. Wenn man was im Internet veröffentlicht sollte man sich vorher schlau machen wie es funktioniert und was man alles machen kann. Aber so, erst selber was verschulden und dann im nachhinein klagen?

Den wirklichen Hammer bringt das LG Hamburg aber mit folgender Aussage:

"In der Hamburger Verhandlung hat der Richter Prozessbeobachtern zufolge erklärt, Google habe ja die Möglichkeit, anstatt Thumbnails eine textliche Umschreibung der indizierten Abbildungen zu veröffentlichen."

Was ist denn das für ein Richter? Wie soll man sich das vorstellen? Und vor allem wie soll das technisch gehen? Es gibt heutzutage noch kein Programm das den Inhalt eines Bildes erkennt und in eine entsprechende Texterklärung umwanndeln kann. Falls das mal jemand erfindet, so ist er wahrlich ein gemachter Mann. Und selbst wenn eine Suchmaschine sowas umsetzt - was aber unsinnig ist da es viel zu viel Zeitaufwand benötigt - wie hat man sich das als Nutzer einer Suchmaschine vorzustellen? Man sucht mit der Bildersuche nach einer Clipart eines Apfels und bekommt dann eine Auflistung von Texten ala "Grüner Apfel, 2 Farbig", "Roter Apfel, rechts unten schaut Wurm heraus", "Verfaulter brauner Apfel", "Grüner Apfel mit rotem Fleck", ...? Liebes LG Hamburg, ihr habt mal wieder bewiesen wie kompetent ihr seit. Bitte lasst euch doch mal von jemanden das Internet erklären und behindert uns in Deutschland bei der Nutzung des Internets nicht mit solchen weltfremden Urteilen.

Kleine Ergänzung zu den Möglichkeiten die ich vorhin erwähnt habe. Soll eine Suchmaschine nicht die Webseite indexieren, so kann man im META-Tag folgende Angabe machen:


<meta name="robots" content="noindex, nofollow, noarchive">

Für die robots.txt biete Google, speziell für die Bildersuche, sogar ein paar eigene Einträge an:


User-agent: googlebot
Disallow: /*.gif$
Disallow: /*.jpg$
Disallow: /*.png$

Quelle: heise online

Tabelle auf ganze Seitenhöhe ausdehnen

nospam@example.com (Stefan Jahn) — Tue, 19 Feb 2008 21:17:26 +0100

Für das Layout einer Webseite werden oft noch Tabellen, sogenannte Layout-Tabellen, genutzt (im Gegensatz zu div-Containern in Verbindung mit CSS).

So kann man z.B. eine Webseite mit zwei Spalten gestalten. In der linken schmalen Spalte kommt die Navigation und in der rechten breiteren Spalte landet der eigentliche Inhalt. Jede Spalte bekommt nun noch eine passende Hintergrundfarbe.

+--+------+
|  |      |
|  |      |
|  |      |
+--+------+

So lange die Spalten genügend Inhalt (Text) haben, so das die Tabellenhöhe größer ist als die Höhe des Browserfensters, hat man kein Problem. Kaum ist aber die Tabellenhöhe zu klein, so sieht das Design der Webseite nicht mehr unbedingt den Vorstellungen entsprechend aus. In diesem Fall hat man im oberen Teil des Browserfensters die Tabelle mit dem hübschen Hintergrund, danach aber eine leere einfarbige Fläche die ganz und gar nicht zum Design passt.

+--+------+
|  |      |
|  |      |
+--+------+
###########

Wie schafft man es nun das die Tabelle immer die komplette Höhe des Browserfenster einnimmt. Die Angabe von height:100% in CSS bringt nicht den gewünschten Erfolg.

Dies liegt daran das sich die Höhe in diesem Fall nach dem darunterliegenden Container richtet. In diesem Fall <body> das wiederum in <html> eingebettet ist. Bei allen Container macht der Browser eine automatische Höhenanpassung und stellt die Höhe auf den größten gemeinsamen Nenner ein. Mit der CSS-Angabe height:100% für die Tabelle nimmt die Tabelle somit 100% Höhe von <body> ein, das Element <body> aber nicht 100% Höhe des Browserfensters.

Aber es gibt Abhilfe:

Das obige Beispiel gilt für die Layout-Tabelle der Klasse layout.

Syntaxhighlighter GeSHi mit dunklem Hintergrund?

nospam@example.com (Stefan Jahn) — Wed, 06 Feb 2008 22:11:18 +0100

Seit geraumer Zeit erstrahlt meine Webseite hier in einem dunklen Design. So weit so schön. Ärger macht mir aber der Syntaxhighlighter GeSHi. Kann man den so einstellen das er auch mit dunklen - also schwarzem - Hintergrund zusammenarbeitet? Schwarzer Text auf schwarzem Hintergrund liest sich leider nicht so gut.

Vorrübergehend habe ich die Hintergrundfarbe für die Codeanzeige wieder etwas aufgehellt.

Bilder mit Lightbox darstellen

nospam@example.com (Stefan Jahn) — Thu, 17 May 2007 14:23:38 +0200

Bestimmt ist euch auch schon auf einigen Webseiten die spezielle Darstellung von einigen Bildern - speziell in Weblogs - aufgefallen. Auf der Webseite erscheinen die Bilder als kleine Thumbnails. Klickt man auf diese so wird die Webseite dunkel eingefärbt und in einer hübschen Animation mit Ladeanzeige wird das Bild in voller Größe eingeblendet.

Die Technik die dahinter steckt ist ein Javascript mit dem Namen Lightbox. Wer die Weblogsoftware Serendipity benutzt kommt auch in den Vorteil dieses Scriptes da es schon ein entsprechendes Plugin gibt.

Hier in meinem Weblog verwende ich die Variante Lightbox Plus. Diese hat zwar keine so schöne Animation beim Einblenden des Bildes wie Lightbox 2, aber Bilder die größer sind als das Browserfenster werden für die Anzeige automatisch entsprechend auf die Grlße des Browserfensters angepasst.

Sollte Javascript übrigens nicht aktiviert sein, so wird das Bild ganz normal im Browser dargestellt. Man ist also auf der sicheren Seite was die Funktion angeht.

Beispiel:

Suche Weblog, Gästebuch und Fotogalerie

nospam@example.com (Stefan Jahn) — Mon, 15 Jan 2007 20:26:22 +0100

Für ein neues Webprojekt suche ich ein CMS, Blog oder ähnliches wo folgendes können sollte:

Artikel in chronologischer Reihenfolge darstellen mit entsprechenden Kategorien und Kommentaren - also ein Blog.
Kommentare zu den Blogs sollen erst nach der Überprüfung des Webmasters (oder andere Person) freigeschalten werden. Schade das mein benutzes Blogsystem hier das nicht kann.
Gästebuch
Fotogalerie ohne Kommentare.

Natürlich alles mit einfacher Handhabung der Administration und einer kleinen Benutzerverwaltung.

Bis jetzt leider noch nicht Fündig geworden. Irgendwelche Ideen?

Indymedia erstrahlt im neuen Design

nospam@example.com (Stefan Jahn) — Tue, 17 Oct 2006 22:35:40 +0200

Was müssen meine Augen erblicken beim abklappern meiner täglichen Ration an Nachrichten? Die Deutsche Version von Indymedia hat ein neues Webdesign. Wunderschön. Viel besser als das alte Design.

Technisch gesehen wird die seite nun mit XHTML1.1 und CSS verwirklicht. Das ganze kommt - wie mittlerweile so üblcih - ohne Tabellen aus. Und so wei es scheint ist der HTML-Code nahezu valide.

Neues Gerichtsurteil zum Thema Impressum im Web

nospam@example.com (Stefan Jahn) — Tue, 17 Oct 2006 21:18:57 +0200

Mit dem Urteil vom 20. Juli 2006 (Az.: I ZR 228/03) hat der Bundesgerichtshof nun endlich entschieden wo das Impressum auf Webseiten zu stehen hat:

a) Die Angabe einer Anbieterkennzeichnung bei einem Internetauftritt, die über zwei Links erreichbar ist (hier: die Links "Kontakt" und "Impressum"), kann den Voraussetzungen entsprechen, die an eine leichte Erkennbarkeit und unmittelbare Erreichbarkeit i.S. von § 6 TDG und § 10 Abs. 2 MDStV zu stellen sind.

b) Um den Anforderungen des § 312c Abs. 1 Satz 1 BGB an eine klare und verständliche Zurverfügungstellung der Informationen i.S. von § 1 Abs. 1 BGB-InfoV im Internet zu genügen, ist es nicht erforderlich, dass die Angaben auf der Startseite bereitgehalten werden oder im Laufe eines Bestellvorgangs zwangsläufig aufgerufen werden müssen.

Na das ist doch mal ein Wort. Nicht mehr so ein weltfremdes Urteil wie das des OLG München. Das OLG München war Anfang 2004 der Meinung, das der Link zum Impressum, selbst wenn er auf der Startseite ist, wenn dieser nur durch mehrfaches nach untenscrollen der Webseite zu erreichen ist, nicht den Anforderungen einer leichten Erreichbarkeit genüge. Von verschiedenen Bildschirmauflösungen, Fenstergrößen und Schriftgrößen hat das OLG München wohl noch nie was gehört.

Quelle: heise online

Neues Design - Wieder mal :-)

nospam@example.com (Stefan Jahn) — Sun, 17 Sep 2006 11:32:39 +0200

Wie kaum zu übersehen ist hab ich in den letzten paar Tagen das Design meiner Webseite leicht umgestellt. Viel hat sich nicht geändert, das Farbschema ist immer noch das gleiche. Aber die Webseite nutzt nun nicht mehr die komplette Breite des Browserfenster und die rechte Spalte wurde wieder eingebaut. Zusätzlich wurden die Navigationsbereiche farblich vom eigentlichen Inhalt abgetrennt.

Wie zu erwarten war habe ich - zumindest mit den ersten Versuchen des neuen Designs - ein paar ärgerliche Probleme mit dem leidigen Browser von Microsoft gehabt. Wieso kann Safari, Opera, iCab, Camino und Firefox simple CSS-Befehle korrekt darstellen und der Internet Explorer mal wieder nicht? Immer das selbe Spiel. Ich hoffe in der aktuellen Fassung - ich konnte sie noch nicht mit dem Internet Explorer testet - treten keine Probleme mehr auf.

Web-Entwicklung - Apache, PHP & MySQL auf dem Mac?

nospam@example.com (Stefan Jahn) — Fri, 18 Aug 2006 22:47:08 +0200

Wer Erfahrungen mit Webdesign sammeln will und deren Technologien im Hintergrund braucht früher oder später die nötigen Server auf seinem Computer. Dies dürften sein der Webserver Apache, die Datenbank MySQL und die serverseitige Scriptsprache PHP.

Mac OS X wird standardmässig schon mit Apache und PHP ausgeliefert. Leider ist der Apache nur in der Version 1.x installiert und PHP ist ebenso veraltet und muß man erst nachträglich manuell aktivieren.

Mit dem etwas veralteten Apache kann man aber auch einiges anfangen. Ist ja nicht so das er seine Arbeit nicht macht. Wer auf PHP2 aufrüsten will findet bei Marc Liyanage ein passendes und einfach zu installierende Mac-Paket.

Selbst MySQL kann man sich von der Homepage runterladen und nachträglich installieren. Aber was ist wenn man alles komplett haben will? Und vor allem den Apache in der Version 2?

In der Schule wurde uns auf das komplette Software-Paket XAMPP hingewiesen. Dieses Paket enthält alles was der Webentwickler so benötigt. Das Paket steht sogar für verschiedene Betriebssysteme zur Verfügung.

Die Mac OS X Variante von XAMPP hab ich mir mal runtergeladen. In der Anleitung auf der Homepage steht das man nach dem Runterladen den Installer starten kann. Dies ist (bei mir) leider nicht so. Das Paket selber enthält aber nur einen Ordner den man in das Verzeichnis Application kopieren kann. Nun kann man auf der Shell mit einem kleinen Script den Server starten bzw. stoppen.

Irgendwie bekomme ich aber Probleme mit dem MySQL-Server. Er scheint zwar zu funktionieren, aber diverse Demos von XAMPP funktionieren nicht so wie gewünscht.

Schlußendlich habe ich XAMPP wieder deinstalliert. Ich bin auf MAMP gestoßen. Der Umfang ist nicht so groß wie XAMPP, aber auch hier bekommt man den Apache 2, PHP 4+5, MySQL und diverse Tools. Die Installation ist denkbar einfach: wie beim Mac gewohnt das Paket einfach im Programm-Ordner ablegen. Dann MAMP mit Hilfe des Dashboard-Applets oder dem kleinen Programm (alles im Paket vorhanden) starten. Und schon kann es losgehen...

PDA-Version des Wikis

nospam@example.com (Stefan Jahn) — Tue, 06 Jun 2006 22:47:57 +0200

In letzter Zeit nutze ich meine PSP (Playstation Portable) zum Surfen im Web. Dabei ist mir aufgefallen das doch einige Webseiten unschön auf dem kleinen Bildschirm aussehen. Spätestens dann wenn die Webseite mehr als zwei Spalten haben wird es sehr unübersichtlich oder die Inhalte überlappen sich.

Ok, meine Webseite hat eigentlich keine Spalten und ist ja eh schon sehr schlich gehalten. Aber ein paar Sachen nerven mich doch. Somit habe ich mich rangemacht eine spezielle Version des Wiki für PDAs (oder andere Geräte) zu erstellen. Da DokuWiki Templates unterstützt ist dies relativ einfach.

Als erstes wurde die Subdomain pda.stefanjahn.de angelegt. Meine lokale Konfigurationsdatei für das DokuWiki wurde so angepasst das der Servername abgefragt wird. Ist dieser logischerweise pda.stefanjahn.de so wird die Einstellung für das standardmässige Template mit einem speziellen Template für PDAs überschrieben. In diesem speziellen Template fehlt z.B. die grafische Button-Leiste am unteren Rand, sämtliche Bearbeitungs- und Spezial-Buttons und die rechte Seitenleiste. Mal davon abgesehen das der Seitenaufbau hier noch einfacher ist.

Für das Blog gibt es momentan (und auch in naher Zukunft) keine spezielle Version. Ich denke der Aufwand bei dem benutzten Blog-System ist zu groß. Aber wer das Blog einfach lesen will soll einfach auf die RSS-Feeds zurückgreifen.

Update 17.05.2007: Die PDA-Version wurde zwischenzeitlich abgeschaltet. Der Hauptgrund liegt in der doppelten Arbeit wenn ich Designänderungen an der Webseite vornehme und das das Blog bis jetzt nie mit dieser speziellen Fassung lief.