Web-Entwicklung

Im Internet findet man unzählige gute oder auch weniger gute Tutorials zu den Themen HTML, XHTML, PHP, JavaScript, CSS usw. Ich will deswegen Hier kein komplettes Tutorial schreiben sondern häufig in Foren gestellte Fragen kurz beantworten.

Warum Trennung von Design und Inhalt?

Das ist eine der Häufigsten Fragen zum Thema Webdesign, die insbesondere von Neulingen auf diesem Gebiet gestellt wird.

Für die die Neu in dem Thema sind hier eine kurze Erklärung. Es ist möglich das Aussehen einer Seite direkt in der HTML Datei festzulegen, folgendes Beispiel:

Der folgende Code

<p><font size="5" color="red" face="Arial">Mein Text</font></p>

erzeugt genau die Gleiche Ausgabe wie dieser:

HTML-Datei:    <div class="Beispiel">Mein Text</div>
 CSS-Datei:     .Beispiel{
                  color: red;
                  font-size: 24px;
                  font-family: Arial;
                }

Beide male wird ausgegeben: Mein Text

Warum jetzt der scheinbar komplizierte weg über eine CSS-Datei wenn man doch alles in einer Zeile erledigen kann?

Nun ein gutes Beispiel dafür findet ihr unterhalb der Navigation auf der Linken Seite, man kann, ohne am Inhalt irgend etwas zu ändern, der Seite ein neues Aussehen verpassen. Auf dieser Seite hier verwende ich dafür einfach ein alternatives Stylesheet (CSS-Datei), das über die Auswahl eingebunden werden kann. Darüber kann man nicht nur die Farbe einer Seite, die Schriftgröße, die Schriftart usw. verändern, sondern das komplette Layout, es ist z.B. sehr leicht die Navigation mit dem Wetterbutton auf der Rechten Seite zu tauschen, nur über ein geringfügig geändertes Stylesheet ->ansehen

Auch wenn man sich jetzt denkt, "Brauch ich nicht, ich will meiner Seite keine weiteren Stylesheets hinzufügen", sollte man trotzdem den Weg über das Stylesheet nehmen, da man so auch ein einheitliches Aussehen der Seite bekommt. Schnell passiert es mal das man in einem font-Tag das Atribut face vergisst, dann hat dieser Abschitt die Standard Schriftart, und das ist nicht immer die gewünschte.
Verwendet man aber ein Stylesheet, so lässt sich die Schriftart für alle Elemente eines Typs vorgeben, somit erhält man ein durchgängig gleiches Schriftbild.

z.B. Kann ich, nachdem sie einmal in einer eingebundenen CSS-Datei definiert wurde, die Klasse Beispiel beliebig oft benutzen.
Hier spart man nun wieder Zeit, da man einfach

<div class="Beispiel">Weiterer Text</div>

eingeben kann, ohne sich über das Ausehen gedanken zu machen.