Dies ist eine AlteSeite aus unserem UseModWiki bei Sourceforge.
Bitte überarbeite die Seite, passe die Formatierung für das JSPWiki an und entferne diesen Text.
Vielen Dank!
= Webseiten - Erstellung = Hier im Wiki wirklich neues zum Thema "Erstellung von Webseiten" schreiben zu können, glaube selbst ich nicht. Dennoch habe ich diese Seite erstellt, um interessante Links rund um das Thema zu sammeln. == Einführung == Als kurze Einführung für Neulinge in das Thema sei gesagt, daß Webseiten in '''HTML''' erstellt werden. An sich ist eine Webseite nur eine ganz normale Datei, die vom Webserver auf Anforderung ausgeliefert wird. Was jetzt mit dieser HTML-Datei gemacht wird, hängt vom Browser ab. Und da sind die Unterscheide leider riesig. In älteren HTML-Versionen (z.B. mit alten Netscape-Browsern bis zur Version 4) wurden Layout-Angaben, Farben und Fonts mit in den HTML-Text geschrieben. Dann hat man sich so langsam besonnen, daß die ursprüngliche Idee von HTML war, Inhalt und Präsentation zu trennen. Wenn alles klappt, enthält die HTML-Datei nur den reinen Content und es gibt eine '''CSS'''-Datei (oder einen abgegrenzten CSS-Bereich in der HTML-Datei), um die Präsentation zu beschreiben. In CSS schreibt man nun alles, was mit Farben, Fonts, Rahmen, Hintergründen, und Layout zu tun hat. Diese kurze Einführung soll nicht bedeuten, daß das heute immer so gemacht würde. Es ist immer noch üblich, die Präsentation mitten in den Text der Seite hineinzuschreiben. Allerdings leidet darunter erheblich die Übersichtlichkeit und Wartbarkeit der Seite. Also sollte man sich bei der Neuerstellung von Seiten (darum gehts ja hier) bemühen, beides zu trennen. Als dritte Komponente kann man noch Javascript sehen. hiermit ist es möglich, Programme zu schreiben, die beim Starten der Seite oder bei bestimmten Ereignissen die Seite, die CSS-eigenschaften oder den Browser manipulieren können. Die beste deutschsprachige Einführung in das Thema ist http://de.selfhtml.org. Dort steht erstmal alles drin. Ein grosses Problem, das in keiner CSS-Anleitung angesprochen wird, ist, daß CSS eigentlich voll SCH... ist. Die Sprache ist denkbar ungeeignet, um normale Layoutprobleme zu lösen. Fast jedes nur etwas aufwendigere Layout ist nur mit Hacks, Tricks und Browserweichen zu erreichen. Das allergrößte Problem bei der Erstellung umfangreicherer CSS-Dateien ist jedoch, daß jeder Browser seinen eigenen Befehlssatz und seine eigenen Fehler hat. Also muss man ständig um verschiedene Browser und Browserversionen herumprogrammieren. == Links == * http://de.selfhtml.org - die deutsche Bibel zum Thema * MetallicSkin - Beispiel für die Änderung des Aussehens einer Seite anhand unseres LUG-Wikis * http://csszengarden.com - eine immergleiche HTML-Seite mit hunderten von CSS-Layouts - sehenswert! * http://www.positioniseverything.net - interessante und hilfreiche Seite über CSS-Probleme * http://www.positioniseverything.net/easyclearing.html - Wer nicht glaubt, was Browserunterschiede sind, sollte z.B. mal das lesen * http://www.fu2k.org/alex/css/onetruelayout/example/holygrail - Beispiel für ein dreispaltiges Layout mit wachsender Mittelspalte * http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/dhtml_node_entry.asp - HTML-Doku für den IE * http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/obj_window.asp - Einstieg in die DOM-Objekte des IE (Objekte, die man per Javascript manipulieren kann) === spezielle CSS-Links === * http://www.westciv.com/style_master/academy/css_tutorial/index.html - gute und komplette englische CSS-Anleitung