HTML-Training: kostenlose HTML Tutorials zum Download
Praxisnahes HTML-Training ist der Schlüssel zum Erfolg. Ähnlich dem Erlernen einer Fremdspache ist ständiges Üben der einzig erfolgversprechende Weg.
Will man HTML korrekt umsetzen, so ist eine strikte Trennung von Text und Layout erforderlich. Die HTML-Elemente sollen rein zur Strukturierung der Texte verwendet werden. Sämtliche Designaspekte, wie z. B. Schriftarten, -größen und -farben sowie Abstände und Platzierungen, erfolgen mit CSS.
HTML stellt zur Textstrukturierung insgesamt sechs Überschriftebenen (H1-H6) zur Verfügung. Am Beispiel eines Gesetzestextes kann die Struktur (ca. 15 KB) eines Dokuments nachvollzogen werden.
Vorteil dieses strukturierten Arbeitens ist ein übersichtlicher Quellcode; in der HTML-Datei steht wirklich nur der reine Text. Dieser ist nunmehr auch ohne CSS verständlich.
Die hier gelisteten Tutorials geben Einblicke in das Grundwissen von HTML und Antworten auf praktische Fragen zur eigenen Internet-Präsenz.
Die Tutorials stehen im PDF-Format zum Download zur Verfügung. Zum Speichern nutzen Sie bitte die Funktion der rechten Maustaste (Ziel speichern unter ...). Bitte beachten Sie das Copyright.
Zuletzt aktualisiert am 22.07.09
HTML-Editor Phase 5.3
Zur Erstellung von korrektem und strukturiertem HTML benötigt man einen guten HTML-Editor. Bei dem HTML-Editor Phase 5.3 von Ulli Meybohm handelt es sich um einen textbasierten Editor. Mit Hilfe dieser Software (Freeware) lässt sich der Quelltext für HTML-Seiten erstellen. Hierzu sind Kenntnisse der Auszeichnungssprache HTML unabdingbar.
Das Tutorial "HTML-Editor Phase 5.3" (ca. 74 KB) bietet eine Einführung in die Bedienung des Programms.
Linktipps zum Selbststudium:
Online-Tutorial zu Meybohms HTML Editor Phase 5
HTML-Seminar: HTML Editor Phase 5 von Ulli Meybohm
Zuletzt aktualisiert am 06.06.10
WYSIWYG-HTML-Editor KompoZer
Der kostenlose HTML-Editor KompoZer stellt die Weiterentwicklung des Nvu-Editors (gesprochen: "n-view") dar und ist eine freie Software (Open Source) zur Erstellung und Bearbeitung von HTML-Seiten. Die Software besteht aus einem WYSIWYG-Editor (What you see is what you get), einem FTP-Modul (File Transfer Protocol) und einem CSS-Editor (Cascading Style Sheets).
Das Tutorial "HTML-Editor KompoZer" (ca. 115 KB) führt durch die Installation und zeigt die ersten Schritte im Umgang mit dem Programm.
Zuletzt aktualisiert am 16.07.09
Dokumenttypen (DOCTYPE) - Grammatikregeln für den Browser
HTML und XHTML sind Auszeichnungssprachen. Sie werden vom Anzeigeprogramm, dem Browser (z. B. Internet Explorer, Firefox, Safari, Opera etc.) am Bildschirm dargestellt. Beide Sprachen haben eine bewegte Vergangenheit, die sich am Versionsstand (HTML 4.01, XHTML 1.1) ablesen lässt. Damit der Browser die jeweils richtigen Regeln zur Darstellung des Dokuments verwendet, sollte im Quelltext der Dokumenttyp (DOCTYPE) genannt werden.
Im Tutorial Dokumenttypen (Doctype) (ca. 30 KB) erfahren Sie alles über die richtgen "Grammatik-Regeln" für den Browser.
Zuletzt aktualisiert am 11.07.09
Wie komme ich an eine Domain?
Eine Domain (Top Level Domain) ist die Adresse unter der eine Internet-Präsenz zu erreichen ist. Also: http://www.meineFirma.de. Um eine solche Domain zu registrieren, sollte man sich vorab Gedanken zum Domainnamen machen. Dieser sollte einfach zu merken und repräsentativ für die Inhalte sein. (Beachten Sie bei der Namenswahl die Markenrechte anderer, sonst müssen Sie mit Rechtsstreitigkeiten rechnen.) Ist ein passender Name gefunden, so ist zu prüfen, ob dieser noch frei verfügbar ist.
Hintergrundwissen und Vorgehensweise zur Registrierung einer Domain beschreibt das Tutorial www.MeineFirma.de (ca. 30 KB).
Zuletzt aktualisiert am 11.07.09
Daten-Upload per FTP
Die Homepage ist fertig - doch wie kommt das Ganze jetzt ins Netz? Welcher Provider (Internetdienstanbieter) ist der Richtige? Den Umgang mit einem FTP (File Transfer Protocol)-Programm lernen Sie in dem Tutorial Datenupload per FTP (ca. 70 KB).
Zuletzt aktualisiert am 11.07.09
Bildgalerie mit IrfanView 4.10 erstellen
Dieses Tutorial zeigt, wie einfach es ist eine automatisch generierte Bildgalerie (ca. 150 KB) mit dem kostenlosen Bildbetrachter IrfanView zu erzeugen.
Zuletzt aktualisiert am 11.07.09
Farbwerte in Hexadezimalangaben
Tabellarische und visuelle Übersicht der hexadezimalen Farbwerte.
Zuletzt aktualisiert am 11.07.09
