Professionelle Websites

Inhalt

Vorwort

Teil 1 - Intro

1 Begriffsklärungen

1.1 Websites, Webseiten und Homepages

1.1.1 Websites

1.1.2 Webseiten

1.1.3 Homepages

1.1.4 Webauftritte und Webpräsenzen

1.1.5 Portale und Portalseiten

1.2 Webdesigner, Webprogrammierer, Webmaster

1.2.1 Webdesigner

1.2.2 Webprogrammierer und Webentwickler

1.2.3 Webmaster

1.3 Auszeichnungs- und Programmiersprachen

2 Aspekte professioneller Websites

2.1 Die Arbeitsumgebung

2.1.1 Hardware und Betriebssysteme

2.1.2 WYSIWYG- und code-basierte Editoren

2.1.3 Webbrowser

2.1.4 Grafik- und Multimedia-Software

2.1.5 Lokale serverseitige Entwicklungsumgebung

2.1.6 Diverse Tools

2.2 Usability und Accessibility

2.2.1 Wahrnehmung und Aufmerksamkeit

2.2.2 Kommunikation mit dem Anwender

2.2.3 Usability (Bedienbarkeit) von Websites

2.2.4 Accessibility (Zugänglichkeit) von Websites

2.3 Planung, Realisierung und Pflege

2.3.1 Konzeptphase

2.3.2 Realisierungsphase

2.3.3 Pflegephase

3 Relevante Quellen

3.1 Recommendations (Empfehlungen) des W3C

3.2 Originaldokumentationen

3.3 RFCs und Standarddokumente

Teil 2 - HTML und CSS

4 Basiswissen HTML und CSS

4.1 HTML und XHTML

4.1.1 SGML und XML

4.1.2 Interpretation von HTML und XHTML

4.1.3 Argumente für XHTML

4.2 Eine vollständige Webseite mit HTML

4.2.1 Quelltext und Verschachtelungsstruktur

4.2.2 HTML-Darstellung im Browser

4.2.3 Fehlertoleranz bei Browsern

4.3 Allgemeine Regeln bei HTML

4.3.1 Elemente und Tags

4.3.2 Attribute und Attributwerte

4.3.3 Notation von Zeichen

4.3.4 Dokumenttyp-Deklarationen

4.3.5 Editierregeln

4.3.6 XHTML-spezifische Syntaxregeln

4.3.7 Beispiel einer vollständigen XHTML-Datei

4.4 Kopfinformationen einer Webseite

4.4.1 Dokumenttitel

4.4.2 Meta-Angaben

4.4.3 Logische Verlinkung mit anderen Inhalten

4.4.4 Adressbasis für referenzierte Dateien

4.5 Inhaltliche Strukturierung

4.5.1 Block-Elemente (Absatzformate) für den Fließtext

4.5.2 Inline-Elemente (Zeichenformate) für den Fließtext

4.5.3 Tabellen

4.6 Einfache Formatierung mit CSS

4.6.1 Das style-Attribut

4.6.2 Syntaxregeln für CSS-Formatdefinitionen

4.6.3 Farbangaben in CSS

4.6.4 Maßangaben in CSS

4.6.5 CSS-Eigenschaften für Schriftformatierung

4.6.6 Das Boxmodell von CSS

4.6.7 CSS-Eigenschaften für Abstände und Ausrichtung

4.6.8 CSS-Eigenschaften für Farbe und Form

4.6.9 CSS-Eigenschaften für die Positionierung von Elementen

4.6.10 CSS-Eigenschaften für Listen und Tabellen

4.7 Wiederverwendbare Formate mit CSS

4.7.1 Dokumentglobale und dokumentübergreifende Formate

4.7.2 Selektoren

4.7.3 Formatdefinitionen für Elemente

4.7.4 Formatdefinitionen für Klassen und Einzelelemente

4.7.5 Attributbedingte Formatdefinitionen

4.7.6 Formatdefinitionen für Pseudoelemente

4.8 Hyperlinks

4.8.1 URIs und Links in HTML

4.8.2 Links auf lokale Quellen

4.8.3 Anker und Links zu Ankern

4.8.4 Links auf Default-Dateinamen

4.8.5 Links auf beliebige Inhaltstypen

4.8.6 Sonderzeichen in URI-Angaben

4.8.7 Features für E-Mail-Verweise

4.8.8 Hyperlink-Optimierung

4.8.9 Optische Gestaltung von Hyperlinks mit CSS

4.9 Grafik, Flash und Multimedia

4.9.1 Geeignete Grafikformate

4.9.2 Bildbearbeitung in Hinblick auf Webseiten

4.9.3 Grafikreferenzen

4.9.4 Image-Maps (verweis-sensitive Grafiken)

4.9.5 Flash-Einbindung in HTML

4.9.6 Java-Applets in HTML

4.9.7 SVG-Vektorgrafiken in HTML

4.9.8 Eingebettete Objekte aller Art

4.10 HTML-Formulare

4.10.1 Formularbereiche

4.10.2 Formularelemente

4.10.3 Formulardesign und Formularoptimierung

4.10.4 Optische Verfeinerung von Formularen mit CSS

4.11 Allgemeine HTML-Attribute

5 Seitenlayouts

5.1 Seitenlayouts mit CSS

5.1.1 Typische Seitenaufteilungen

5.1.2 HTML- und CSS-Basis für ein Portallayout

5.1.3 HTML- und CSS-Basis für ein Winkellayout

5.1.4 HTML- und CSS-Basis für ein freies Bereichslayout

5.2 Navigations- und Menüleisten mit CSS

5.2.1 Vertikale Navigationsleiste mit Rollover-Effekt

5.2.2 Horizontale Navigationsleiste mit Rollover-Effekt

5.2.3 Horizontale Navigationsleiste mit Ausklappmenüs

6 Erweiterte Features von HTML und CSS

6.1 Mehrfenstertechnik (Frames)

6.1.1 HTML mit Framesets und Frames

6.1.2 Links zu anderen Frame-Fenstern

6.1.3 Rahmen und andere Frame-Eigenschaften

6.1.4 Fixe Bereiche ohne Frames

6.1.5 Eingebettete Frames

6.2 Automatische Überschriftennummerierung

6.2.1 Überschriftennummerierung mit CSS

6.2.2 Überschriftennummerierung mit JavaScript/DOM

6.3 @-Regeln in CSS

6.3.1 Die @import-Regel

6.3.2 Die @media-Regel

6.3.3 Die @page-Regel

6.3.4 Die @charset-Regel

6.4 CSS und die Browser

6.4.1 Netscape 4.x ausschließen

6.4.2 Internet Explorer ausschließen und explizit ansprechen

Teil 3 - Dynamische Seiten mit JavaScript/DOM

7 Basiswissen JavaScript/DOM

7.1 Implementierungen von JavaScript und DOM

7.1.1 JavaScript

7.1.2 DOM (Document Object Model)

7.2 JavaScript in HTML

7.2.1 Event-Handler und JavaScript

7.2.2 JavaScript-Bereiche in HTML

7.2.3 JavaScript in separaten Dateien

7.3 Sprachkonzepte von JavaScript

7.3.1 Allgemeines zur Code-Erstellung

7.3.2 Anweisungen, Ausdrücke und Blöcke

7.3.3 Variablen und Datentypen in JavaScript

7.3.4 Operatoren in JavaScript

7.3.5 Kontrollstrukturen in JavaScript

7.3.6 Funktionen, Parameter und Return-Werte

7.3.7 Die Objektstruktur von JavaScript 1.5

7.3.8 Datum und Zeit mit JavaScript

7.3.9 Mathematische Operationen mit JavaScript

7.3.10 Zeichenketten (Strings) in JavaScript

7.3.11 Arrays in JavaScript

7.3.12 Weitere Objekte, Eigenschaften und Methoden

7.3.13 Existenz von Objekten, Eigenschaften und Methoden

7.3.14 Eigene Objekte, Eigenschaften und Methoden

7.4 Zugriff auf Seiteninhalte (DOM)

7.4.1 Zugriff auf Elemente und Elementinhalte

7.4.2 Elemente erzeugen und integrieren

7.4.3 Zugriff auf Attribute und Werte

7.4.4 Zugriff auf CSS-Eigenschaften

8 Praxisfälle für JavaScript/DOM

8.1 Clientseitige Formularüberprüfung

8.1.1 Das Beispiel

8.1.2 Quelltexte und Erläuterungen

8.2 Navigation im Explorer-Stil

8.2.1 Das Beispiel

8.2.2 Quelltexte und Erläuterungen

8.3 Interaktive Tabellensortierung

8.3.1 Das Beispiel

8.3.2 Quelltexte und Erläuterungen

Teil 4 - Die Server-Seite

9 Hosting und Webserver

9.1 Routing, IP-Adressen und Domain-Namen

9.1.1 Szenario eines Routings

9.1.2 Gateways und Routing-Tabellen

9.1.3 TCP/IP, IP-Adressen und Internetanbindung

9.1.4 IP-Adressen und Domain-Namen

9.2 Web-Hosting

9.2.1 Verhältnismäßigkeit von Angeboten und eigenen Zielen

9.2.2 Traffic und Transfervolumen

9.2.3 Webspace und Speicher

9.2.4 Serverzugänge über FTP, SCP/SFTP, Telnet und SSH

9.2.5 Domain-Namen und Umziehen von Domains

9.2.6 Server-Software und Features

9.2.7 Datensicherung, Überwachung und Support

9.3 Client, Server und Protokolle

9.3.1 TCP/IP und UDP

9.3.2 Daemons, Server und Ports

9.3.3 Das HTTP-Protokoll

9.4 Der Webserver Apache

9.4.1 Versionen, Bezug und Installation von Apache

9.4.2 Start, Stopp und Neustart von Apache

9.4.3 Test von Webseiten unter Apache

9.4.4 Die zentrale Konfigurationsdatei httpd.conf

9.4.5 Dezentrale Konfigurationsmöglichkeiten über .htaccess

9.4.6 Virtuelle Hosts mit Apache

9.4.7 Log-Dateien des Apache Webservers

10 Basiswissen Linux für Webworker

10.1 Linux als Server-Betriebssystem

10.1.1 Geschichte und Bedeutung von Linux

10.1.2 Aufbau und Komponenten von Linux

10.1.3 Standard-Verzeichnisbaum von Linux

10.2 Arbeiten auf Shell-Ebene

10.2.1 Prompt und Eingabe-Features

10.2.2 Kommandos, Optionen und Parameter

10.2.3 Umleitungen und Pipes

10.2.4 Kommandos für Benutzerverwaltung

10.2.5 Kommandos für Dateiverwaltung

10.2.6 Kommandos für Zugriffsrechte

10.2.7 Kommandos zur Systemüberwachung

10.2.8 Kommandos für Softwareverwaltung

10.3 Dateibearbeitung mit dem vi-Editor

10.3.1 Starten und Beenden von vi

10.3.2 Kommandomodus, Kommandozeile und Eingabemodus

10.4 Wichtige Konfigurationsdateien

10.4.1 Allgemeine Systemkonfigurationsdateien

10.4.2 Konfigurationsdateien für Benutzer und Gruppen

10.4.3 Zeitgesteuerte Programmausführung (crontab)

10.5 Einfache Shellscripts

10.5.1 Allgemeines zu Shellscripts

10.5.2 Parameter, Variablen und Funktionen

10.5.3 Bedingungen, Fallunterscheidungen und Schleifen

10.5.4 Komplettbeispiel: ein Errrorlog-Analyse-Script

11 Webseiten in HTTP-Umgebung

11.1 Webseiten serverseitig

11.1.1 URIs und Pfade

11.1.2 Default-Dateinamen und Verzeichnis-Browsing

11.1.3 GET- und POST-Daten

11.2 Server Side Includes (SSI)

11.2.1 Voraussetzungen

11.2.2 HTML-Templates mit SSI

11.2.3 Variablenausgabe mit SSI

11.2.4 Script-Einbindung mit SSI

11.3 Die CGI-Schnittstelle

11.3.1 CGI-Konfiguration

11.3.2 CGI-Aufrufmöglichkeiten in HTML

11.3.3 Beispiel eines Form-Mailers in Perl

11.4 Geschützte Webseiten

11.5 Automatische Weiterleitungen

11.6 Anpassung von Server-Fehlerseiten

Teil 5 - PHP und MySQL

12 Basiswissen PHP

12.1 PHP als Programmier- und Script-Sprache

12.1.1 Geschichte und heutige Bedeutung von PHP

12.1.2 Bezug und Installation von PHP

12.1.3 Einbindung von PHP in die Apache-Konfiguration

12.1.4 Konfiguration von PHP

12.2 PHP-Scripting für den Anfang

12.2.1 PHP in HTML

12.2.2 HTML in PHP

12.2.3 PHP mit Einsatz von HTML-Templates

12.2.4 Formularverarbeitung und Mail-Funktion mit PHP

12.2.5 Code-Erstellung und Code-Verteilung

12.3 Sprachkonzepte von PHP

12.3.1 Anweisungen, Blöcke, Ausdrücke und Kommentare

12.3.2 Variablen und Datentypen

12.3.3 Superglobale Variablen

12.3.4 Operatoren

12.3.5 Kontrollstrukturen

12.3.6 Funktionen, Parameter und Return-Werte

12.3.7 Klassen und Objekte in PHP 4

12.3.8 Objektorientierung in PHP 5

12.3.9 Reguläre Ausdrücke

12.4 PHP-Funktionsüberblick

12.4.1 Daten lesen und auswerten

12.4.2 Daten ausgeben und schreiben

12.4.3 Zeichenketten und Arrays

12.4.4 Datum und Zeit

12.4.5 Mathematische Funktionen

12.4.6 Datei- und Verzeichnisverwaltung

12.4.7 Session-Funktionen

12.4.8 Starten externer Programme und Kommandos

12.4.9 Diverse Funktionen

13 MySQL-Datenbanken und PHP

13.1 Basiswissen Datenbanken und MySQL

13.1.1 DBM-Systeme und Datenbanken

13.1.2 Client-Server-Struktur von Datenbanken

13.1.3 Die Transformationssprache SQL

13.1.4 Versionen, Bezug und Installation von MySQL

13.2 Basiswissen SQL

13.2.1 Erste SQL-Schritte mit dem mysql-Client

13.2.2 Datenbanken und Tabellen anlegen, ändern und löschen

13.2.3 Datensätze einfügen, ändern und löschen

13.2.4 Daten abfragen

13.2.5 Datenabfragen über mehrere Tabellen

13.2.6 Tipps für effiziente Datenbankabfragen

13.2.7 InnoDB-Tabellen

13.2.8 Benutzer- und Rechteverwaltung

13.3 Praxisbeispiel: Entwurf Webshop-Datenbank

13.3.1 Schritt 1: Datenaufnahme

13.3.2 Schritt 2: Ablaufbeschreibungen

13.3.3 Relationen entwerfen

13.3.4 Felder und Schlüssel definieren

13.4 MySQL-Datenbankzugriffe mit PHP

13.4.1 MySQL-Datenbankverbindungen mit PHP

13.4.2 Datenbankabfragen in PHP

13.5 Praxisbeispiel: Webbasierte Datenverwaltung

13.5.1 Das Handling bei der Datenverwaltung

13.5.2 Aufgaben des PHP-Scripts

13.5.3 Optimierungen für mehr Sicherheit

Teil 6 - XML

14 XML für Webentwickler

14.1 Einsatz- und Verarbeitungsmöglichkeiten

14.1.1 XML-Editoren

14.1.2 XML-Parser

14.2 Aufbau von XML-Dokumenten

14.2.1 Elemente, Tags und Attribute

14.2.2 XML-Deklarationen und Dokumenttypdeklaration

14.2.3 Zeichenvorrat, PCDATA und CDTATA

14.2.4 Namensräume in XML

14.3 Wichtige öffentlich standardisierte XML-Formate

14.4 RSS als Basis für Newsfeeds und Podcasts

14.4.1 Aufbau eines RSS-Dokuments

14.4.2 RSS-Integration ins eigene Webangebot

14.5 Webservices - Anwendungskommunikation

14.5.1 SOAP, SOAP-Messages und SOAP-Envelopes

14.5.2 Header- und Body-Daten einer SOAP-Message

14.5.3 Die SOAP-Attribute mustUnderstand, role und relay

14.5.4 SOAP-Fehlerrückmeldungen (Faults)

14.5.5 Die Rolle von WSDL

14.5.6 UDDI und WSIL

14.5.7 Die SOAP-Alternative WDDX

14.6 Dokumenttypdefinitionen (DTDs)

14.6.1 Aufbau von DTDs

14.6.2 Elemente und Elementabhängigkeiten definieren

14.6.3 Attribute und Attributzuweisungen definieren

14.6.4 Entities definieren und referenzieren

14.6.5 Modulare DTDs

14.6.6 XML-Schema (XSD) als modernere DTD-Alternative

14.7 Übersetzung von XML-Daten in HTML/XHTML

14.7.1 Die Transformationssprache XSLT

14.7.2 XSLT-Prozessoren

14.7.3 Ein einfaches Transformationsbeispiel

14.7.4 Wichtige XSLT-Elemente

14.7.5 XPath-Funktionen für die Transformation

14.7.6 XPath-Adressierung bei der Transformation

14.8 PHP und XML

14.8.1 XML-Verarbeitung mit der SimpleXML-Klasse

14.8.2 XML-Verarbeitung mit der DOM-Klasse (libXML)

14.8.3 XML-Verarbeitung mit der XML-Klasse (Expat)

14.8.4 XSLT-Funktionen

14.8.5 Praxisbeispiel: News-Script für RSS-Feed-Funktion

14.8.6 Praxisbeispiel: Google-Suche als SOAP-Webservice

14.8.7 Praxisbeispiel: Plausibilitätsprüfung mit WDDX

Teil 7 - Betrieb von Websites

15 Site-Verwaltung

15.1 Rechte und Pflichten eines Site-Anbieters

15.1.1 Die Rechtslage

15.1.2 Impressumspflicht

15.1.3 Vorvertragliche Widerrufsbelehrung

15.1.4 Urheberrecht

15.1.5 Haftung für Inhalte und Links

15.1.6 Datenschutz und Auskunftspflicht

15.1.7 Namens- und Markenschutz

15.1.8 Softwarepatente

15.1.9 Abmahnungen

15.2 Site-Promoting und Aktualität

15.2.1 Launches und Relaunches

15.2.2 Websites und Suchmaschinen

15.2.3 Werbung für Websites

15.2.4 Newsticker, Newsletter und RSS-Newsfeed

15.2.5 Benutzerbasierte Inhalte

15.2.6 Favicons - die Site-Abrundung

Teil 8 - Referenz

16 Referenz zu HTML

16.1 HTML-Elemente

16.1.1 Hinweise zu den Tabellen

16.1.2 HTML-Elemente in alphabetischer Reihenfolge

16.2 HTML-Attribute

16.2.1 Hinweise zu den Tabellen

16.2.2 Attribute in alphabetischer Reihenfolge

16.3 Benannte HTML-Entities

16.3.1 Hinweise zu den Tabellen

16.3.2 Benannte Entities

17 CSS-Referenz

17.1 CSS-Eigenschaften

17.1.1 Hinweise zu den Tabellen

17.1.2 CSS-Eigenschaften in alphabetischer Reihenfolge

Index

Index

!

A

B

C

D

E

F

G

H

I

J

K

L

M

N

O

P

Q

R

S

T

U

V

W

X

Y

Z

Farbtabellen