Zurück zur Homepage

KS Webdesign - Der Blog

Richtig Clearen

11. September 2009 von Klaus · Kommentare (1)

Wer floatet muss auch clearen!

Diese Weisheit schlägt dem geneigten Anfänger rasch entgegen, wenn ihm bei seinen ersten Gehversuchen in der erlauchten Kunst des Webdesigns das Design aus dem Ruder gelaufen ist.

Okay, also clearen, bloß welche Methode??

Da sagt ja jeder was anderes. Weiterlesen

Grafische Navi 2

10. September 2009 von Klaus · Kommentare (7)

Der etwas kompliziertere Fall eines grafischen Menüs habe ich schon erklärt.

Hier folgt nun der etwas einfachere Fall, wo der Linktext ganz normal dasteht und die Grafik nur den Hintergrund bildet. Weiterlesen

Navi – Tabs

08. September 2009 von Klaus · Kommentare (3)

Sehr beliebt sind auch Menüs, die sich mit Tabs organisieren. Vielleicht ist euch in diesem Zusammenhang schon mal der Begriff Sliding Doors (Schiebetürentechnik) untergekommen.

Der Nachteil dieser Technik ist, das man pro Linkzustand jeweils zwei Grafiken braucht.

Diese Hintergrundbilder waren so weit ineinander geschoben, das sie sich beim Zoomen der Seite wie eine Schiebetür immer weiter auseinanderzogen.

Wir verwirklichen das Ganze mit CSS-Sprites (engl. für Kobolde, Geist), d.h. wir benötigen nur eine Grafik für alles. Diese wird einfach per background-position an die richtige Stelle geschoben. Weiterlesen

Skiplinks und Skiplinktabs

07. September 2009 von Klaus · Kommentare (8)

Warum bieten wir Menschen, die auf ein Bildschirmvorlesegerät (Screenreader) angewiesen sind und solchen, die sich aufgrund motorischer Einschränkungen mit der Tab-Taste durch eine Website hangeln, nicht ein kleines bißchen Komfort?

Skiplinks am Anfang einer Seite, mit denen man direkt zum Inhalt und/oder zur Navigation springen kann. Das Gleiche am Ende einer jeden Seite, damit man wieder zurück zur Navigation und/oder zum Anfang Inhalt springen kann.

Damit die Durchtabber auch in den Genuß dieser Skiplinks kommen, ist es doch im Grunde nur eine Kleinigkeit die Skiplinks mit etwas CSS für diese Menschen sichtbar zu machen, wenn sie beim Durchtabben an den entsprechenden Stellen ankommen. Weiterlesen

Navi – Flyout 2

03. September 2009 von Klaus · Kommentare (5)

In meinem letzten Artikel Navi – Flyout 1 habe ich beschrieben, wie man ein einfaches Flyout-Menü mit zwei Ebenen erstellt.

Hier werde ich euch zeigen wie man eine dritte Ebene hinzufügt, d.h. ein Submenü bekommt ein weiteres Submenü, ein Sub-Submenü sozusagen. Weiterlesen

Navi – Flyout 1

02. September 2009 von Klaus · Kommentare (4)

Bei einem einfachen Layout mit zwei Spalten soll die Navigation in ein Flyout-Menü umgewandelt werden Weiterlesen

CSS – Ordnung 2

28. August 2009 von Klaus · Kommentare (1)

Im letzten Artikel CSS – Ordnung 1 habe ich etwas über das Inhaltsverzeichnis einer CSS-Datei geschrieben und einen Vorschlag gemacht, wie die Abteilung Allgemeine Selektoren ausschauen könnte.

Hier möchte ich einen Vorschlag zur Reihenfolge der Deklarationen in einem Deklarationsblock machen. Weiterlesen

CSS – Ordnung 1

28. August 2009 von Klaus · Kommentare (3)

Eine CSS-Datei kann je nach Website schon mal 1000 Zeilen erreichen, vorausgesetzt man organisiert sie übersichtlich.

Dabei kann ein Inhaltsverzeichnis sehr hilfreich sein. Die damit verbundene Mehrarbeit lohnt sich auf jeden Fall. Sollte man bei der mühevoll erstellte Website nach einem Jahr Änderungen durchführen müssen, hat man durch das Inhaltsverzeichnis sehr schnell den Überblick was wo steht. Weiterlesen

Suchmaschinenoptimierung – Allgemeine Tips

24. August 2009 von Klaus · Kommentare (8)

Das ist ein kleiner Versuch, besonders den nicht so Erfahrenen unter euch, das Thema Suchmaschinenoptimierung etwas näher zu bringen.

Diese Sammlung von Ratschlägen erhebt keinen Anspruch auf Vollständigkeit.

Da sich Google nicht so richtig in die Karten gucken läßt, ist einiges was mit dem Thema zusammenhängt immer auch die Weitergabe von Gerüchten, Meinungen und der eigene Glaube an die Richtigkeit seiner Erfahrungen.

Trotzdem glaube ich, das euch die Beachtung dieser Tips bei der Erstellung von Websites helfen kann, ein günstiges Suchmaschinenranking zu erreichen. Weiterlesen

Navi – Dropdown

20. August 2009 von Klaus · Kommentare (5)

Tutorial zur Erstellung eines einfachen Dropdown-Menüs mit XHTML/CSS und etwas Javascript für den IE 6. Weiterlesen

« Zurückblättern - Weiterblättern »