Aufgrund der Nachfrage habe ich nun eine Artikelserie begonnen, deren Ziel es ist ein tabellenlos “Layout” bzw. “Design” zu entwerfen. Teil 1: Die Grundlagen Teil 2: Das XHTML-Grundgerüst Teil 3: Eine Übersicht über Layoutgattungen Teil 4: Fixed-Width-Layout Hinzugefügt: 1. …
Nachdem im 1.Teil die Grundlagen für das Layout gelegt wurden gehe ich nun auf die Struktur der XHTML-Datei ein: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> …
Unsere Seite benötigt natürlich jetzt noch ein schickes Layout. Zuerst einmal habe ich unser Beispiel um etwas Blindtext erweitert. Zudem habe ich die Seitenleiste (das <div> mit der Bezeichnung side) nach dem content-<div> im Quelltext gesetzt. Das sorgt dafür, dass …
Einführung Wie Sie sich sicher noch erinnern geht es in dieser kleinen nicht mehr ganz so kleinen Serie um die Erstellung von Webseiten ohne Layouttabellen oder ähnliche Mittel. Wir benutzen lediglich CSS um die XHTML-Datei zu formatieren. Aber unsere XHTML-Datei weiß noch gar …
Weshalb tabellenloses Design? Die Philosophie, auf der HTML basierte, war das Zuweisen von Bedeutungen zum Text. So können z. B. wichtige Begriffe betont werden. Das Dokument kann gegliedert werden. Ein solcher Text nennt man „ausgezeichnet“. Es befinden sich (im optimalen Fall) …