• Web 2.0 Praxis - AJAX, Newsfeeds, Blogs, Microformats

  Seite 0

• + Inhaltsverzeichnis

  Seite 5

  • 1 Einführung und Vorbereitung

    Seite 5

  • 2 Zum warm werden ...

    Seite 5

  • 3 Semantisches Web für Praktiker: Microformats

    Seite 5

  • 4 Newsfeeds und Podcasts

    Seite 6

  • 5 Eins – zwei – Blog!

    Seite 7

  • 6 Kein Held und kein Putzmittel, aber überzeugend: AJAX

    Seite 7

  • 7 Arbeitserleichterung: Frameworks für AJAX

    Seite 8

  • 8 APIs – zum Beispiel Google Maps

    Seite 8

  • A Inhalte der CD im Überblick

    Seite 8

  • Stichwortverzeichnis

    Seite 8

• + 1 Einführung und Vorbereitung

  Seite 9

  • + 1.1 Web 2.0

    Seite 9

    • 1.1.1 Das Mitmach-Web

      Seite 10

    • 1.1.2 Web 2.0-Begriffe: Tags, Folksonomy und mehr

      Seite 15

    • 1.1.3 Eine neue Sprache für das Web 2.0 – AJAX

      Seite 18

    • 1.1.4 Kritik (und Würdigung!) des Begriffs Web 2.0

      Seite 18

  • 1.2 Das erwartet Sie

    Seite 22

  • + 1.3 Vorbereitung

    Seite 23

    • 1.3.1 XAMPP für Windows installieren

      Seite 25

    • 1.3.2 XAMPP für Linux

      Seite 26

    • 1.3.3 XAMPP für Mac OS

      Seite 27

    • 1.3.4 XAMPP benutzen

      Seite 27

• + 2 Zum warm werden ...

  Seite 31

  • + 2.1 Bunte Buttons oder: mehr Popularität für IhreWebsite

    Seite 31

    • 2.1.1 Seite zu del.icio.us hinzufügen

      Seite 31

    • 2.1.2 Seite bei Mister Wong speichern

      Seite 35

    • 2.1.3 Social Content-Webseiten: digg und Y!GG.de

      Seite 36

    • 2.1.4 Noch mehr Buttons

      Seite 39

    • 2.1.5 Button oder nicht Button – das ist hier die Frage

      Seite 41

  • 2.2 Schlagwörter darstellen über Tag-Clouds

    Seite 42

  • 2.3 Ein eigenes Design fürs Web 2.0?

    Seite 45

  • 2.4 Ning-Dynastie: selbst eine Community aufziehen mit ein paar Mausklicks

    Seite 49

• + 3 Semantisches Web für Praktiker: Microformats

  Seite 57

  • 3.1 Microformatierte Inhalte

    Seite 57

  • 3.2 Tools für Microformats

    Seite 61

  • + 3.3 Einfache Microformats: Lizenzen, Beziehungen und mehr

    Seite 65

    • 3.3.1 Lizenzen

      Seite 65

    • 3.3.2 Microformat für Tags

      Seite 66

    • 3.3.3 Abstimmungen: VoteLinks

      Seite 67

    • 3.3.4 Beziehungen ausdrücken über XFN – XHTML Friends Network

      Seite 67

    • 3.3.5 nofollow und die Folgen

      Seite 70

  • + 3.4 Komplexe Microformats: Termine und Kontaktdaten

    Seite 70

    • 3.4.1 Termine und Veranstaltungen: hCalendar

      Seite 71

    • 3.4.2 hCard – Kontaktdaten

      Seite 73

    • 3.4.3 Koordinaten von Adressen: geo

      Seite 76

  • 3.5 Hübsch formatierte feine Formate: Microformatsmit CSS gestalten

    Seite 78

  • 3.6 Microformats – Vor- und Nachteile

    Seite 80

• + 4 Newsfeeds und Podcasts

  Seite 81

  • + 4.1 Newsfeeds für Surfer

    Seite 81

    • 4.1.1 Einsatzgebiete von Newsfeeds

      Seite 82

    • 4.1.2 Newsfeeds lesen und abonnieren

      Seite 84

  • + 4.2 Newsfeeds für Techniker

    Seite 88

    • 4.2.1 XML – die Technik dahinter vorweg

      Seite 88

    • 4.2.2 Eine Formatfrage: RSS, RSS und Atom

      Seite 91

    • 4.2.3 RSS 2.0

      Seite 93

    • 4.2.4 Mehr Metadaten: RSS 1.0

      Seite 99

    • 4.2.5 Der neue Standard Atom

      Seite 101

    • 4.2.6 OPML – Austauschformat für Newsfeed-Listen

      Seite 103

    • 4.2.7 Verbreitung der einzelnen Formate

      Seite 104

    • 4.2.8 Feeds prüfen

      Seite 104

  • + 4.3 Newsfeeds erstellen

    Seite 106

    • 4.3.1 Newsfeed per CMS oder Blog

      Seite 106

    • 4.3.2 Newsfeed per Online-Formular

      Seite 107

    • 4.3.3 Newsfeed per Browser-Erweiterung

      Seite 107

    • 4.3.4 Newsfeeds per Skript

      Seite 108

    • 4.3.5 Newsfeed von Online-Diensten

      Seite 110

    • 4.3.6 Selber zusammenmischen: Mashup mit Yahoo Pipes

      Seite 110

    • 4.3.7 Editoren für Newsfeeds

      Seite 114

  • + 4.4 Newsfeeds bekannt machen

    Seite 114

    • 4.4.1 link im head-Bereich für die automatische Indexierung

      Seite 114

    • 4.4.2 Hyperlink für die Surfer

      Seite 115

    • 4.4.3 Anmeldung bei großen Newsfeeds-Verzeichnissen

      Seite 117

  • + 4.5 Newsfeeds von anderen Seiten einbinden

    Seite 119

    • 4.5.1 Newsfeeds einbinden mit MagpieRSS

      Seite 119

  • + 4.6 Podcasting

    Seite 123

    • 4.6.1 Podcasts anhören

      Seite 124

    • 4.6.2 Selbst podcasten

      Seite 125

• + 5 Eins – zwei – Blog!

  Seite 129

  • 5.1 Blogs und Blogger in der Blogosphäre oder: wenn die Hürden fallen

    Seite 129

  • + 5.2 Blog-spezifisch: Stöckchen, Trackback, Permalinks und Konsorten

    Seite 133

    • 5.2.1 Permalink

      Seite 133

    • 5.2.2 Stöckchen zuwerfen

      Seite 134

    • 5.2.3 Trackback/Pingback

      Seite 134

    • 5.2.4 Blogroll

      Seite 135

    • 5.2.5 Ping

      Seite 136

    • 5.2.6 Backend und Frontend

      Seite 136

  • 5.3 Blog-Technik

    Seite 137

  • 5.4 Bloggen bei Blogger

    Seite 138

  • + 5.5 Wordpress

    Seite 142

    • 5.5.1 Installation von Wordpress

      Seite 143

    • 5.5.2 Beiträge verfassen

      Seite 148

    • 5.5.3 Beiträge bearbeiten oder löschen

      Seite 151

    • 5.5.4 Bilder einfügen

      Seite 152

    • 5.5.5 Nützliche Optionen für Beiträge

      Seite 155

    • 5.5.6 Statische Informationen in Seiten unterbringen

      Seite 156

    • 5.5.7 Sag mir, wen du liest ...

      Seite 156

    • 5.5.8 Blog konfigurieren

      Seite 158

    • 5.5.9 Übersicht über die weiteren Funktionen

      Seite 160

    • 5.5.10 Wordpress mit zusätzlichen Funktionen ausstatten über Plugins

      Seite 162

    • 5.5.11 Fotos aus Flickr einbinden

      Seite 166

    • 5.5.12 Podcasting mit Wordpress

      Seite 169

    • 5.5.13 Mehr als pure Optik: Theme suchen und installieren

      Seite 171

    • 5.5.14 Wordpress aktualisieren

      Seite 178

• + 6 Kein Held und kein Putzmittel, aber überzeugend: AJAX

  Seite 183

  • 6.1 AJAXifiziert!

    Seite 183

  • + 6.2 AJAX-Programmierung

    Seite 189

    • 6.2.1 Noch ein Blick zurück – die klassische Formularverarbeitung

      Seite 190

    • 6.2.2 JavaScript-Code einbinden

      Seite 193

    • 6.2.3 HTTP-Grundlagen

      Seite 194

    • 6.2.4 Und jetzt das Ganze mit AJAX, bitte!

      Seite 196

    • 6.2.5 XMLHttpRequest-Objekt erstellen

      Seite 198

    • 6.2.6 Ab die POST

      Seite 208

    • 6.2.7 XML-Daten verwenden

      Seite 209

    • 6.2.8 Cache-Probleme

      Seite 214

    • 6.2.9 JSON

      Seite 215

    • 6.2.10 XMLHttpRequest – Methoden und Eigenschaften im Überblick

      Seite 218

  • 6.3 Fehler aufspüren

    Seite 219

  • + 6.4 AJAX – Nachteile und Probleme

    Seite 222

    • 6.4.1 Deaktiviertes JavaScript

      Seite 222

    • 6.4.2 Polling-Problem

      Seite 223

    • 6.4.3 AJAX und Barrierefreiheit

      Seite 223

    • 6.4.4 Zurück-Button und Lesezeichen

      Seite 224

    • 6.4.5 AJAX und Usability

      Seite 224

• + 7 Arbeitserleichterung: Frameworks für AJAX

  Seite 227

  • + 7.1 Am Anfang war Prototype

    Seite 227

    • 7.1.1 Grußkarte à la Prototype

      Seite 228

    • 7.1.2 Inhalte aktualisieren: Feedreader mit Prototype

      Seite 232

  • + 7.2 Script.aculo.us

    Seite 235

    • 7.2.1 Sortierbare Liste mit Script.aculo.us

      Seite 236

    • 7.2.2 Vorschlagsliste mit Script.aculo.us

      Seite 242

    • 7.2.3 Effekte, Effekte, Effekte

      Seite 248

  • 7.3 Mehr Frameworks

    Seite 251

• + 8 APIs – zum Beispiel Google Maps

  Seite 255

  • 8.1 Google macht Spaß – Assistenten für Karten, Seitenleisten mit aktuellen News und mehr

    Seite 255

  • + 8.2 Google Maps API verwenden

    Seite 258

    • 8.2.1 Bedienelemente

      Seite 261

    • 8.2.2 Stecknadeln und Info-Sprechblase

      Seite 263

    • 8.2.3 Info-Sprechblase mit zwei Tabs

      Seite 265

    • 8.2.4 Mehr Marker ... und Flickr!

      Seite 267

    • 8.2.5 Verbindungslinien

      Seite 269

    • 8.2.6 Andere Icons

      Seite 271

  • 8.3 Mehr APIs!

    Seite 272

• A Inhalte der CD im Überblick

  Seite 273

• + Stichwortverzeichnis

  Seite 275

  • A

    Seite 275

  • B

    Seite 276

  • C

    Seite 276

  • D

    Seite 277

  • E

    Seite 277

  • F

    Seite 278

  • G

    Seite 278

  • H

    Seite 279

  • I

    Seite 280

  • J

    Seite 280

  • K

    Seite 281

  • L

    Seite 281

  • M

    Seite 281

  • N

    Seite 282

  • O

    Seite 282

  • P

    Seite 282

  • R

    Seite 283

  • S

    Seite 284

  • T

    Seite 285

  • U

    Seite 286

  • V

    Seite 286

  • W

    Seite 286

  • X

    Seite 287

  • Y

    Seite 00

  • Z

    Seite 00

Web 2.0 - hinter diesem schillernden Begriff steckt nicht zuletzt eine Reihe von schicken Techniken, und wie Sie diese in Ihrer Homepage praktisch anwenden, erfahren Sie in diesem Buch. Sie fragen sich, wie man ein eigenes Blog betreibt? Was eigentlich genau hinter AJAX steckt und wie man es einsetzt? Wie Sie Inhalte per Newsfeed verbreiten koennen? Oder wie sich individuell angepasste Landkarten oder Stadtplaene in die Homepage integrieren lassen? Dazu und zu vielen weiteren Fragen rund ums Web 2.0 finden Sie in diesem Buch fundierte Antworten mit praxisorientierten Anwendungsmoeglichkeiten.