Webdesign Style

Archiv für August 2009

Flash bietet Möglichkeiten, barrierefreie Inhalte zu erstellen, die besonders auf Menschen mit stark eingeschränkten Fähigkeiten zugeschnitten sind.

Seit der Version 2004 MX wurde auch die Kompatibilität zu textbasierten Browsern stark verbessert. Auch Optionen für eine bessere Suchmaschinenindizierung sind vorhanden, etabliert hat sich jedoch die Variante, mittels einer XML-Datei textliche Inhalte zu laden, und diese somit den Suchmaschinenrobotern zur Verfügung zu stellen. Das ist ein wichtiger Faktor für die weitere Vorgehensweise unter Internet Marketing.

Trotz dieser vielfältigen Möglichkeiten zur Erstellung barrierefreier Inhalte, gibt es nur vergleichsweise wenige Seiten, die dieses Potential auch wirklich ausschöpfen.

Der Zugriff auf Flash-Inhalte mit Hilfe von Bildschirmleseprogrammen ist allerdings nur unter Windows möglich.

Vor allem ist es wichtig, die Seite W3C (”www” Consortium) konform zu realisieren, denn nur so kann man gleiches Erscheinungsbild in allen Browsern garantieren (IE5 IE6 IE7 IE8, Mozilla, Safari, Opera etc. )

Auf dieser Weise, werden auch den Menchen mit Behinderungen wie Blindheit, der Zugang zu den Inhalten ermöglicht.

Mehr zu der Barrierefreiheit bei SelfHTML und Barrierefreies Webdesign…

PHP ist eine der vielen Programmiersprachen im Webdesign. Mit php erstellt man etwas komplexere Funktionen und Rechensystem auf Webseiten. Alles das was HTML nicht kann, wird mit PHP ergänzt, denn eine Webseite muss in HTML aufgebaut sein und mit PHP erweitert werden.

PHP kann viele Funktionen einbauen, wie zum Beispiel Suchfunktionen, Userbereiche zum Einloggen, Nachrichtensysteme und und und. Durch PHP und MySQL kann man auch mit Datenbanken arbeiten, was einem viel Zeit erspart. PHP Programmierung ist sehr komplex, daher kann nicht jeder, der auch Webseiten programmieren kann, mit PHP umgehen. Doch mit PHP lassen sich viele interessante und nützliche Tools erstellen, die es sonst im Internet und im Webdesign gar nicht geben würde.

Weiteres zum Thema PHP, finden Sie bei PHPfree und SelfPHP…

HTML ist eine Auszeichnungssprache und keine Programmiersprache, dass verwechseln viele Leute, die meinem im Bereich Webdesign zu arbeiten. HTML Seiten werden nicht programmiert sondern geschrieben. Es sind zwar Codes die man schreibt, doch man programmiert HTML nicht. HTML ist sogesehen nur eine aneinanderkettung von Befehlen, von daher wird nichts programmiert, keine Schleifen oder ähnliches.

CSS ist für die gestaltung der Seite zuständig. Einem HTML Dokument wird eine style.css Datei angefügt, in der bestimmte Attribute und Befehle zugeteilt werden. Damit werden dann die HTML Elemente formatiert und die visuelle Ausgabe der HTML Datei beeinflusst. Per Id oder Class kann man dann in der HTML Datei die Formate eingeben.

Hier mal ein paar Code Beispiele, was man mit HTML alles anfangen kann:

Tabellen

Mit HTML kann man im Webdesign perfekt die Grundstruktur der Seite aufbauen, was meist mit Tabellen oder Kontainern geschiet, Tabellen eignen sich sehr gut um die Positionen von mehreren Elemente auf einer Seite anzugeben.

Eine Tabelle hat die Grundbefehle table, th, tr und td. Mit table wird die Tabelle geöffnet und geschlossen und mit th wird der Tabelle eine Titelzeile hinzugefügt. TR und TD sind Zeilen und Spalten Befehle, mit tr wird eine neue Zeile eröffnet und mit td eine neue Spalte. Das Style-Element im table tag, dient lediglich einer kleinen Formatierung, hier das Beispiel:

<table style=”border: 2px solid; width: 300px; height: 150px;” border=”0″>
<tbody>
<tr>
<th colspan=”2″>Hier ist die Überschrift</th>
</tr>
<tr>
<td>Reihe 1 Zeile 1</td>
<td>Reihe 1 Zeile 2</td>
</tr>
<tr>
<td>Reihe 2 Zeile 1</td>
<td>Reihe 2 Zeile 2</td>
</tr>
</tbody></table>

und so siehts aus:

Hier ist die Überschrift
Reihe 1 Zeile 1	Reihe 1 Zeile 2
Reihe 2 Zeile 1	Reihe 2 Zeile 2

Soviel zum Thema Tabellen.

Flash ist eine Programmiersprache im Webdesign Bereich. Flash hat seine Vor- und Nachteile in der Programmierung. Alles was dynamisch und grafisch auffällig ist, ist meist in Flash gestalltet, da man mithilfe von Flash diverse Effekte und Highlights in eine Webseite einbauen kann. Es kann ein Banner oder ein Menü in Flash sein, aber auch ganze Webseiten können in Flash erstellt werden. Für einen geeigneten Anlass ist Flash die beste Variante eine Webseite hübsch zu gestallten, doch Flash hat auch Nachteile.

Zum einen ist Flash nicht geeignet für die Suchmaschinenoptimierung, da eine Suchmaschine keine Flashelemente durchlesen kann. Zum anderen kann Flash eine Seite langsam machen, da Flash nachladezeiten hat, in denen der Film geladen werden muss. Gerade bei Usern, die im Internet surfen, deren Rechner nicht wirklich gut ist, kann es zu diversen Rucklern und langen Ladezeiten kommen, selbst die korreckte Anzeige der Flashelemente ist dadurch beeinträchtigt. Ratsam ist es daher meist entweder auf Flash zu verzichten, oder aber bedacht nur kleinere Flashelemente einzubauen, wie einen Flashheader. An diesen Beispiel können Sie ein gelungenes Flash sehen, mehr zum Thema Flash finden Sie bei Wikipedia…

Content Management System:

Bei einem CMS handelt es sich um ein Content Management System. Dies ist ein praktisches Tool im Webdesign bereich. Ein CMS ist eine Basis für eine Webseite, die es ermöglicht, schnell und einfach Änderungen an den Inhalten Ihrer Webseite vorzunehmen und Texte und Bilder einzupflegen. Sehr praktisch auch für die Kunden, die so ohne große Vorkenntnisse in der Programmierung ihre Webseite bearbeiten können und kleine Änderungen vornehmen können. Es gibt verschiedene CMS Varianten für verschiedene Anlässe:

Flash CMS welches Sie selbst im Browser bearbeiten können, ohne Programmierkenntnise und ohne teuere Programme.

Jetzt ganz neu und empfehlenswert im Bereich des Content-Management-System (CMS) ist der cmsfrog.de, hier gelangen Sie gleich zur CMS-Demo…

Typo 3:

Typo 3 ist ein sehr umfangreiches CMS, dass sich leicht mir vielen verschiedenen Modulen erweitern lässt. So kann man viele Funktionen einbauen, die man sich von Typo3 Programmierern erstellen lassen kann. Mithilfe eines Backendzugangs ist es möglich sich auf der Seite einzuloggen und alles in einem einfach Dateisystem zu verändern, ohne Programmierkenntnisse zu haben, solange man sich mit gängen Windows Programmen auskennt. Der größte Vorteil bei Typo 3 ist, dass es neben einem Backendzugang auch einen Frontendzugang gibt. Dies bedeutet, dass wenn man eingeloggt ist, man einfach auf der eigenen Seite surfen kann und direkt dort Änderungen vornehmen kann. Man finden einen Fehler im Text und kann direkt auf der Seite auf bearbeiten klicken und man kommt in den Editor. Sehr Praktisch. Typo3 können Sie downloaden bei Typo3.org, Hosting und weitere Voraussetzungen für Typo3, finden Sie bei FI Ausbilden.

OsCommerce / XtCommerce:

Diese CMS Varianten sind Shopsysteme. Mithilfe dieser beisen CMS`s kann man spielend leicht einen eigenen Onlineshop aufbauen. Diese lassen sich auch in andere CMS Varianten wie Typo 3 einbauen und verbinden. Sehr praktisch wenn man ein Portal aufbauen will, das sowohl Onlineshop wie auch die Firmenpräsens darstellt.

Demnächst bei Homepage Designer: CMS für alle…

Beim Webdesign wird man sich schnell wundern, warum es so viele unterschiedliche Preise für ein und die selbe Webseite gibt. Für den Kunden ist dies sehr irreführend, da er natürlich versucht, die beste Leistung für den kleinsten Preis zu bekommen, doch hier ist Vorsicht geraten, denn im Webdesign heisst günstig nicht immer gleich gut. Mittlerweile gibt es zu viele Menschen, die sich Webdesigner schimpfen. Etwas HTML und CSS gelernt und man kann sich eine GBR für 20 € bei der IHK kaufen, schon ist man selbstständiger Webdesigner. Diese bieten dann umfangreiche Webseiten für 500€ an, bei der eine Webdesignagentur niemals mithalten kann. Doch diese Seiten werden von einer Person erstellt, bei der es niemals stimmig im Design und in der Programmierung sein kann. Vorallem die mangelnde Erfahrung macht sich schnell bemerkbar. Alles angefangen hat dies mit dem Onlineportal MyHammer. Dort haben viele Kunden gesuche aufgegeben für eine Webseite, anfangs waren die Preise noch auf normaler Basis, doch mehr und mehr kamen die 100 € GBR´s hinzu und zerstören so den Markt für das Webdesign.

Den Preis- Überblick und Beispiele, können Sie hier bei nunodesign bekommen: Webdesign Preise

Wenn man keine 08/15 Webseite haben will, sollte man sich doch ein Herz fassen und eine Webdesignagentur beauftragen. Dies kostet zwar ein wenig mehr, doch man kann sicher sein, dass man das Ergebnis bekommt, welches man sich vorstellt. Bei einer Agentur arbeiten wesentlich mehr Menschen an einem Projekt. Der Entwickler, ein Designer, ein Programmierer, Server Administrator, event. ein Texter oder Typo3 Spezialist…

Die Erfahrung ist auch gegeben, so kann ein stimmiges Ergebnis abgeliefert werden. Auch der stetige Kontakt zu den Kunden macht es bei einer Webdesignagentur einfach, schnelle Änderungen an einer Webseite vorzunehmen. Die Erfahrung und das Know-How einer Agentur ist nicht durch einen Billig-Preis zu ersetzen.

Die Programmierung einer Webseite ist das wichtigste im Webdesign. Die Seite kann noch so schön sein, wenn sie schlecht programmiert ist wird sie im nirgendswo zu finden sein.

Bei der Programmierung kommen viele verschiedene Faktoren zum tragen. Es kommt ganz darauf an, auf welcher Basis die Webseite entstehen soll. Entweder wird eine Seite rein in HTML/CSS geschrieben, es geht aber auch mit eingebautem CMS, wie bei Typo 3. All das wird vorher festgelegt.

Was auch sehr wichtig ist, ist die Tatsache, ob Suchmaschinenoptimierung betrieben werden soll, denn dann muss die Seite von Anfang an optimiert werden. Der Aufbau sollte frei von Funktionen sein, die Suchmaschinenunfreundlich sind. Es sollte auch von unnötigem Gebrauch vieler <table> Elemente abgesehen werden, da die Seite sonst zu schwer zu durchschauen ist. All das wird beim Webdesign in der Programmierung beachtet.

Nachdem feststeht, welche Basis genommen wird und welche Programmiersprache benutzt wird, setzt der Programmierer die Designschnipsel zusammen und fertigt daraus eine Webseite, mit allen Funktionen und dem Aufbau für die Suchmaschinenoptimierung. Hier ist es vom Vorteil, wenn man viel Erfahrung im Umgang mit der Suchmaschinenoptimierung hat, damit man keine unnötigen Zeitverluste durch Änderungen hat.

Steht die Programmierung, kommt es eigentlich nur noch zum Feintuning der Seite, da der größte Teil damit erledigt ist. Die Seite kann Online gehen und das Webdesign ist fertig.

Einige kostenlose Scripte finden Sie bei Scriptworld oder CoderWorld…

Ein gutes Design ist da A und O einer Webseite. Beim Webdesign kommt es darauf an, dass man ein grafisches Layout findet, dass sowohl die benötigten Funktionen perfekt einbindet, als auch dem Kunden direkt anspricht. Es kommt darauf an zu welchem Zweck und aus welchem Bereich das Thema einer Seite ist, demnach ist das Design zu erstellen. Denn es ist nicht immer vom Vorteil ein aufwendiges Design mit viel Schnickschnack zu haben, wenn man sich zum Beispiel als Anwalt im Internet präsentiert. Das Webdesign muss perfekt passen.

Die corporate identity einer Firma spielt bei der erstellung eines Layouts eine große Rolle. Die Seite sollte genau darauf zugeschnitten sein. Wenn die corporate identity einer Firma die Farben Blau und Weiss beinhaltet und die Seite dann in Rot und Schwarz gestaltet wird, hat das wenig Sinn. Das ist aber ein wenig schwierigerer Teil des Webdesigns, da man vorher genaue Vorstellungen hat, wie das alles auszusehen hat, von daher ist es ein Leichtes eine gute Mischung zwischen corporate identity und Webdesign zu finden.

Etwas schwieriger gestalltet sich der Einbau von Funktionen in das Design. Es gibt viele verschiedene Funktionen, die eine Webseite beinhaltet, diese müssen auch gut verpackt sein. Es bringt nichts, wenn eine wichtige Funktion, von der die Webseite abhängig ist im Webdesign untergeht. Dann wird diese niemals groß gefunden geschweige denn durchschaut, was zur Folge hat, dass der Umsatz, oder die Besucherzahlen schwinden. Doch dies will man natürlich verhindern und man muss beim Webdesign darauf achten, all das zu berücksichtigen und eine perfekte Harmonie zwischen Design, corporate identity und Funktionen zu schaffen. Wenn dies der Fall ist wird die Seite mit größter Sicherheit ein Erfolg.

Vor einigen Jahren bestand das Web zum Großteil aus reinen Textseiten mit ein paar wenigen Bildern. Das Hypertext-Protokoll mit der Auszeichnungssprache HTML wurde eigentlich auch genau dafür entwickelt. Macromedia wollte mit Flash Bewegung in diese statischen Seiten bringen und eine visuell dynamische Komponente für die eher langweiligen Textwüsten entwickeln.

Eine ungemein beliebte Diskussion heutzutage ist die Frage, was denn jetzt besser sei – Flash oder HTML. Beide Technologien kann man sicherlich nicht wirklich direkt miteinander vergleichen. Zum einen ist in der Regel eine Kombination aus HTML und Flash die beste Lösung, zum anderen ist gerade das Internet nun mehr ein so gigantisches Medium geworden, dass man hier produkt- und zielgruppenspezifisch entscheiden sollte, welche Technologie passender ist.

Eine multimediale Präsentation eines neuen Produkts oder einer Dienstleistung lässt sich mit Flash sicherlich besser darstellen als mit HTML – eine„Tutorial-Seite“ mit viel Text übermittelt dagegen seine Informationen besser und schneller mit HTML. Trotz aller Begeisterung für Flash muss man also abwägen, ob es sinnvoll ist, Flash einzusetzen oder nicht.

Der Begriff „HTML-Seite“ steht in diesem Zusammenhang übergeordnet für Internet-Seiten, die grundsätzlich mit der Technologie HTML arbeiten. Mittlerweile sind viele Angebote dynamisch generiert, PHP oder andere Programmiersprachen erzeugen den HTML-Code dynamisch. Das Aussehen dieser Seiten ist aber immer durch ein starres Layout mit Text und Bildern geprägt.

Eine gute Alternative wäre Flash Intro auf der Seite zu platzieren. Flash Intro ist eine Flash- Animation, die vor den eigentlichen Inhalt gesetzt wird. Professionelle Flash Intros finden Sie bei Homepage-Designer…

Das Argument, dass HTML-Seiten mit komplexem Layout in der Herstellung sehr aufwendig sind und dann auf unterschiedlichen Browsern doch wieder unterschiedlich aussehen, wird durch die stärkere Verbreitung und Unterstützung von Webstandards wie XHTML oder CSS relativiert. Dennoch ist man in Bezug auf Layout und Gestaltung mit Flash auf der sicheren Seite. Die Erstellung ist relativ einfach, und das Ergebnis sieht auf allen Plattformen gleich aus.
Macromedia (heute adobe.de) versucht, mit aggressivem Marketing in den „Applikationsmarkt“ vorzudringen. Überzeugte Datenbankentwickler, schütteln da meistens nur den Kopf. Fakt ist aber, dass Flash alle nötigen „Tools“ (Werkzeuge) und Schnittstellen bereitstellt, um dynamische und datenbankgestützte Webseiten darzustellen. Eine beliebte und sinnvolle Variante ist ein Datenbanksystem, das mit den etablierten Skriptsprachen programmiert wird, und eine Flash-Oberfläche, die für die Ausgabe der Daten zuständig ist – der Datenaustausch erfolgt beispielsweise mit XML.

Flash-Applikationen können als so genannte One-Screen-Applications angelegt werden. Diese sind Anwendungen, die alle Funktionen innerhalb einer Seite abwickeln können. Dadurch kann die Bedienung vereinfacht werden und die Übergänge zwischen unterschiedlichen Bereichen lassen sich mit visuellen Effekten versehen. Auch das „AJAX-Modell“ kann mit der visuellen Wirkung von Flash nicht wirklich mithalten, auch wenn diese Art der Programmierung dem One-Screen-Ansatz von Flash sehr ähnelt.

FlashWorkflow

Flash-Projekte werden in der Regel eigentlich immer nach demselben Schema erstellt. Der Arbeitsablauf schaut in etwa folgendermaßen aus:

1. Grafiken und Text in Flash erstellen (oder einfach aus anderen Programmen importieren)
2. Objekte positionieren und animieren
3. Interaktive Teile mit „ActionScript“ programmieren
4. Animation exportieren
5. In eine Internet-Seite integrieren

als Flash Seite komplatt, als Flash Header, oder als Flash Intro…

Flash ist ein Software-Paket und wurde 1992 von der Firma Macromediaaus San Francisco entwickelt. 2005 wurde das Unternehmen von Adobe übernommen und die Software weiterentwickelt. Mit diesem Programm können verschiedene Inhalte undMedien kombiniert und zu interaktiven Animationen, Online-Spielen, multimediale Präsentationen etc. weiterverarbeitet werden.

Im Gegensatz zu klassischen Programmiersprachen arbeitet Flash mit einer Entwicklungsumgebung – oder auch „Autorensystem“ genannt – das den Einstieg wesentlich vereinfacht. Flash stellt eine Vielzahl an Tools und Hilfsmitteln für Kreative zur Verfügung und bietet mit „ActionScript“ als Programmiersprache unzählige Möglichkeiten.

Zahlreiche Templates (also sofort benutzbare Vorlagen oder Elemente) stehen hier bereit und ermöglichen einen raschen Arbeitsprozess. Mittlerweile ist die Software so mächtig geworden, dass die Trennung zwischen Flash-Design und Flash-Programmierung bei aufwendigen Projekten keine Seltenheit mehr ist.