Logo

Eigene Homepage

Die Sprache des Internet: HTML


"Logo, Fotos, Layout, Schriften und Farben habe ich. Jetzt schreiben?

Ja, jetzt fangen wir an. Ich zeige Dir hier eine einfache Webseite, die nett aussieht und sehen uns an, was man dafür machen muss.

anspechende Webseite als Bild
Beispielseite mit Stil
der Quelltext dazu
Beispielseite - HTML

Und das sieht dann als "Quelltext" so aus. Du must zugeben: so ganz viel ist das nicht. Das sieht ja doch ziemlich leicht aus. Und wenn Du Englisch kannst, dann sind die Bezeichner doch ziemlich selbst erklärend.

Damit habe ich übrigends alle wichtigen Elemente einer Seite versammelt - bis auf die "meta"-Angaben im Dateikopf, die kommen später.

Leider habe ich an dieser Stelle gemogelt, denn für das Bild der Seite oben habe ich eine Layout-Datei benutzt - die CSS-Datei. Ohne die sähe die Seite so aus:

dieselbe Seite ohne CSS
Beispielseite ohne Stil
dieselbe Seite ohne CSS

Du siehst: der Inhalt ist da, aber null Styling! Dafür ist die CSS-Datei um einiges länger und kompizierter, allerdings muss sie nur einmal geschrieben werden - sie gilt dann für alle Seiten.

Die Grundstruktur der CSS-Datei hier rechts: alle Beschreibungen sind gekürzt, damit das nicht zu unübersichtlich wird, in Wirklichkeit ist sie um einiges länger.

Alle Elemente, die es oben in HTML gibt, stehen hier rechts nochmal und dahinter/unter die jeweilge Beschreibung des Aussehens. (Bei background-image habe ich ein Stück der Zeile runtergeholt, damits reinpasst, also nicht wundern).

Das Ganze ist das Grundprinzip der Webseitenerstellung: in HTML schreibe ich die Inhaltselemente, in CSS lege ich fest, wie die Inhaltselemente aussehen sollen.

Es gibt sicherlich leichtere Methoden, um Webseiten zu erstellen, aber mit keiner lassen sich Seiten so sauber und präzise erstellen, wie mit dem einfachen Schreiben der "Roh"-Dateien.

So und jetzt rede ich über die Inhaltselemente, aber dafür mache ich wieder ein neues Kapitel auf, sonst wird dies hier zu lang ...


Zurück zur Seite 5 <------> Weiter zur Seite 7