Vitaly Friedman

Praxisbuch Web 2.0

Moderne Webseiten programmieren und gestalten

• Gebundenes Buch

Produktbeschreibung

Dieses Buch bietet Ihnen eine umfassende und praxisorientierte Darstellung der Designtrends und Techniken des Web 2.0. Von der charakteristischen Seiten-, Text- und Farbgestaltung über Barrierefreiheit und Usability bis hin zum Einsatz von AJAX, Mashups, Wikis, Blogs und Podcasts - mit diesem Buch lernen Sie, was eine Web 2.0-Site ausmacht und wie Sie diese selbst entwerfen und umsetzen können. Zahlreiche Schritt-für-Schritt-Anleitungen - etwa zur Erstellung von grafischen Elementen mit Photoshop oder zur Umsetzung eines CSS-Layouts - unterstützen Einsteiger und Profis bei der Gestaltung einzelner Elemente oder vollständiger Web 2.0-Sites.

Aus dem Inhalt:

- Web 2.0-Trends
- Das Web im neuen Gewand
- Designkultur Web 2.0
- Web 2.0-Seitengestaltung
- Text- Farbgestaltung Web 2.0
- Navigation, Tabellen Listen
- Schaltflächen, Formulare
- Accessibility, Usability
- CSS-Layouts Browserkompatibilität
- Web 2.0-Programmierung
- Ajax
- Microformats
- Mashups
- Web 2.0-Publishing
- Screencasts Podcasts
- Wikis Blogs

Besonderheit:
Web 2.0-Design verstehen und umsetzen

CSS-Layouts, AJAX, Barrierefreiheit

Typografie und Farbgestaltung

Produktdetails

• Verlag: Galileo Press
• Deutsch
• ISBN-13: 9783836210874
• ISBN-10: 3836210878
• Artikelnr.: 22791370

Autorenporträt

Vitaly Friedman ist Entwickler und Designer für barrierefreie und benutzerfreundliche Webseiten. Zudem ist er Redakteur des Online-Magazins "Smashingmagazine.com", das zu den weltweit populärsten Online-Magazinen für Webdesign zählt.

Inhaltsangabe

1 Das Web im neuen Gewand 31
1.1 Web 2.0 - wie neu ist das neue Web? 31
1.2 Neue Möglichkeiten und neue Konzepte 36
1.3 Die Nutzer des Web 2.0 56
1.4 Web 2.0 in Deutschland 60
1.5 Ressourcen 65

2 Designkultur Web 2.0 67
2.1 Seitenstrukturen 68
2.2 Grafische Ansätze 73
2.3 Webtypografie 79
2.4 Seitenelemente 82
2.5 Neue Konzepte 86
2.6 Zusammenfassung 91

3 Textgestaltung 95
3.1 Was ist Webtypografie? 95
3.2 Grundlagen der Webtypografie 101
3.3 Neue Techniken der Webtypografie 128
3.4 Schriftart auswählen 142
3.5 Praxisbeispiel 146
3.6 Unkonventionelle Schriftarten 154
3.7 Ein Blick über den Tellerrand 156
3.8 Zusammenfassung 158
3.9 Ressourcen 160

4 Farbgestaltung Web 2.0 163
4.1 Grundlagen der Farben- und Harmonielehre 165
4.2 Farbtheorie in der Praxis 176
4.3 RGB und CMYK in der Praxis 178
4.4 Farbpalette im Web 2.0 179
4.5 Werkzeuge für die Farbauswahl 186
4.6 Ton der Komposition 190
4.7 Bestimmung von Harmonien 193
4.8 Helles Design - Praxisbeispiel 194
4.9 Dunkles Design - Praxisbeispiel 208
4.10 Zusammenfassung 217
4.11 Ressourcen 219

5 Navigation 221
5.1 Navigationselemente entwerfen 221
5.2 CSS-basierte Ansätze 228
5.3 Register ansprechend gestalten 242
5.4 Photoshop-Techniken 269
5.5 Tag-Clouds 285
5.6 Favicons 288
5.7 Ressourcen 291

6 Listen und Tabellen 295
6.1 Tabellen und Listen im Web 2.0 295
6.2 Listen 296
6.3 Tabellen 309
6.4 Ressourcen 324

7 Schaltflächen 327
7.1 Einfache Schaltfläche 328
7.2 Glänzende Schaltfläche im Aqua-Look 333
7.3 Glänzende 3D-Schaltfläche 339
7.4 Refl exion 343
7.5 Schatteneffekt 346
7.6 Schaltfläche mit 3D-Objekt 351
7.7 Ressourcen 354

8 Formulare 357
8.1 XHTML-Markup für Formulare - Grundlagen 358
8.2 Formularfelder mit CSS gestalten 364
8.3 Formulare und Usability 393
8.4 Ressourcen 398

9 Barrierefreiheit und Usability 401
9.1 Prinzipien der Barrierefreiheit 402
9.2 Barrierefreie Seitengestaltung 408
9.3 Prinzipien der Benutzerfreundlichkeit 425
9.4 Verhaltensmuster der Benutzer 427
9.5 Usability-Heuristiken 433
9.6 Barrierefreiheit und Benutzer freundlichkeit testen 437
9.7 Ressourcen 441

10 Web 2.0-Layouts mit CSS umsetzen 445
10.1 Block- und Inline-Elemente 446
10.2 Das CSS Box-Modell 450
10.3 Die float-Theorie 457
10.4 Relative und absolute Positionierung 484
10.5 Auswahl des Layouts - fest, flüssig oder elastisch? 507
10.6 Umsetzung eines Web 2.0-Entwurfs 524
10.7 Ressourcen 539

11 Browserkompatibilität 541
11.1 Umgang mit Inkonsistenzen 542
11.2 Browserweichen für den Internet Explorer 548
11.3 Kompatibilitätstabellen 563
11.4 Ressourcen 566

12 Ajax 571
12.1 Ajax-Anwendungen in der Praxis 572
12.2 Klassisches Modell und Ajax-Modell 576
12.3 Architektur von Ajax 579
12.4 Ajax-Bibliotheken und Frameworks 597
12.5 Nachteile von Ajax 600
12.6 Ressourcen 602

13 Mikroformate 603
13.1 Was sind Mikroformate? 605
13.2 Mikroformate im Überblick 606
13.3 Mikroformate im Einsatz 607
13.4 Visitenkarte als hCard 609
13.5 Mikroformate kombinieren 612
13.6 Zusammenfassung 613
13.7 Ressourcen 613

14 Mashups 615
14.1 Was sind Mashups? 616
14.2 Feeds im Einsatz 617
14.3 Widgets 621
14.4 Web Scraping 624
14.5 Zugriff auf APIs 625
14.6 Zusammenfassung 628

15 Podcasts, Vidcasts & Screencasts 631
15.1 Was ist Podcasting? 632
15.2 Möglichkeiten des Podcastings 633
15.3 Podcasts produzieren 633
15.4 Zusammenfassung 641

16 Wikis 643
16.1 Was ist ein Wiki? 644
16.2 Wiki-Engines in der Übersicht 646
16.3 Installation einer Wiki-Engine - MediaWiki 649
16.4 Zusammenfassung 653

17 Weblogs 655
17.1 Was sind Weblogs? 656
17.2 Weblog-Engines in der Übersicht 658
17.3 WordPress-Theme entwerfen 665
17.4 Weblogs: Strategie zum Erfolg 680
17.5 Zusammenfassung 685

18 Schlusswort 687
18.1 Das mobile Web wird zum Standard 689
18.2 Das Web als Interactive Pool 690
18.3 Einheitliche Identität und das Web als Betriebssystem 690

Index 693

Rezensionen

"Man erhält ein umfassendes Nachschlagewerk mit allem, was man heute wissen muss. Wer so etwas noch nicht in seinem Regal hat, sollte sich das Buch kaufen." barrierekompass.de, 2008