Da man ja mit der Zeit geht wird dies nicht mehr mit einer Dia Show gemacht sondern einach über eine Webseite. Aber wie stellt man da nur die Reiseroute dar?  Doch das ist nun auch kein Problem mehr. Google bietet einen passenden kostenfreien Service an.

In drei Schritten ist die Karte mit der Reiseroute erstellt und in der eigenen Seite eingebaut. Link

Sie haben neben der Internetseite auch noch eine Geschäft oder Filiale, ja so was soll es noch geben, dann teilen Sie es doch den Besuchern Ihrer Internetseite mit.

Hierfür tragen Sie die Geodaten in den Meta Daten ein und erzielen ganz nebenbei eine bessere Position in den Suchmaschinen, welche sich auf einen Ort beziehen.

Wenn Sie nicht wissen wie die Geodaten einzutragen sind, dann hilft Ihnen www.mygeoposition.com (mehrsprachig) weiter.

Und so sehen die Geodaten für fairnet aus:

<object width="wert" height="wert" data="file.swf" type="application/x-shockwave-flash">
	<param name="movie" value="file.swf" />
	<param name=... />
	<param name=... />
</object>

Das veraltetet embeded-Tag wird einfach weggelassen und die notwendigen Parameter innerhalb des object-Tags platziert.

Unter fairnet-medien.de schaut es so aus:

1. Internet Explorer (50,58%)
2. Firefox (42,85%)
3. Safari (2,32%)
4. Opera (2,26%)

Hier im Blog ist es allerdings etwas anders:

1. Firefox (54,69%)
2. Internet Explorer (38,37%)
3. Opera (3,27%)
4. Safari (2,86%)

Interessant ist auch, dass der Internet Explorer 7.0 auf beiden Webseiten nur mit ca. 53% vertreten ist.
Der IE 6 ist also noch sehr weit verbreitet und bei der Webentwicklung muss dieser leider noch eine ganze Weile berücksichtigt werden. Der IE 5 dagegen ist nahezu tot. Das ist auch besser so, möge er in Frieden ruhen!

Adblock plus blockiert zuverlässig Werbung auf Webseiten. Durch ein automatisches Abo brauch man die Filter nur selten manuell anpassen.

Colorzilla ist ein kleiner Farbwähler, mit dem man sich alle Farben einer Webseite als RGB und Hexadezimalwerte anzeigen und kopieren lassen kann.

Firebug ist eine Sammlung an Entwicklungstools für Javascript, Ajax-Requests, HTML und CSS. Insbesondere der Javascript Debugger ist sehr zu empfehlen.

YSlow ist eine Erweiterung zur Performanceanalyse von Webseiten. (Firebug muss installiert sein)

Mit dem LoremIpsum Content Generator lassen sich per Mausklick Lorem Ipsum Texte erzeugen, die man als Fülltexte verwenden kann.

Die Web Developer Toolbar beinhaltet verschiedenste Einstellmöglichkeiten. (CSS, JS & Cookies ein- und ausschalten, HTML validieren …)

Mit SEOpen kann man sichden Pagerank einer Seite anzeigen, Backlinks bei Yahoo, Google und MSN prüfen und noch viel mehr.

Mit dem HTML Validator kann man den HTML Code nach Fehlern checken lassen. Aussagekräftige Fehlermeldungen helfen bei der Beseitigung. Die Zugänglichkeit einer Seite lässt sich in verschiedenen Stufen (WAI 1-3) überprüfen.

Weitere nützliche Erweiterungen gibt es hier.

Bis jetzt konnte leider noch kein einziger Verein richtig überzeugen. Da werden immer noch Framesets verwendet, werden wild Inline Styles benutzt oder die Seitenavigation lässt sich ohne Javascript nicht bedienen. Bis jetzt konnte nur Eintracht Frankfurt wenigstens ein bisschen punkten.

Auf jeden Fall ist die Serie hochinteressant, da kann wohl jeder Webdesigner/Programmierer noch etwas lernen (mich natürlich eingeschlossen).

Besonderheiten und neue Funktionen

• barrierearme XHTML Umsetzung
• ClickandBuy wurde als neuer Paymentdienstleister integriert
• Ajax gestützte Suche

weitere Bilder

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)

Im Internet gibt es eine Vielzahl an kostenfreien CMS-Systemen. Besonders Typo3 wird sehr häufig verwendet. Typo3 ist allerdings für kleine Seiten deutlich überdimensioniert.

CMS made simple ist, wie der Name schon sagt, sehr einfach zu implementieren und zu bedienen und eignet sich hervorragend für kleinere Webseiten. Besonders hervorzuheben ist, dass man mit diesem CMS vollständig valide und tabellenlose XHTML Webseiten umsetzen kann.

Für unsere Webseite verwenden wir CMSMS seit dem Relaunch der Seite im Juli und sind damit sehr zufrieden.

Besondere Merkmale:

• verwendet PHP & MySQL
• benutzt die Template Engine Smarty
• schreibt sauberen Quelltext
• einfach zu bedienen und zu implementieren
• suchmaschinenfreundliche Templates & URLs
• viele Module und Plugins

Leider kann man mit der aktuellen Version 1.1 noch keine mehrsprachigen Webseiten entwickeln. Das soll sich aber in der Version 2.0 ändern, an der schon fleißig gearbeitet wird.

CMSMS wurde unter der GPL-Lizenz veröffentlicht und kann unter www.cmsmadesimple.de heruntergeladen werden.