Der Webdesign-Praxisguide

Professionelle Konzeption von der Planung bis zur Promotion

Das Web bietet Usern viele Möglichkeiten, sich zu informieren. Einige wollen aktuelle Nachrichten abrufen, andere suchen Angebote in Online-Shops. Allen gemeinsam ist, dass sie schnell an die gewünschten Informationen gelangen möchten. Ein Schlüsselfaktor hierbei ist ein verständlicher Aufbau und ein ansprechendes Design der Website. Der Autor stellt die breit gefächerten Themenbereiche des Webdesigns anhand vieler Beispiele dar. Tipps und Tricks sowie praxisnahe Erfahrungsberichte auf der Basis wissenschaftlicher Studien geben insbesondere dem fortgeschrittenen Hobbywebdesigner sowie dem angehenden professionellen Webdesigner wichtige Hinweise zur Erstellung eines erfolgreichen Internetauftritts.

ISSN 1439-3107
ISBN 978-3-540-77081-7

Inhaltsverzeichnis
Vorwort						IX
Einleitung						XI
Die drei Säulen dieses Buches						XI
	Die Planung					XII
	Die Gestaltung					XIII
	Die Promotion					XIV
Die Planung						1
Regel Nr. 1 - Die Thematik						5
1.1	Der Dialog mit dem Kunden					5
	Die Funktion der Website - Definition einer Zielgruppe					7
	Die besonderen Features der Website					12
	Das spezifische Design					12
	Die inhaltliche Ausgestaltung					14
	Das Anlegen einer Sitemap					14
	Die Herkunft der Materialien					16
	Das Releasedatum					20
	Der finanzielle Rahmen					20
1.2	Zurück im Büro - Das Brainstorming					21
	Zusammenfassung					25
Regel Nr. 2 - Ein durchdachter Aufbau						27
2.1	Struktur des Standardtemplates					28
	Das Banner					28
	Das Menü					30
	Die Page					34
	Der Footer					36
2.2	Variationen von Templates					37
2.3	Kompatibilität und Marktanteile von Browsern					42
2.4	Die Bildschirmauflösung					44
2.5	Layouten mit Tabellen und Normierung der Darstellung					45
2.6	Normieren der Website durch CSS					47
2.7	Alternativtext und Hintergründe					52
2.8	No Frames					53
2.9	Wo platziere ich die Websiteelemente?					56
2.10	Exkurs: rechtliche Fragen zum Impressum					57
	Zusammenfassung					60
Regel Nr. 3 - Eine einfache Bedienung						61
3.1	Flash mit Bedacht					61
3.2	Optimiert für					62
3.3	Formulare mit Lebenslauf					64
	Zusammenfassung					65
Regel Nr. 4 - Nutze die Macht der Farben						67
4.1	Die Wirkung von Farben auf den Menschen					67
4.2	Jpg versus Gif					74
4.3	Qualität von Grafiken					76
	Zusammenfassung					79
Regel Nr. 5 - Verständliche Texte						81
	Nutzen für den Kunden					83
	Aussagekräftige Überschriften					83
	Schreiben Sie verständlich					83
	Kurz und reich an Illustrationen					84
	Weniger Links sind oft mehr					84
5.1	Lesbarkeit und Aufnahmefähigkeit					85
	Vergleich der Lesbarkeit					85
5.2	Fehler in der Typografie					87
	Falsche Anführungsstriche					88
	Falsche "Allgemeine Geschäftsbedingungen"					88
	Die Telefon- und Faxnummern					89
	Kontonummer und Bankleitzahl (BLZ)					89
	Auslassungspunkte					90
5.3	Typografie manuell					90
	Zusammenfassung					93
Die Gestaltung						95
Regel Nr. 6 - Innovation in Design und Layout						99
6.1 Sammeln von Inspirationen						99
6.2	Skalierung der Layoutvorlage					101
6.3	Fülloptionen und Ebeneneffekte in Photoshop					105
	Der plastische Button					105
	Motivverläufe und Übergänge					110
	Ein reales Gemälde					113
	Antialiasing					118
6.4	Erstellen und Anwenden von Brushes und Shapes					121
	Brushes					122
	Shapes					126
6.5	Effekte für professionelles Design					131
	Der Spiegeleffekt					131
	Der Glanzeffekt					134
	Der Reflexionseffekt					135
	Die animierte Silhouette					136
6.6	Das Interface - Ein Anwendungsbeispiel					142
	Das Banner					144
	Das Menü					154
	Die Animation					169
6.7	Slice-Werkzeuge und andere Hilfen					169
6.8	Makromania					171
	Das Set					172
	Die Funktionstaste					173
	Die Farbe					173
	Zusammenfassung					176
Die Promotion						177
Regel Nr. 7 - Abrunden mit Extras						181
7.1	Fehler 404 - Seite nicht gefunden					181
	Designen Sie eine Fehlermeldungsseite					182
	Erstellen Sie eine .htaccess-Datei					182
7.2	Das Favicon					184
7.3	Google-Search					185
7.4	Die Hintergrundgrafik platzieren					187
7.5	URL-Design					188
	Zusammenfassung					189
Regel Nr. 8 - Intensive Kontrolle						191
8.1	Eigenkontrolle					191
8.2	Die Fremdkontrolle					192
8.3	Der Browser-, Auflösungs- und Syntaxcheck					192
	Zusammenfassung					193
Regel Nr. 9 - Breit angelegte Promotion						195
9.1	Eintragung in Suchmaschinen					195
9.2	Metatags als PR-Antrieb					197
9.3	Suchmaschinenoptimierung von dynamischen Websites					201
9.4	Bannerwerbung und Co					205
	Als Werbender (Advertiser)					205
	Als Websiteinhaber (Publisher)					206
	Zusammenfassung					207
Übung macht den Meister: colspan="7">
Schlusswort						210
Anhang A						211
A.1	Beispiele für Kontaktdaten					213
A.2	Beispiele für Allgemeine Geschäftsbedingungen					215
A.3	Auszug aus den Unicodeblöcken					218
Bibliographie B						219
B.1	Buchempfehlungen					221
B.2	Informationen und Software im Internet					223
Quellenverzeichnis C						227
C.1	Studien					229
C.2	Abbildungen					231
Glossar D						233
Index E						241

Vorwort

Bücher über Webdesign füllen Regale. Zu Recht werden Sie jetzt fragen: Warum sollte man noch ein weiteres hinzufügen?

Viele Webdesigner verfügen zwar über ein umfangreiches Fachwissen im Bereich der Scriptsprachen, Datenbanksysteme und anderer technischer Fragen, sehen jedoch die Notwendigkeit, ihren bestehenden Kenntnisse in anderen Bereichen, wie z. B. der Gestaltung, der Usability und der Promotion, weiter auszubauen. Auf der Suche nach einem passenden Fachbuch stoßen sie allerdings auf zwei problematische Aspekte.

Einerseits findet man auf dem Markt eine Vielzahl von Büchern, die mit recht umfangreichen Ausführungen über HTML, Scriptsprachen und Grafikformaten im World Wide Web primär den Webdesigneinsteiger ansprechen und dadurch dem fortgeschrittenen Webdesigner keine neuen Informationen bieten. Andererseits gibt es ein breites Spektrum an spezialisierten Büchern zu den unterschiedlichsten Themen, die es dem Leser ermöglichen einen bestimmten Teilaspekt des Webdesign sehr genau zu betrachten. Ein Buch, das dem ambitionierten Webdesigner mit Hilfe von Praxistipps, wissenschaftlichen Studien und konkreten Gestaltungsbeispielen die Bereiche der Planung, Gestaltung und Promotion auf fortgeschrittenem Niveau näher bringt, war jedoch bisher schwer zu finden.

Primäres Ziel des "Webdesign-Praxisguide" ist es, diese Lücke zu füllen. Da bei dem angesprochenen Leserkreis sowohl Grundkenntnisse in Adobe Photoshop als auch Basiswissen rund um HTML, Grafikformate und Server vorausgesetzt werden können, wurde zugunsten der gewünschten Informationsschwerpunkte bewusst auf umfangreiche Grundlagen im Hinblick auf technische Fragen verzichtet.

Vielmehr wird dem Leser der gesamte Prozess einer professionellen Websiteentwicklung näher gebracht - von der Planung über das Layout bis zur Promotion - mit nützlichen Praxistipps, Tricks und anschaulichen Beispielen. Viele Sachverhalte werden in Bezug auf einen potentiellen Kunden dargestellt und behandelt und geben zahlreiche Einblicke in weitere interessante Aspekte des Webdesigns.

Ich wünsche Ihnen viel Spaß beim Lesen und viel Erfolg beim Webdesignen.

Philipp Gutheim