Mit dem folgenden Arbeitsblatt steht dir ein kompletter XHTML-Grundkurs, komprimiert auf einer DIN-A4-Seite, zur Verfügung
Download der Arbeitsblätter:
Zunächst werden einige Freeware-Programme vorgestellt. Sie können von dieser Seite heruntergeladen werden.
|
Top Style ist ein CSS-Editor. Tippt man einen Selektor, öffnet
sich sofort ein Fenster mit den möglichen CSS-Eigenschaften. Auch
für die Eingabe von Eigenschaftswerten öffnen sich
Eingabe-Textboxen.
Note Tab Light ist ein HTML-Editor. Wählt man die Bibliothek
"HTML", können die Tags geklickt werden. Es öffnen sich auch
Eingabefenster, um Attribute und ihre Werte einzugeben. In der
Bibliothek HTML -ar erscheinen die HTML-Befehle alphabetisch sortiert.
Um den Editor für XHTML vorzubereiten, müssen noch einige kleine Einstellungen geändert werden.
Download: Beschreibung im PDF-Format
HTML Kit ist ein recht komfortabler Editor mit farbiger Markierung von Elementen, Attributen und Werten.
Im Preview Fenster kann man sofort die Ergebnisse seiner Arbeit sehen. Befehle lassen sich auf 3 Arten anklicken:
In Menüs, mit Symbolen und auch in Kontextmenüs, die dann erscheinen, wenn man in einen Tag klickt und die
Leertaste drückt. Beim Erstellen einer neuen Seite erscheint das Grundgerüst einer HTML-Seite. In einer
PDF-Datei habe ich beschrieben, wie die Einstellung verändert werden kann, damit das Grundgerüst einer Srict-XHTML-
Datei erscheint. Download: Einstellung zur neuen Seite
Möchtest du die Menüs in deutscher Sprache sehen? Lade dir zuerst die Datei kdTranslationGerman.zip herunter!
Klicke im Menü Tools auf Install -> Install Data File. Wähle dann die heruntergeladene .zip-Datei! Nach einem
Neustart siehst du die Menüs in deutsch. Die Installation kannst du rückgängig machen: klicke auf Extras -> Sprache
zurücksetzen...
HTML Tidy prüft, ob der XHTML-Code korrekt ist und zeigt gleich die verbesserte XHTML-Seite an.
Um tidy.exe zu nutzen, kopiere diese Datei in dein Arbeitsverzeichnis! Gehe ins Dos-Fenster (Ausführen: cmd)
und gebe ein: cd Arbeitsverzeichnis, anschließend tidy
zu_testende_Seite.html. Tidy zeigt Fehler und Warnungen an und dahinter die verbesserte HTML-Seite.
Tidy kann auch in unsere HTML-Editoren eingebunden werden: Für
Note Tab Light musst du tidy.exe ins Verzeichnis Programme\Note Tab
Light kopieren. Danach kann Note Tab durch Klick auf Tools -> Tidy
HTML-Code die aktuelle HTML-Seite verbessern. Leider wird die alte
Seite kommentarlos verbessert und überschrieben.
Evrsoft First Page ist ein guter und recht kompliziert zu bedienender HTML-Editor mit eingebauter Vorschau im 2. Fenster.
NVU ist der einzige hier vorgestellte Editor, der Eingaben direkt im Wysiwyg-Fenster erlaubt. Außerdem ist er mit deutscher Oberfläche recht bedienungsfreundlich.
Für einen XHTML-Kurs empfehle ich die Programme Top Style und Note Tab, da sie den reinen Code anzeigen. Der Lernende kann und muss sich mit der Eingabe von Elementen und Attributen beschäftigen und erhält so eher Zugang zu den CSS-oder XHTML-Befehlen
Microsoft Tool gratis: