Von der Grafik zum Quellcode: Die Umsetzung.
Ihr Layout wird in mehreren Schritten zum Quellcode:
Die Qualität des Layouts erhalten
Sie liefern eine Grafik-Datei - an der ein Grafiker lange gearbeitet hat, und die einen Qualitätsstandard hat. Bei der Umsetzung wird darauf geachtet, dass alle Details erhalten bleiben.
Ein Schatten ist nun mal keine schwarze Linie.
Die optimale Gerüststruktur finden
Es gibt viele Möglichkeiten, ein Layout in XHTML umzusetzen. Ein wichtiger Punkt dabei ist, auch im Quellcode eine logische Struktur zu erzeugen. Schließlich wollen Sie mit dem Template weiterarbeiten, ohne vorher Stunden damit zu verbringen, sich zurecht zu finden.
Den Code suchmaschinenfreundlich aufbauen
Schon beim Erstellen eines Templates kann man viel Gutes für eine Indizierung durch Suchmaschinen tun. Überschriften tragen eine größere Bedeutung als Absätze - deshalb müssen sie im Code auch als solche ausgezeichnet werden. Und zwar nicht nur die Hauptüberschrift: XHTML stellt eine Hierarchie von sechs Überschriften-Typen zur Verfügung.
Das CSS erstellen - browserübergreifend
Ein Template muss in allen vorhanden Browsern identisch aussehen - und Browser gibt es viele. Die Internet Explorer Familie in den Versionen 6, 7 und bald 8, die Mozilla Familie mit z.B. Firefox 1.5 bis 3.x und die Einzelgänger Safari und Opera. Das sind nur die wichtigsten der heutzutage im Internet anzutreffenden Browser.
Code sparsam erstellen
So viel wie nötig - so wenig wie möglich. Das gilt auch heute noch. Zwar sind die Internetleitungen in der Lage auch große Mengen Code ohne spürbare Verzögerung zu transportieren - aber sowohl Browser als auch Suchmaschinen erfassen übersichtlichen und sinnvollen Code schneller und besser.