WebsiteKlempner.DE

Webseiten gestalten

Webdesign ist ein Prozess bei dem es um mehr als schönes Aussehen und Auffallen geht. Über Geschmack und Ästhetik lässt sich bekanntlich eh' (nicht) streiten.
Für die für die Qualität einer Website nehmen Funktionalitäten einen wichtigen Stellenwert ein.

• Trotz und gerade wegen der immer besser werdenden Anbindung ans Internet ist schneller Seitenaufbau ein Schwerpunkt beim Webdesign.
• Intelligente Navigation soll Besuchern ermöglichen schnell an gesuchte Inhalte zu gelangen und dabei so weit wie möglich führen.
• Eine Suchfunktion sollte zum Standard einer jeden Website zählen.
• Und trotzdem müssen dem Nutzer eigene Freiheiten eingeräumt werden - wie z.B. durch die Möglichkeit die Schriftgröße zu ändern.
• Analysetools werden hier nahezu unverzichtbarer Bestandteil im Quellcode jeder einzelnen Seite.

 

Wie ensteht eine Website?

Viele Kunden, gerade aus dem gewerblichen Bereich, haben oft bereits feste Vorstellungen von deren Präsentation im Web. Meist schaut man sich dabei erst einmal bei den Mitbewerbern um, was ja durchaus kein Fehler und nicht etwa illegal ist. Aber nicht immer sind die Webseiten der Konkurrenz als Vorbild geeignet.

 

Und genau hier setzt die Erfahrung des Webdesigners ein. Hier gilt es die gemachten Fehler nicht zu wiederholen und den Kunden dahingehend zu beraten.

 

Das Web ist nun mal ständigen Veränderungen unterworfen. Was vor einiger Zeit mal echt "trendy" war kann heute schon wieder absolutes "no go" bedeuten. (z.B. Laufschriften als Liveticker) Aber auch bei aktuellen Trends ist oft Vorsicht geboten. Nicht alles Neue und Schicke ist eben auch wirklich nützlich.

Der eigentliche Arbeitsablauf (Neudeutsch Workflow)

Die Umsetzung der Vorstellungen beginnt meist mit einem weißen leeren Blatt Papier. Hier werden zunächst skizzenhaft die einzelnen Elemente der neuen Website mit Bleistift aufgezeichnet. Die Idee zu dieser Vorgehensweise stammt aus einem Buch von Jason Beaird.

 

Danach geht es an die Umsetzung mit WebsiteBaker. Zunächst muß ein neues Template erstellt werden. Das geschieht durch das Ändern der Datein info.php, index.php und des entsprechenden Stylesheets in einem Editor - hier PSPad. In der info.php werden die Anzahl der benötigten Navigationsmenüs (meist zwei) und die Anzahl und IDs der benötigten Inhaltsboxen festgelegt. Mit der index.php wird das grundsätzliche Layout der Website erstellt - also Header oben, Footer unten, Navigation links, Contentbox in der Mitte usw.

Hier ist bereits jetzt darauf zu achten, dass das ganze nicht ausufert. Oftmals läßt sich durch einen kleinen Trick so mancher div-Container einsparen, was der Semantik zugute kommt. Das konkrete Aussehen und die Positionierung der Elemente erfolgt im Stylesheet. Das fertige Template wird anschließend gezippt um in WebsiteBaker installiert werden zu können.

 

Mit der Installation des Templates erfolgt auch die Installation der Module für die vom Kunden gewünschten Funktionen der Website.
Die Website selbst befindet sich zu diesem Zeitpunkt auf einem mit XAMPP erstellten Testserver. So können Änderungen an allen Dateien sofort umgesetzt und beobachtet werden.