Das Website-Handbuch - Programmierung und Design

Auf einen Blick

Inhaltsverzeichnis

Vorwort

Teil I Grundlagen

1 Das Web

1.1 Historie

1.1.1 Das Web

1.2 Technologie und Begriffe

1.2.1 Client und Server

1.2.2 Domains, URLs und IP-Adressen

1.2.3 HTTP im Hintergrund

1.2.4 HTML

1.2.5 CSS

1.2.6 JavaScript

1.2.7 Flash

1.2.8 Serverseitige Technologien

1.2.9 XML-Universum

2 Browser

2.1 Internet Explorer

2.1.1 Mehrere IE-Versionen

2.1.2 Webdesign mit dem IE

2.2 Mozilla und Konsorten

2.2.1 Firefox

2.2.2 Camino

2.2.3 Netscape Navigator

2.3 Opera

2.4 Konqueror

2.5 Safari

2.6 Epiphany

2.7 Lynx

3 Gestaltungsgrundlagen

3.1 Warum eine Website?

3.2 Zielgruppe

3.3 Der Einsatz von Technologien

3.4 Usability

3.4.1 Navigation

3.4.2 Animation und Bewegung

3.4.3 Sound

3.4.4 Video

3.4.5 Usability testen

3.4.6 Kundenservice

3.5 Projektmanagement

3.5.1 Was?

3.5.2 Wie?

3.5.3 Wer - Ressourcenplanung?

3.5.4 Unterstützende Instrumente

3.5.5 Wie lief es?

3.5.6 Kosten-Nutzen-Analyse

Teil II Seiten erstellen

4 HTML und CSS

4.1 Sprachen fürs Web: HTML, XHTML und CSS

4.2 (X)HTML-Grundlagen

4.2.1 (X)HTML-Grundgerüst

4.2.2 Dokumenttypangaben

4.2.3 Kommentare

4.2.4 Zeichensätze, Sonderzeichen und Kodierung

4.3 Text über (X)HTML strukturieren

4.3.1 Absätze und Zeilenumbrüche

4.3.2 Überschriften

4.3.3 Aufzählungen und nummerierte Listen

4.3.4 Weitere Elemente zur Textstrukturierung

4.3.5 (X)HTML zur Text- und Absatzformatierung

4.3.6 Inline- und Blockelemente

4.3.7 Fehlertoleranz der Browser

4.3.8 Universalattribute

4.4 Unterschiede zwischen HTML und XHTML

4.4.1 XML-Deklaration

4.4.2 Dokumenttypangabe

4.4.3 Namensraumangabe

4.4.4 Kleinschreibung für Elemente und Attribute

4.4.5 Kein Tag ohne End-Tag

4.4.6 Korrekte Schachtelung

4.4.7 Jedes Attribut muss aus Attributnamen und Attributwert bestehen

4.4.8 Attributwerte in Anführungszeichen

4.4.9 name- und id-Attribute

4.4.10 MIME-Typ

4.4.11 Script- und Style-Bereiche

4.5 CSS - Cascading Stylesheets zur Gestaltung von (X)HTML-Dokumenten

4.5.1 Eigenschaften und Werte

4.5.2 Einbinden von CSS

4.5.3 Selektoren

4.5.4 Pseudoelemente und -klassen

4.5.5 Vererbung

4.5.6 Priorität

4.5.7 Farbangaben in CSS

4.5.8 Maßeinheiten für Längenangaben

4.5.9 Textformatierungen über CSS

4.5.10 Boxmodell

4.5.11 Abweichende Interpretation des Boxmodells durch den Internet Explorer

4.6 Verlinkungen

4.6.1 Verlinkungen innerhalb eines Projekts

4.6.2 Verlinkungen an eine bestimmte Stelle innerhalb einer Datei

4.6.3 Links auf andere/externe Adressen

4.6.4 Linkziel definieren

4.6.5 Links auf E-Mail-Adressen

4.6.6 Pfadangaben

4.6.7 Links formatieren

4.7 Grafiken und andere Multimedia-Elemente einbinden in (X)HTML und CSS

4.7.1 Bildformate im Internet

4.7.2 Bilder einbinden

4.7.3 Bilder im Hintergrund

4.7.4 Verweissensitive Grafiken: Imagemaps

4.7.5 Andere Multimedia-Elemente einbinden

4.8 Tabellen

4.8.1 Aufbau von Tabellen

4.8.2 Weiterführende Tabellentechniken

4.8.3 Gitternetzlinien

4.8.4 Weitere Gestaltung von Tabellen

4.9 Formulare

4.9.1 Grundsätzliche Optionen für Formulare

4.9.2 Formularelemente

4.9.3 Formulare formatieren über CSS

4.10 Frames

4.10.1 Grundlegender Aufbau von Frameseiten

4.10.2 Frames und Links

4.10.3 Aussehen von Frames bestimmen

4.10.4 Eingebettete Frames: Iframes

4.10.5 Für und Wider Frames

4.11 Metaangaben

4.11.1 Nützliche Informationen für den Webserver

4.11.2 Zugriff durch die Suchmaschinen steuern

4.11.3 Informationen über das Dokument angeben

4.12 Fortgeschrittene CSS-Techniken

4.12.1 Elemente über CSS positionieren und anordnen

4.12.2 Browserweichen

4.12.3 Stylesheets für unterschiedliche Ausgabemedien

4.13 Seitengestaltung

4.13.1 Seitengestaltung über CSS

4.13.2 Seitengestaltung über Tabellen

4.14 Validieren von CSS und (X)HTML

4.15 Was die Zukunft bringt

5 JavaScript & AJAX

5.1 Grundlagen

5.1.1 Einbindung in HTML

5.1.2 Kommentare

5.1.3 Variablen

5.2 Operatoren

5.2.1 Arithmetische Operatoren

5.2.2 Boolesche Operatoren

5.2.3 Vergleichsoperatoren

5.3 Kontrollstrukturen

5.3.1 if-Anweisung

5.3.2 switch-Anweisung

5.3.3 for-Schleife

5.3.4 while-Schleife

5.3.5 do-while-Schleife

5.3.6 Arrays

5.4 Fehlersuche

5.5 Funktionen

5.5.1 Eigene Funktion erstellen

5.6 Objekte und Objektorientierung

5.7 Navigation

5.7.1 Rollover-Effekt

5.7.2 Seiten in einem neuen Fenster öffnen

5.7.3 In Frames navigieren

5.8 Formulare

5.8.1 Vollständigkeitsüberprüfung

5.8.2 Ereignisse für Formularelemente

5.9 Browserunabhängig programmieren

5.9.1 Kommentare

5.9.2 <noscript>

5.9.3 Verschiedene JavaScript-Versionen

5.9.4 Browser unterscheiden

5.10 Weitere Anwendungen

5.10.1 History

5.10.2 Bestätigungsfenster

5.10.3 Datum und Uhrzeit

5.10.4 Statusleiste

5.10.5 Drucken

5.11 DHTML-Grundlagen

5.11.1 Netscape 4

5.11.2 Internet Explorer 4 und höher

5.11.3 Das Document Object Model (DOM)

5.12 DTHML-Praxisanwendungen

5.12.1 Text verändern

5.12.2 Animation

5.12.3 CSS manipulieren

5.12.4 Dynamischer Mauszeiger

5.13 Ajax

5.13.1 Ajax-Grundlagen

5.13.2 Glossar mit Ajax

6 Editoren

6.1 WYSIWYG oder Text?

6.2 WYSIWYG-Editoren

6.2.1 Dreamweaver

6.2.2 Frontpage

6.2.3 GoLive

6.2.4 nvu

6.3 Texteditoren

6.3.1 NoteTab

6.3.2 phase5

6.3.3 UltraEdit

6.4 PHP-Editoren

6.4.1 Maguma Workbench

6.4.2 PHPEdit

6.4.3 Weaverslave

6.4.4 Zend Studio

7 Newsfeeds

7.1 Tools zum Lesen von Newsfeeds

7.1.1 Browser/Mailclients

7.1.2 Standalone-Reader

7.1.3 Online-Reader

7.2 Formate für Newsfeeds

7.2.1 RSS und Atom als XML-Formate

7.2.2 Überblick über die Formate für Newsfeeds

7.2.3 RSS 2.0 genauer beleuchtet

7.2.4 Multimediadaten in RSS 2.0 integrieren

7.2.5 Erweiterung von RSS 2.0 durch Module

7.2.6 Mehr Metadaten: RSS 1.0

7.2.7 Atom als neue Alternative

7.2.8 Newsfeeds validieren

7.2.9 Welche Version von RSS verwenden?

7.3 Newsfeeds erstellen

7.3.1 Newsfeed per Online-Formular

7.3.2 Per Skript

7.4 Newsfeeds bekannt machen

7.4.1 Link auf der Seite für die automatische Indizierung

7.4.2 Hyperlink für die Surfer

7.4.3 Anmeldung bei großen Newsfeeds-Verzeichnissen

7.5 Newsfeeds von anderen Seiten integrieren

7.5.1 Newsfeeds einbinden mit Magpie

7.5.2 Newsfeeds einbinden mit RSS XPress

Teil III Design

8 Photoshop Elements

8.1 Bilder im Web

8.1.1 Monitore, Auflösungen und Farbräume

8.1.2 Grafikformate für das Web - Bilder speichern

8.1.3 Bildgröße und Auflösung ändern

8.1.4 Bilder beschneiden und transformieren

8.1.5 Bilder verwalten

8.2 Fotos korrigieren

8.2.1 Zu dunkel?

8.2.2 Zu hell?

8.2.3 Zu flau?

8.2.4 Unscharf?

8.2.5 Farbstiche

8.2.6 Rote Augen

8.2.7 Schadhafte Stellen

8.3 Text gestalten

8.4 Schaltflächen

8.5 GIF-Animationen

8.6 HTML-Fotogalerie

8.7 Imagemaps

9 Flash

9.1 Versionen und Entscheidungen

9.2 Grundbegriffe

9.2.1 Dateiarten

9.2.2 Veröffentlichen und Testen

9.2.3 Oberfläche und Bühne

9.2.4 Animationsumgebung

9.2.5 Symbole und Instanzen

9.2.6 Text

9.2.7 Mehr Elemente

9.3 Werkzeuge, Bedienfelder und Symbolleisten

9.3.1 Die Werkzeuge

9.3.2 Bedienfelder und Symbolleisten

9.4 Animieren

9.4.1 Vorbereitungen

9.4.2 Tweening

9.5 ActionScript

9.5.1 Verhalten

9.5.2 Aktionen-Bedienfeld

9.5.3 Grundlagen

9.5.4 Filmsteuerung

9.5.5 Mit dem Server kommunizieren

Teil IV Programmierung

10 PHP

10.1 Vorbereitungen

10.2 Allgemeines

10.2.1 Hilfe & Support

10.2.2 Geschichte

10.3 Spracheinführung

10.3.1 PHP-Code einbauen

10.3.2 Textausgabe

10.3.3 Kommentare

10.3.4 Variablen

10.3.5 Variablentypen

10.3.6 Operatoren

10.3.7 Kontrollstrukturen

10.3.8 Arrays

10.3.9 Eigene Funktionen

10.4 Datumsfunktionen

10.5 Formularzugriff

10.5.1 Zugriff

10.5.2 Formulareingaben ausgeben

10.5.3 Vollständigkeitsüberprüfung

10.5.4 E-Mail-Versand

10.5.5 File-Upload

10.6 Dateizugriff

10.6.1 Aus Dateien lesen

10.6.2 In Dateien schreiben

10.6.3 Beispiel

10.7 Cookies

10.7.1 Allgemeines

10.7.2 Cookies setzen

10.7.3 Cookies auslesen

10.7.4 Cookies löschen

10.7.5 Beispiel

10.8 Sessions

11 Datenbanken mit PHP

11.1 SQL

11.1.1 Begrifflichkeiten

11.1.2 Datenbanken

11.1.3 Tabellen erstellen

11.1.4 Daten einfügen

11.1.5 Daten abfragen

11.1.6 Daten verändern

11.1.7 Daten löschen

11.2 MySQL

11.2.1 Daten einfügen

11.2.2 Daten auslesen

11.2.3 Daten aktualisieren

11.3 MS SQL

11.3.1 Daten einfügen

11.3.2 Daten auslesen

11.3.3 Daten aktualisieren

11.4 SQLite

11.4.1 Daten einfügen

11.4.2 Daten auslesen

11.4.3 Daten aktualisieren

12 ASP.NET 2.0

12.1 Voraussetzungen und Installation

12.1.1 Die Express Editions

12.1.2 Eine neue Website anlegen

12.2 Spracheinführung

12.2.1 HTML Controls

12.2.2 Kommentare

12.2.3 Variablen

12.2.4 Operatoren

12.2.5 Kontrollstrukturen

12.2.6 Arrays

12.2.7 Eigene Funktionen

12.3 Datumswerte

12.4 Formularzugriff

12.4.1 Zugriff

12.4.2 Formulareingaben ausgeben

12.4.3 Vollständigkeitsüberprüfung

12.4.4 E-Mail-Versand

12.5 Cookies

12.5.1 Allgemeines

12.5.2 Cookies setzen

12.5.3 Cookies auslesen

12.5.4 Cookies löschen

12.5.5 Beispiel

12.5.6 Sessions

12.6 Neuerungen in ASP.NET 2.0

12.6.1 Masterseiten

12.6.2 Navigationshilfen

12.6.3 ASP.NET und Datenbanken

12.6.4 Login (und Logout)

12.6.5 Fazit

13 Hackerschutz

13.1 Sicheres System

13.1.1 Bedrohungen

13.1.2 Lokal

13.1.3 Beim Hoster

13.1.4 CMS, Blogs etc.

13.2 Sichere Programmierung

13.2.1 Benutzereingaben

13.2.2 Grundlegende Fehler

13.2.3 XSS

13.2.4 SQL-Injection

13.3 Fazit

Teil V Finetuning

14 Suchmaschinenoptimierung

14.1 Hartnäckige Mythen

14.2 Kennzahlen

14.3 Suchdienste im Web

14.4 So listen Suchmaschinen die Ergebnisse

14.4.1 Relevanz

14.4.2 Der HTML-Code wird zerlegt

14.4.3 Link Popularity

14.4.4 Google PageRank

14.4.5 Linktexte

14.5 Die Optimierung durchführen

14.5.1 Auf die Ziele kommt es an

14.5.2 Keywords auswählen

14.5.3 Website-Struktur

14.5.4 Eine HTML-Seite optimieren

14.5.5 Die Verlinkung verbessern

14.5.6 Suchmaschineneintrag

14.5.7 Der richtige Einsatz von Domainnamen

14.6 Die Tücken der Technik

14.6.1 JavaScript und Flash

14.6.2 Frames

14.6.3 Umbau der Website - Weiterleitungen

14.6.4 Dynamische Seiten - URL-Parameter

14.6.5 Die Geheimnisse der robots.txt-Datei

14.6.6 Unfreiwilliger Spam

14.7 Pay-per-Click-Werbung

14.7.1 Funktionsweise

14.7.2 Anbieter

14.8 Informationen im Web

14.8.1 Allgemeine Informationen rund um Suchmaschinen

14.8.2 Keyword-Tools

15 Affiliate-Programme

15.1 Affiliate-Programme - Grundlegendes

15.1.1 Vorteile für den Advertiser

15.1.2 Vorteile für den Partner

15.1.3 Vorteile für die Besucher

15.1.4 Entscheidung für die Teilnahme an einem Affiliate-Programm

15.2 Anmeldung bei einem Partnernetzwerk

15.3 Abrechnungseinheiten

15.3.1 Ad-Views/Pay-per-View

15.3.2 Ad-Clicks/Pay-per-Click

15.3.3 Ad-Lead/Pay-per-Lead

15.3.4 Ad-Sales/Pay-per-Sale

15.3.5 Weitere Abrechnungseinheiten

15.3.6 Abrechnungszeitraum

15.3.7 Gestaffelte Vergütung

15.3.8 Kalkulation des Verdienstes

15.4 Werbemedien

15.4.1 Grafische Werbemittel/Banner

15.4.2 Interaktive Elemente

15.4.3 Textlinks

15.4.4 Deeplinks

15.4.5 Popups, Popunders und Exitfenster

15.4.6 Rich Media Ad

15.4.7 Mikrosites

15.4.8 Automatisch aktuell

15.5 Das richtige Affiliate-Programm für Ihre Website

15.6 So werden Sie erfolgreich ... ein paar Tipps

15.7 Prominente Beispiele und bekannte Netzwerke

15.7.1 Google AdSense

15.7.2 Bekannte Affiliate-Netzwerke

16 Weblogs

16.1 Grundlagen

16.2 Serendipity

16.2.1 Installation

16.2.2 Bedienung

16.3 WordPress

16.3.1 Installation

16.3.2 Bedienung

17 Content-Management- Systeme

17.1 Begriffe und Konzepte

17.1.1 Frontend und Backend

17.1.2 Templates

17.1.3 Portale

17.1.4 Intranet und Extranet

17.1.5 Redaktionssysteme und Workflow

17.1.6 Patchen und Sicherheit

17.2 Systeme

17.2.1 Open-Source-CMS

17.2.2 Enterprise CMS

17.3 Typo3

17.3.1 Installation

17.3.2 Erste Website

17.3.3 Templates

17.3.4 Benutzer

17.3.5 Erweiterungen

18 Barrierefreiheit

18.1 Hilfsmittel

18.2 Alternativen für grafische und andere Multimediainhalte

18.3 Farben

18.4 Korrekter Einsatz von (X)HTML und CSS

18.5 Skalierbarkeit

18.6 Kennzeichnung der verwendeten Sprache, Auflösung von Abkürzungen und sinnvolle Linktexte

18.7 Verständlichkeit und Usability

18.8 Steuerbarkeit bei dynamischen Inhalten oder neuen Fenstern

18.9 Tabellen und Frames

18.10 Barrierefreier Einsatz von JavaScript

18.11 Navigationshilfen oder -hürden: Acesskeys und Tabindex

18.12 Prüfprogramme, Hilfsmittel und weitere Quellen

18.12.1 Browsererweiterungen

18.12.2 ADesigner von IBM

18.12.3 Online-Prüfprogramme

18.12.4 Quellen

19 Praktische Tools für die Website

19.1 phpMyAdmin

19.1.1 Installation

19.1.2 Bedienung

19.2 Google Analytics

Teil VI Online stellen

20 Rechtliches

20.1 Webimpressum

20.2 Einträge in Foren

20.3 Links

20.4 Haftungsausschluss und AGB

20.5 Weitere Informationen

21 Hoster und Domains

22 FTP und Wartung

22.1 Verbindung aufbauen

22.2 Daten übertragen

23 Webserver von zu Hause betreiben

23.1 Vorbereitungen

23.2 Mobile Domain

23.3 Fazit

Anhang

A Installation

A.1 Apache

A.1.1 Unix/Linux

A.1.2 Windows

A.2 IIS

A.3 PHP

A.3.1 Unix/Linux

A.3.2 Windows

A.3.3 PHP konfigurieren

A.4 All-in-One-Pakete

B HTML-Referenz

B Referenz HTML

B.1 (X)HTML-Elemente

B.2 (X)HTML-Attribute

C CSS-Eigenschaften

D Glossar

E Literaturempfehlungen

E.1 HTML/CSS

E.2 JavaScript

E.3 Editoren

E.4 Photoshop

E.5 Flash

E.6 PHP

E.7 ASP.NET

E.8 CMS

E.9 Suchmaschinenoptimierung

F DVD-Inhalte (Inhalte auf Anfrage erhältlich)

F.1 Übersicht

F.2 Maguma Workbench

F.3 Boot-DVD

Stichwortverzeichnis