Quellen für HTML & Co.
https://dernachdenker.at/tutorial/quellen.htm#top

Wenn man die rtf-Datei­en mit Word­pad öffnet, sind die wich­tigen TAGs farb­lich her­vorge­hoben.
Verwendete Symbole:
externer Link ↗
interner Link ⇨
Beispiel als rtf und <HTML>
deutsch
englisch

HTML-TAGS

Als Anfänger erstellt man alle codes mit einem einfachen Editor (notepad.exe - überall vorhanden), nicht mit einem Text­verar­beitungs­programm o.ä. Als Datei­endung wählt man statt txt zB. htm , html oder php.
Nur ein ganz einfacher Editor stellt sicher, dass keine stören­den fremden Programm­codes gespeichert werden.

Werkzeuge

Werkzeuge 1: Parser + Formatter

  • Quelltext automatisch einrücken.
    Es ist für den Entwickler von Vorteil, wenn im Quell­text Ein­rückungen vor­handen sind. Das bietet eine bessere Über­sichtlich­keit. Natürlich besteht oft der Wunsch, wenn man Texte eingefügt hat oder schlampig struk­turiert hat, Ein­rückungen automatisch zu erstellen.
    Manche Lösung für auto­matisches Ein­rücken macht den Quell­text allerdings unbrauchbar.
    Dieses Tool ist einfach: Text in das Web­fenster einfügen und schon hat man ein (fast) perfektes ge­gliedertes Do­ku­ment:

Werkzeuge 2: HTML-Editor & Co

  • Manche verwenden den gewöhnlichen Editor, was gar nicht so schlecht ist. Viele HTML-Editoren machen einfach zu viel - schreiben auto­matisch einen Code, der ja nicht immer mit dem zu­sammen­passt, was man gerade braucht. Da­durch unter­stützen sie nicht wirk­lich, sondern stören den Arbeits­ablauf.
    Manche sind einfach ver­altet (zB. unterstützen UTF-8 nicht)

    Dieser HTML-Editor ist durch­aus brauch­bar und auch noch gratis:

    Wenn man aller­dings einen Fehler macht, kann es sein, dass das Tool nicht mehr weiter kann. Daher eher nicht für das Er­stellen von Web­sites ge­eignet.
    Praktisch ist hingegen die Ver­wendung nur als PARSER: Der Code wird unter­schied­lich einge­färbt, sodass man Syntax­fehler, wie z.B. fehlende Hoch­kommata, leicht auf­finden kann.

Werkzeuge 3: Generatoren & andere Hilfen

Gerne werden Webseiten mit Generatoren erzeugt. Das ist vor allem für jene interessant, die ein Kleinunternehmen mit seinen Produkten im Web präsentieren möchten.
Oft werden auch javascript- und/oder css- Entwicklertools genützt.
Neben den Vorteilen der etwas ein­facheren Gestal­tung und eindrucks­vollen Features, haben diese auch entschei­dende Nach­teile:
  1. Lernaufwand für zusätzliche proprietäre Syntax
  2. zusätzliche Abhängig­keit
  3. gutgemeinte Funktio­nalitäten­änderung durch Provider
  4. Funktionalitäten­änderung durch Hacker (wirklich gefährlich!)
  5. Beendigung des Dienstes (z.B. bei Zahlungs­problemen des Providers)

CSS

Wer HTML schreibt, muss auch CSS beherschen!

Menüs + PopUp + alert

Pseudo-Klassen

Javascript

  • Ein ganz einfaches Erstellungs­datum mit js,
    allerdings mit ameri­kanischem Datums­format:
    <script>
    javascript:document.write(document.lastModified)
    </script>
    Ergebnis:

PHP

Responsive

Formulare

Datenbankzugriffe

Suchmaschinen

  TIPPS




MailWünsche, Anregungen, Kritiken oder einfach Kommentare an derNachdenker
Die Inhalte dieser Seiten wurden sorgfältig zusammengestellt,
dennoch können Fehler enthalten sein, für die der Autor keine Haftung übernimmt.