Die Installation ist denkbar einfach. Es muss nur in das Webrootverzeichnis kopiert werden, und in der robots.txt nimmt man folgenden Eintrag vor:
Sitemap: http://www.domainname.de/gsitemap.php

Diese Galerie bietet eine Bilderschau der ganz besonderen Art. Entwickelt wurde sie als Studentenprojekt von Benjamin Mack (http://www.xnos.org/). Auf http://typo3.org/extensions/ kann man sich “dam_liteshow” als Extension für Typo3 herunterladen. Zusammen mit “dam” für die äußerst komfortable Medienverwaltung und der “dam_catedit” zur Kategorisierung der Bilder und Fotos. Durch Zuordnung der Bilder zu einer Kategorie entstehen die Ordner für die Slideshow.

Unter http://hebamme-preiss.de finden Sie ein Anwendungsbeispiel.

In der Standardinstallation des Open Source Content Managment Systems CMS made Simple werden URLs mit einem Query String erzeugt. Die sehen dann z.B. so aus: http://www.domainname.de/index.php?page=Beratung

Um suchmaschinenfreundliche URLs zu aktivieren muss man folgende Änderungen an der Konfigurationsdatei config.php vornehmen:

$config['assume_mod_rewrite'] = true;
$config['page_extension'] = ''; // gewuenschte Dateiendung (z.B: .html)
$config['use_hierarchy'] = true;

Im 2. Schritt passt man noch die .htaccess an:

RewriteEngine on
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f [NC]
RewriteCond %{REQUEST_FILENAME} !-d [NC]
RewriteRule ^(.+).html$ index.php?page=$1 [QSA]

Nun wird die URL so ausgegeben:
http://www.domainname.de/Agentur/Beratung.html

Beispiel projekt1

1. Hostname in der Datei C:\WINDOWS\system32\drivers\etc\hosts eintragen:

127.0.0.1 localprojekt1

2. Eintrag in der Datei c:\Programme\xampp\apache\conf\httpd.conf:

<Directory "c:/Programme/xampp/htdocs/projekt1">
Options Indexes FollowSymLinks Includes ExecCGI
AllowOverride All
Order allow,deny
Allow from all
</Directory>

3. Eintrag in der Datei c:\Programme\xampp\apache\conf\extra\httpd-vhosts.conf:

NameVirtualhost 127.0.0.1:80

Dann pro Projekt ein Eintrag:

<VirtualHost 127.0.0.1>
ServerName localprojekt1
DocumentRoot c:/Programme/xampp/htdocs/projekt1
</VirtualHost>

Danach muss nur noch der Apache Webserver neu gestartet werden, und dann ist das Projekt unter http://localprojekt1 erreichbar.

Vielen Dank an meinen Kollegen Thomas für den Tipp!

Eine Möglichkeit ist eine spezielle Fehlerseite anzulegen. Dazu wird im Webroot die Datei .htaccess angelegt (falls noch nicht vorhanden) und folgende Zeile eingetragen:

ErrorDocument 404 /pfad_zur_datei/error404.htm

Diese Fehlerseite ist eine ganz normale HTML Datei, in der der Besucher auf die Veränderung hingewiesen wird. (Beispiel unter www.magic-dessous.de)

Für die wichtigsten Seiten können aber auch spezielle Umleitungen (301 Moved Permanently) angelegt werden. Das hat den Vorteil, dass der alte Link zur neuen Seite verweist.

Beispiel:
Alte Seite /shop/alte-seite.html. In diese Seite wird folgendes eingefügt:
<?php
header("HTTP/1.1 301 Moved Permanently");
header("Location: ../shop/neue-seite.htm");
header("Connection: close");
?>

Wenn die alte Seite eine statische HTML Seite ist, muss noch ein Eintrag in der .htaccess vorgenommen werden, damit PHP ausgeführt wird.
AddType x-mapp-php4 .html
AddType application/x-httpd-php .html
AddType x-mapp-php4 .htm
AddType application/x-httpd-php .htm

Diese Umleitungen haben wir beim Relaunch unserer Seite verwendet. Der große Vorteil war, dass alle in den Suchmaschinen vorhandenen Links auf die jeweiligen neuen Seiten verwiesen.

• offizielle PHP Seite
• Informationen über htaccess bei SelfHTML
• HTTP Statuscodes bei Wikipedia

Leider kann das dazu führen, dass man bei den Suchmaschinen wegen doppeltem Inhalt abgestraft wird. Zur Vermeidung empfiehlt es sich, eine .htaccess Datei zu erzeugen und diese in den Rootordner zu legen.

Diese sollte so aussehen:RewriteEngine on
RewriteBase /
RewriteCond %{HTTP_HOST} ^domainname.de$ [NC]
RewriteRule ^(.*) http://www.domainname.de/$1 [L,R=301]

Bei einem Aufruf von beispielsweise http://fairnet-medien.de/portfolio.html wird automatisch auf die URL http://www.fairnet-medien.de/portfolio.htm weitergeleitet.

Mit dem Javascript Lightbox kann man die Präsentation von Bildern auf einer Webseite sehr unkompliziert aufbohren. Zum Ausprobieren einfach mal das Bild anklicken.

Das Ganze funktioniert natürlich nur, wenn Javascript im Browser aktiviert wurde. Das Gute an der lightbox ist, dass die eigentliche Funktionalität auch dann gegeben ist, wenn Javascript ausgeschalten wurde oder nicht verfügbar ist. Dann öffnet sich das Bild einfach im aktuellen Fenster.

Die Implementierung ist kinderleicht. Mehr dazu gibt es nach einem Klick.

Das Skript nutzt das Ajax Framework Prototype sowie die Effektbibliothek Scriptaculous.

Im Kopfbereich einer Webseite müssen folgende Dateien eingesetzt werden:
<!-- Prototype Framework -->
<script type="text/javascript" src="pfad/prototype.js"></script>
<!-- Effektbibliothek -->
<script type="text/javascript" src="pfad/scriptaculous.js?load=effects"></script>
<!-- Lightbox Skript-->
<script type="text/javascript" src="pfad/lightbox.js"></script>
<!-- CSS Datei -->
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />


Der Bildaufruf im Seitenbereich sieht dann so aus:
<a href="/pfad/grosses-bild.jpg" rel="lightbox" title="Testbild">
<img src="/pfad/vorschaubild.jpg" alt="Vorschaubild" width="150" height="200" />
</a>

Anhand des rel Attributes sucht das Skript sich die Bilder im Quelltext heraus und öffnet das größere Bild dann direkt im Fenster. Das title Attribut im Link wird als Titel des Bildes verwendet. Weitere Optionen findet man auf der lightbox Seite.

Die Lightbox2, inklusive aller notwendigen Bibliotheken, kann man hier herunterladen. Man findet im Netz auch noch viele andere ähnliche Scripte wie z.B. thickbox oder greybox. Einfach mal googlen. ;o)