 Editor und Referenz
Ein Editor ist ein Computerprogramm, ein Anwendungsprogramm zur Erstellung und Bearbeitung von Daten. Ein HTML-Editor ist ein Programm, mit dem man Internetseiten mit HTML-Code erstellen und abändern kann.
Dabei unterscheidet man textbasierte Programme, bei denen direkt der Quellcode editiert wird, und so genannte WYSIWYG-Editoren, bei denen die Seite beim Bearbeiten so angezeigt wird, wie sie der Browser später darstellt bzw. darstellen sollte.
Um eine HTML-Seite zu erstellen benötigen sie also einen Editor. Um sie dann später ansehen zu können einen Browser. Beide Programme (sind kostenlos erhältlich) gehören zur Grundausstattung jedes Webmasters. Spezielle HTML-Editoren erleichtern ihnen die Arbeit, weil sie eine so genannte Syntaxhervorhebung besitzen, welche Tags im Quellcode farblich kenntlich macht. Die besseren Programme unterstützen auch Auto-Vervollständigen.
WYSIWYG
Sie können aber auch ihr Geld für einen WYSIWYG (what you see is what you get) [Was du siehst ist was du bekommst] - Editor ausgeben, bei dem sie Seitenelemente mit der Maus hin- und herschieben können.
Bei einem echten WYSIWYG-Editor wird ein Dokument während der Bearbeitung am Bildschirm genauso angezeigt, wie es bei der Ausgabe später aussieht.
Web-CMS
Und dann wäre da noch das Content-Management-System
Ein Web-Content-Management-System (kurz W-CMS ist ein Anwendungsprogramm, das die gemeinschaftliche Erstellung und Bearbeitung des Inhalts von Seiteninhalten ermöglicht und organisiert. Ein solches System kann man auch ohne Programmier- oder HTML-Kenntnisse bedienen. Die Betonung liegt hier auf "gemeinschaftliche Erstellung und Bearbeitung". Es wird häufig dort eingesetzt wo gemeinschaftlich, auch von Autoren ohne HTML-Kenntnisse, an einem Projekt gearbeitet wird.
Ein solches Redaktionssystem dient der Verwaltung von Inhalten im Medienbereich. Wesentliches Merkmal ist die Trennung von Inhalten (Content), Struktur und Design (Layout). Die Autoren haben gewöhnlich unterschiedliche Zugriffsrechte.
spitze Klammer auf ... spitze Klammer zu
HTML-Tags 'zu Fuß' schreiben und sich dabei vom Editor unterstützen lassen.
Wenn sie die Grundlagen der Textformatierungssprache HTML erlernen möchten und wirklich Kontrolle über die Feinheiten ihrer Seite wollen, empfehle ich einen Editor wie 'Phase5' (deutsch) oder 'firstpage' (englisch). Beide sind schon «ewig» im Web verfügbar, für Privatanwender kostenlos und haben sich bewährt. Er beherrscht die beiden oben hervorgehobenen Vorzüge Syntaxhervorhebung und Auto-Vervollständigen
mein Editor: HTML-Editor Phase52
Für meine Arbeit benutze ich den Editor Phase5 in der älteren Version von 2000 (screenshot). Wenn sie den Umfang meiner Web-Präsenz ansehen wird deutlich, was man mit dem hervorragenden Tool 'Phase5' herstellen kann.
Natürlich beginne ich dabei nicht für jede Seite mit dem HTML-Grundgerüst. Eine bestehende (und für OK befundene) Seite habe ich als Vorlage abgespeichert. Beim Erstellen einer weiteren neuen Seite kopiere ich die neuen Inhalte / schreibe ich die neuen Inhalte in diese Vorlage und speichere mein Werk unter einem neuen Namen ab.
Kopf- und Fußbereich der Seiten sollen ja ohnehin identisch sein. Lesen sie dazu auch den Artikel  Planung einer Webseite im Menü Diverses.
Weitere Hilfen Wekzeuge Tools
Eine Übersicht nützlicher Hilfen, Downloadquellen und Tools finden sie im Menü Downloads. Dort biete ich auch diverse Homepage-Vorlagen zum Download und zur freien Verwendung an. Nicht alle sind besonders schön, eignen sich aber zur Analyse unterschiedlicher Techniken recht gut.
Kurzanleitung / Referenz
Wenn Sie sich für den Editor Phase5 entscheiden (aber nicht nur dann) gibts hier für sie meine Kurzanleitung als PDF-Datei für HTML-Beginner, mit Querverweisen zum Editor.
 Kurzanleitung, PDF-File 119 kB 
Basierend auf die Referenz SELFHTML Vers. 8.0 und den Editor Phase5 release 2000 habe ich in der Datei einige Tipps zusammengestellt. Einfache Regeln, die helfen sollen die Zeit der Fehlersuche zu minimieren. (eine aktuellere Version von SELFHTML und auch für den Phase5 ist mittlerweile verfügbar, siehe unten)
Im Text der PDF-Datei verweise ich auf die entprechenden Artikel in der Referenz SELFHTML und auf die Funktionen des Editors Phase5 (Beispiel im Kasten).
Ich weise auf häufige Anfängerfehler hin. Außerdem enthält die Datei einen Anhang mit der Übersicht der wichtigsten HTML-Tags und Attributen. Ich hoffe, ihnen bleiben damit einige Stunden verzweifelte Suche nach Fehlerursachen erspart und die Nachtruhe erhalten :-) .
Ich gebe zu, meine Referenz ist schon ein wenig 'in die Jahre gekommen' und bräuchte eine Überarbeitung.
Quellen, Referenzen und Editoren (externe Links)
|
HOME
ZURÜCK 