Webdesign mit (X)HTML und CSS

Ein Kurs für Einsteiger

Ein Einstieg in (X)HTML und CSS

Etliche Semester lang habe ich an der Hochschule Rosenheim das Fachbezogene Wahlpflichtfach (= FWPF) Webdesign unterrichtet; im Rahmen dieses Faches ist diese Website als Online-Skript für die Teilnehmer entstanden.

Inzwischen kann ich aus zeitlichen Gründen das Fach nicht mehr anbieten, doch da die Website auch außerhalb des Kurses regen Besuch findet, wird sie weiterhin bestehen bleiben – und in unregelmäßigen Abständen aktualisiert.

Die Inhalte sind auf Webdesign-Einsteiger ausgelegt und vermitteln in knapper Form die Grundlagen des modernen Webdesigns, ohne einen Anspruch auf Vollständigkeit zu erheben. Auch ohne Vorkenntnisse sollten Sie nach der Lektüre in der Lage sein, eine erste eigene kleine Website zu erstellen. Ich empfehle, die Inhalte chronologisch durchzuarbeiten, deshalb ist eine »Buchnavigation« am Ende jeder Seite eingefügt, die Sie zum nächsten Abschnitt führt. Der Kurs beginnt mit einer Allgemeinen Einführung und führt über die Grundlagen von (X)HTML zur Gestaltung mittels CSS.

Wenn Sie Probleme bei der Erstellung Ihrer Website haben, oder wenn Sie die Website professionell erstellen lassen möchten, können Sie mich gerne kontaktieren. Ich unterbreite Ihnen dann ein auf Ihre Bedürfnisse zugeschnittenes Angebot. Mehr Information über mich und meine Arbeit erhalten Sie auf corina-rudel.de.

Für individuelle Probleme empfehle ich das xhtmlforum, in dem Sie mich unter dem Namen fricca antreffen können.

Corina Rudel

CSS für Fortgeschrittene

Gemeinsam mit Ingo Chao habe ich das Buch »Fortgeschrittene CSS-Techniken« verfasst, das Ende 2011 in der dritten Auflage erschienen ist.

Fortgeschrittene CSS-Techniken
Inkl. Debugging und Performance-Optimierung

Ingo Chao, Corina Rudel

Verlag
Galileo Computing
ISBN
978-3836216951
Preis
44,90 EUR
Erschienen
Dezember 2011 (3. Auflage)

Das Buch hat 454 Seiten und ist vollständig in Farbe. Es liegt eine DVD bei, die u.a. alle Codebeispiele und eine verlinkte Liste aller in den Fußnoten angegebenen weiterführenden Artikel und Quellen enthält.

Sie können das Buch direkt beim Galileo-Verlag beziehen.

Auszug aus der Einleitung zur dritten Auflage

Die Grenzen von CSS 2.1 und die Unzulänglichkeiten der Browser sind sehr gegenwärtig, daher kann sich unser Buch, das sich mit fortgeschrittenen Techniken an seine Leser wendet, nicht auf die Möglichkeiten von CSS3 allein festlegen. Wir haben uns nicht an einem Spagat versucht, sondern die hilfreichen Neuerungen aus dem nächsten CSS-Level zu dem gerade behandelten Problem eingepflegt. CSS3 soll CSS 2.1 nicht widersprechen, sondern es erweitern – und unser Buch folgt dieser Auffassung.

Auszug aus der Einleitung der ersten Auflage

CSS ist nicht einfach. Oft sitzt man vor einem leeren Stylesheet und fragt sich, welches das optimale Verfahren ist, um das angestrebte Layout sicher zusammenzufügen.

Wir greifen in diesem Buch Fragen von fortgeschrittenen Webdesignern und Entwicklern auf, die wir in den letzten Jahren in Foren und Mailinglisten beantwortet haben. Es ist eine kritische Auseinandersetzung mit der Sprache CSS und ihren Techniken geworden, die Ihnen helfen soll, Ihre Fragen im Zusammenhang mit den zugrunde liegenden Prinzipien sehen zu können. Sie werden mit diesem Buch lernen, eigene Lösungen zu finden und wichtige CSS-Techniken sicher anzuwenden.

Inhaltsüberblick

  1. CSS-Techniken, die nicht selbsterklärend sind

    Collapsing Margins, vertikales Zentrieren, negative Margins, Containing Floats, Block Formatting Context, Inline-Block, Positionierung und Stapelung, Background-Eigenschaften, CSS-Tabellen, Media-Queries u.v.a.

  2. Inkonsistenzen in Browsern und die Grundlagen des Debuggings

    Testen in den Browsern, Werkzeuge für Analyse und Fehlerbehebung, Magic Bullets gegen Bugs des IE-Win, CSS-Erweiterungen u.v.a.

  3. Die praktische Umsetzung von komplexen Layouts

    Navigationslisten, Dropdownmenüs, Mehrspaltenlayouts (fix, fluid, elastisch, responsive, Mischformen), Content First, Gleich hohe Spalten u.v.a.

  4. Was vor uns liegt

    Frontend-Engineering: Performance, Neue Konzepte: Flexbox, Typografie u.v.a.

Ein vollständiges Inhaltsverzeichnis befindet sich in der Leseprobe (1,90MB, pdf), die Sie beim Verlag herunterladen können. Wir haben Teile aus Kapitel 12 (Navigation: Listen und Menüs) und Kapitel 16 (Neue Konzepte) als »Appetithappen« ausgewählt.