Quereinstieg in selfhtml

In unseren Schulungen treffen wir immer wieder viele Menschen, die de.selfhtml.org kennen, aber nicht nutzen – können. Sie finden oft den Einstieg nicht und fühlen sich überfordert von der Masse Informationen, die dieses Kompendium bietet. Kein Wunder. Dieses wunderbare, online verfügbare Hilfswerk ist prall gefüllt mit allen Details, die es zum Thema HTML, CSS und noch vielen weiteren Themen gibt. Wir greifen nahezu täglich darauf zurück um das ein oder andere Detail nachzuschlagen. Und genau das ist aus unserer Sicht auch das Geheimrezept, wie man mit dieser Menge Informationen umgehen kann. Hier stellen wir drei Zugangswege vor, die Ihnen das geballte Wissen in selfhtml leichter erschliessen. Voraussetzung ist allerdings, dass Sie sich mit HTML zumindest ein bisschen auskennen. Dass sie wissen was ein „tag“ ist und welche Grundstrukturen eine HTML-Seite in etwa bietet. Weiter unten finden Sie Hinweise, welche weiterführenden Informationen selfhtml bereithält, welche tags beispielsweise in welchen Browsern dargestellt werden oder zu welchem Standard sie gehören. Aktuell wird das Nachschllagewerk in einem wiki weitergeführt.

Methode 1: selfhtml bietet Einstieg über Stichwörter

Frage: Welche Farben gibt es?
Startseite (http://de.selfhtml.org) –> Stichwortverzeichnis –> F –> Farben
Frage: Wie mache ich ein neues Fenster mit einem Link auf?
Startseite –> Stichwortverzeichnis –> L –> Links

Methode 2: selfhtml liefert Kurzbeschreibungen als Einsteigertipps

Frage: Wie positioniere ich ein bestimmtes Objekt?
Startseite –> Kurzreferenz: CSS –> CSS-Eigenschaften: Positionierung und Anzeige von Elementen
Frage: Welche Textelemente habe ich in einer HTML-Datei?
Startseite –> Kurzreferenz: HTML –> Elemente zur Textstrukturierung

Methode 3: selfhtml listet Syntax alphabetisch

Frage Wie macht man einen Tabellenkopf?
Startseite –> Syntaxverzeichnis –> HTML –> T –> table
Frage: Wie kann ich Hintergründe im Stylesheet einstellen?
Startseite –> Syntaxverzeichnis –> Stylesheets –> B –> background

Ein Problem, drei Zugangswege

Frage: Wie mache ich den rechten Rand größer?
Startseite –> Stichwortverzeichnis –> R –> Ränder
Frage: Welche Randabstände habe ich zur verfügung?
Startseite –> Kurzreferenz: CSS –> CSS-Eigenschaften: Außenrand/Abstand
Frage: Welche Werte habe ich für Ränder im stylesheet?
Startseite –> Syntaxverzeichnis –> Stylesheets –> M –> margin

In selfhtml „lesen“

Stefan Münz hat seine einzelnen Hilfetexte ganz wunderbar strukturiert. Wenn Sie ersteinmal einen „Telefonbuch-ähnlichen“ Zugang zum Kompendium gefunden haben, eröffnet sich ein unglaublicher Fundus. sehen wir uns doch einmal das Beispiel Tabellen gemeinsam an:
Startseite –> Stichwortverzeichnis –> T –> Tabellen
Überschrift Aufbau einer Tabelle –> wir sind richtig.
Navigationslinks zur direkteren Fragestellungen oder zu „Weiteren Informationen“. Eine der wichtigsten Links, wenn man mal nicht ganz richtig landet.
In der Zeile darunter einige Symbole
HTML 3.2
XHTML 1.0
Windows-Explorer 2.0
Netscape Navigator 1.1
opera 5.12
Mozilla firefox 1.0
Konqueror 3.1
Safari 1.0
Hier können Sie rauslesen in welchem Standard der Tag <table> korrekt angezeigt wird.
HTML 3.2 XHTML 1.0 sagt aus, dass die Tabelle hier und in allen davorliegenden Varianten wie z.B. HTML 2.0 funktionieren wird. Die Browseraufzählung zeigt Ihnen an ab welcher Version der Browser den Table-Tag korrekt anzeigt. Alle neueren Versionen können dies auch.
Danke an den Autor, der sich soviel Mühe gemacht hat und Ihnen hier eine wertvolle Information schenkt. Mit dieser Leiste finden Sie heraus ob ein tag vielleicht steinalt ist und nicht mehr gern gesehen ist. Hier kommt auch noch ein Dreieck mit dem Hinweis „missbilligt“ zu der Bilderreihe hinzu. Sie können auch erkennen, ob ein Tag so neu ist, dass ihn verscheidene Browser erst seit ganz kurzer Zeit darstellen. Unter den Symbolen kommt in der Regel eine kurze Einführung. Direkt darunter kommt üblicherweise das Beispiel. Auch das ein Quell der Bereicherung. Sie sehen Quellcode und können sich diesen per Klick auf „Anzeigebeispiel: So sieht`s aus in der Browserdarstellung ansehen. Oft hören Sie spätestens hier auf zu lesen, weil Sie nun wissen, wie sie ihr Problem lösen können.
In den angehängten Texten „Erläuterung“ und „Beachten Sie“ könnten Sie aber noch Details aufsammeln, die ganz oft hilfreich sind.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.