XHTML und CSS

Inhalt

XHTML (Extensible HyperText Markup Language) stellt die aktuelle Weiterentwicklung von HTML dar, der Syntax, in der Dokumente im Internet geschrieben werden und die von unzähligen Webseiten genutzt wird.

CSS (Cascading Style Sheets) stellen die Formatierungsanweisungen dar, die einen Großteil der Formatierungen, wie sie in klassischem HTML vorhanden sind, ersetzen und es ermöglichen, strukturierte und gute Formatierung sowie auch Interaktivität und grafische Gestaltung in Textanweisungen zu hinterlegen.

Die Trennung von Inhalt und Design steht hierbei im Vordergrund.

Dieses Buch versteht sich als praktischer Ratgeber, mit dem Sie in die Lage versetzt werden, Texte und Menüstrukturen in XHTML zu erstellen und mit CSS zu formatieren und zu layouten.

Anhand vieler praktischer Beispiele und kurzer Erklärungen lernen Sie die Basis kennen, die Ihnen die Veröffentlichung von Dokumenten im Internet ermöglicht.

Themen

• XHTML-Grundlagen:
  Seitenaufbau und einfache Textblöcke
• Strukturierung mit Tabellen und Listen
• Verknüpfungen, Links und Menüstrukturen
• CSS-Grundlagen:
  Typologie und Einsatzbereiche
• Block- und Zeichenformatierung
• Layout und Positionierung
• Interaktivität und grafische Effekte
• Ausblick auf CSS 3

Internet

Hier können Sie sich eine Vorschau anzeigen lassen oder das Werk nach Themen durchsuchen, die für Sie wichtig sind.

Cover

Autoren

Interview mit Marco Skulschus

Was verbindet Sie mit XHTML? Sie sind doch sonst ein reiner XML-Fan, oder?

Ich habe vor einer Ewigkeit, wenigstens eine Ewigkeit im Bereich der Informatik, meine allerersten Gehversuche mit Syntax und Grammatik im HTML-Umfeld gemacht. Damals war das Internet noch ganz neu und man musste eine Menge an ungewöhnlichen Programmen und vor allen Dingen Telefonleitungen benutzen, um das Netz zu nutzen. Da habe ich meine erste Webseiten mit einem ganz einfachen farblosen Texteditor erstellt, auch HTML-Tags wie Tabellen und Listen von schon bestehenden Webseiten geklaut und dann meine eigenen Inhalte erfasst.

Wie kam es dann zu diesem Buch?

Man muss schon ehrlich sein: XHTML- oder HTML-Bücher sowie natürlich Darstellungen von den vielen Editoren sind reichlich vorhanden. Ich wollte aber immer mal ein eigenes Buch zu diesem Thema schreiben, weil ganz einfach mit HTML alles begonnen hat. Zusammen mit Alexander und Daniel hat dies dann wunderbar funktioniert: ich konnte meine Erfahrung in der Erstellung von Büchern einbringen und den Text gestalten, und von Daniel und Alexander kamen die Beispiele und das pädagogische Konzept.

Interview mit Daniel Winter

Nach E-Books nun etwas Gedrucktes?

Ja, E-Books von Seminarunterlagen herauszubringen ist nicht so aufregend, wie endlich einmal ein gedrucktes Werk in den Händen zu halten. Auch wenn mein Streben immer noch darin besteht, PDF-Dokumente und Web-Grafiken zu erstellen, ab und an gibt es auch schon einmal eine Marketing-Aktion, in der Gedrucktes in die Welt verschickt wird. Da wollte ich doch auch einmal an einem Druckwerk teilnehmen, das nachher im Buchladen steht.

Wenn Sie ansonsten viel für das Web arbeiten, wie haben Sie dann ein lineares Buch empfunden?

So linear sind ja Bücher heute nicht mehr aufbereitet, und auch im Internet besteht nicht alles nur aus Links und Verweisen. Mir war es wichtig, dass wir insoweit einen Nutzen schaffen, als dass wir ein Buch für Anfänger schreiben, das trotz des geringen Umfangs eine große Menge an Inhalten liefert und wir allen Ballast abwerfen. Mir war insbesondere die Gestaltung von Webseiten mit Hilfe von CSS sehr wichtig, weil das für meine Arbeit als Grafiker unverzichtbar ist.

Interview mit Alexander Muß

Wie kam es zu Ihrem ersten Buch?

In der Schule führen wir ein Praktikum durch. Da ich mich für Softwareentwicklung interessiere und bereits Erfahrung in der Webseitenerstellung hatte, hatte ich mich bei der Comelio GmbH beworben. Dort machte man mir den Vorschlag, im Rahmen meines Praktikums zu versuchen, an einem Buch mitzuarbeiten, das XHTML und CSS darstellt. Zunächst war ich mir gar nicht sicher, ob ich so etwas überhaupt machen kann, aber in Teamarbeit gelingt offenbar alles am besten.

Was waren Ihre Aufgaben?

Meine Aufgabe bestand darin, aus einer Reihe von allgemeinen Texten und Grafiken, die unser Drache Comelio und sein Sohn, der kleine Comelino, geschrieben hatten, Beispiele für beide Technologien zu entwickeln. Gliederung und Art der Beispiele haben wir zusammen im Team erarbeitet.

Was schreiben Sie als nächstes?

Zunächst schreibe ich an einer internen Software, sodass für ein Buch neben Schule und Arbeit erst einmal keine Zeit ist, aber ich bin sicher, dass es in den Ferien wieder ein Thema gibt, das mich interessiert und das ich dann zusammen mit Arbeitskollegen oder sogar alleine bearbeiten kann.

Vorwort

Dieses Buch führt Sie in die Welt von XHTML (eXtensible Hypertext Markup Language) und CSS (Cascading StyleSheets) ein und steht am Anfang einer ganzen Reihe an Standards im Bereich Web-Technologien. XHTML ist die Grammatik, die für Web-Anwendungen die Ausgaben im Browser darstellt, während mit CSS Formatierung und Layout im Internet möglich ist. XHTML ist dabei auch ein Beispiel von einer XML-Grammatik (eXtensible Markup Language). Die Möglichkeiten, die XML für Datenaustausch und Datenspeicherung bietet, sind keinesfalls zu unterschätzen, sondern sind für Web-Anwendungen ein wesentlicher Baustein.

Mehr über XML-Standards und über die Document Type Definition, die für die Beschreibung von XML-Daten und damit auch für XHTML zum Einsatz kommt, erfahren Sie in unserem Buch „XML: Standards und Technologien“ (ISBN 978-3-939701-21-7) . CSS ist ein seit längerer Zeit bekannter Standard für die Formatierung von HTML und XHTML, doch die Namen von Eigenschaften aus CSS, mit denen Formatierung und Layout von Dokumenten möglich sind, tauchen auch bspw. wiederum im Standard FO (Formatting Objects) auf.

XHTML ist ein wichtiges Ausgabeformat, wenn Daten, die in XML-Formaten vorliegen, im Browser ausgegeben werden sollen, d.h. in irgendeiner Art und Weise visualisiert werden sollen. Dazu kann man eine ganze Reihe von Standards einsetzen, doch der Standard XSLT (eXtensible Stylesheet Language for Transformations) ist hier besonders interessant, da die resultierenden Dateien mit den Ausgabe- bzw. Umwandlungsanweisungen wiederum in einem XML-Format vorliegen und aus allen Programmiersprachen heraus mit einem geeigneten Prozessor aufgerufen werden können. Auch Dokumenten im FO-Format werden im Normalfall über eine XSLT-Umwandlung erzeugt und dann zu einem weiteren Prozessor geschickt, der dann die gewünschten Druckdateien erstellt. Diese Technologie wird Ihnen im Buch „XSLT, XPath und Xquery“ (ISBN 978-3-939701-18-7) näher gebracht.

An dieser Stelle ist nur wichtig zu verstehen, dass XHTML in eine große Familie an Standards eingebettet ist und für viele andere eine ganz andere Bedeutung besitzt. Ein Redakteur erfasst seine Texte vielleicht in einem beliebigen XML-Format, wozu eine ganze Armada an verschiedenen Programmen zur Verfügung steht, wobei die Dateien dann vielleicht sogar in einer Datenbank gespeichert werden. Die Anzeige erfolgt dann bspw. sowohl in XHTML wie auch in PDF, wobei solche Umwandlungstechniken wie XSLT oder zum Einsatz kommen. Die Visualisierung der Daten im Browser wird dann zusätzlich durch CSS eingerichtet. Ein Programmierer erstellt dagegen nicht die Texte, sondern konzentriert sich auf die Erstellung von Import/Export-Vorgängen für die Aufnahme, Suche und Wiedergabe von gespeicherten Texten in XML-Formaten oder auch direkt XHTML. Für ihn ist XHTML ein Zielformat, für das er Software schreibt und für das er CSS, das von einem Designer erstellt wurde, zusätzlich im Ausgabedatenstrom aufruft. Ein Designer schließlich erstellt CSS und möglicherweise auch Umwandlungen für FO in einem grafischen Editor und versucht, Online- und Druck-Ausgabe möglichst ähnlich zu erzeugen, wobei die Ähnlichkeiten zwischen beiden den Standards XHTML und FO sowie CSS und FO besonders arbeitserleichternd ist.

Dieses Buch vermittelt Ihnen eine ausführliche Einführung über die beiden Standards XHTML und CSS mit vielen Beispielen. Eine allgemeine Vorstellung von XML und der Document Type Definition soll es Ihnen ermöglichen, insbesondere den XHTML-Standard besser einzuschätzen und die Dokumente, in denen er beschrieben ist, zu verstehen und in Zweifelsfällen direkt im Regeldokument nachzuschlagen. Danach stellen wir den XHTML-Standard, wobei es hier um die reine Erfassung von Texten und logische Formatierung in Blöcken, Tabellen und Listen geht. Sämtliche Formatierung und Layout ist dann den umfangreicheren Kapiteln zu CSS vorbehalten.

Für dieses Buch benötigen Sie grundsätzlich keine Vorkenntnisse, was den Themenkreis XHTML und CSS anbetrifft. Sie sollten sich im Internet bewegen, was aber bei Interesse an einem solchen Buch wohl sehr wahrscheinlich ist. Ihre Aufgabenstellung kann sehr unterschiedlich sein, wobei aber sicherlich vorausgesetzt werden kann, dass sie in irgendeiner Art und Weise mit XHTML umgehen sollen. Vielleicht sollen Sie direkt Texte in XHTML erfassen und später mit CSS formatieren. Vielleicht sollen Sie aber auch vorhandene Daten, die in anderen Textdateien oder einer Datenbank speichern, in XHTML umwandeln, um sie dann mit CSS auf-/zubereiten und benötigen dazu Kenntnisse beider Standards. Eine sichere Grundlage beider Standards erleichtert die Erstellung von reinen Dokumenten wie auch von sehr grafikorientierten Webseiten sehr, da sich dann auch die Zusammenhänge zwischen verschiedenen anderen Techniken im Umfeld der Erstellung von Online-Dokumenten erschließt.