Wie wir bereits erklärt haben, ist es nahezu unmöglich, einen Kopierschutz für den Quellcode anzulegen. Wer an die Codezeilen gelangen möchte, kann dies auch schaffen. Ähnliches gilt für Grafiken, die im Netz bereit gestellt werden. Allerdings gibt es, sofern man nur seine Grafiken schützen möchte, noch ein paar mehr Möglichkeiten, die über den Quellcode-Schutz hinaus gehen.

Wasserzeichen
Eine simple Möglichkeit, um zu zeigen, wem die Rechte an einem Bild gehören, ist das Einbauen von Wasserzeichen. Zwar schützt dies die Bilder nicht vor dem Kopieren durch andere User, aber somit wird zumindest die Herkunft des Bildes Kund getan. weiterlesen

Da eine HTML-Datei lediglich aus Text besteht, jede Webseite aber erst durch Design, Grafiken und andere Inhalte den gewünschten Anspruch erhält, ist es notwendig, auf externe Dateien zu verweisen. Dies nennt man “referenzieren”. Diese Verweise können in diversen Dateien notwendig werden, zum Beispiel auch ausgelagerten Stylesheets oder JavaScript-Dateien, und sind auch für die interne Verlinkung der Webseite relevant. weiterlesen

Wir haben bereits über Sprites berichtet und erklärt, wie diese funktionieren. Verwendet man diese Methode mit einem sich verschiebenden Hintergrundbild für Effekte in einer Navigation, dann werden Textlinks für eben diese überflüssig.
Leider stimmt dies aber nicht ganz. Es ist nämlich so, dass Suchmaschinen wie Google keine Bilder lesen können. Dies hat wiederum zur Folge, dass es für Google diesen Navigationspunkt in Textform gar nicht gibt. Gleiches gilt für so genannte Screenreader, die Webseiten vorlesen.
In beiden Varianten werden Webseiten nämlich nur als Text gelesen, CSS wird dabei ignoriert. weiterlesen

Hover- bzw. Mouseovereffekte sieht man heute an jeder Ecke. Besonders bei Navigationen werden dazu häufig Hintergrundgrafiken eingesetzt, die beim Überfahren eines Links mit der Maus ausgetauscht werden. Allerdings wird dieser Effekt nur allzu oft viel zu umständlich realisiert.
Der Austausch der Grafiken wird oft über JavaScript bewirkt, was automatisch einiges mehr an Quellcode zur Folge hat. Zudem liegen meist zwei Grafiken pro Navigationspunkt vor, was einerseits einen Haufen an Dateien produziert, andererseits sogar unschöne, sichtbare Ladeverzögerungen der Bilder mit sich bringen kann. Gerade bei solchen Haken im Nachladen ist der schöne Effekt gleich dahin. weiterlesen

Bewegung im eigentlich eher unbeweglichen Web ist immer eine kleine Herausforderung für Webmaster. Nicht selten kommt dabei dann JavaScript zum Einsatz. Sehr bliebt ist derzeit das JavaScript-Framework jQuery, welches 2006 veröffentlicht wurde. Seither wurden bereits zahlreiche Plugins von der immer weiter wachsenden Entwicklercommunity geschrieben.
Das Framework jQuery bringt Funktionen der DOM-Manipulation und -Selektierung mit, während CSS dabei unterstützt wird. Zudem ist das Event-System erweitert sowie vereinfacht und ein paar animierte Effekte sind bereits implementiert. weiterlesen

Beim Erstellen einer Homepage können so genannte Grid Layout Generatoren die ersten Schritte enorm erleichtern und beschleunigen. Hat man einmal den für sich passenden Generator gefunden, dann ist die Grundstruktur für jede neue Homepage schnell aufgestellt.

Pagecolumn.com ist eine Seite, die derartige Generatoren anbietet. Verschiedene Layouts (1 - 5 Spalten) sind bereits angelegt und lassen sich frei nach Wunsch editieren. Für wen da nicht das Richtige dabei ist, der kann über den Grid-Generator die Anzahl Spalten und Zeilen selbst bestimmen. Allerdings lässt sich dort keine unterschiedliche Spaltenbreite festlegen. weiterlesen

Bereits lange wird über die Weiterentwicklung des Cascading Style Sheets hin zur Version 3 gesprochen. Noch viel länger warten unzählige Webdesigner auf die Neuerungen, welche CSS 3 mit sich bringen soll. Der heutige Stand ist da aber eher ernüchternd.

Die Entwicklung schreitet nur langsam dahin. Vorteil ist an dieser Stelle allerdings, dass die Implementierung von CSS 2.1 dadurch immer besser wird und die Browserkompatibilität zunimmt. Alle modernen Webbrowser werden diese Version bald nahezu vollständig unterstützen und schaffen somit eine gute Basis für weitere Entwicklungen. weiterlesen

Im Microsoft IE 5.5 und 6 werden bekannterweise alphatransparente Hintergründe von Portable Network Graphics, kurz PNGs, nicht richtig angezeigt. Der Bildhintergrund wird nicht durchsichtig sondern grau angezeigt, was aber durch den CSS Filters “AlphaImageLoader” geändert werden kann. Hierfür muss lediglich das Stylesheet etwas erweitert werden, wobei der Quelltext unverändert bleibt. Hier ein Auszug weiterer Vorteile:

• Das Script (behavior) funktioniert automatisch bei jedem eingebundenen PNG
• Sowohl img-Elemente als auch Background-Images werden angesprochen
• Das Script ist kostenlos

weiterlesen