Hechtnetz-Logo

Dieser Kurs wird nicht weiter gepflegt - Neuerungen werden nicht berücksichtigt.

Grundkurs HTML

HTML-Kurs für Einsteiger

HTML-KursUpdate: Der "Grundkurs HTML" wird nicht weiter gepflegt und keinen aktuellen Veränderungen angepasst.

Aus meinem Unterricht heraus entstand der Wunsch eine Einführung in das Thema HTML zu erstellen, die Neueinsteiger begleitet und auf den Umstieg auf umfangreichere und weiterführende Tutorials vorbereitet.

Zentrale Anforderung schien mir bei der Erstellung dieser Anleitung Praxisbezug, Verständlichkeit und Umsetzbarkeit von Code zu sein. Damit und mit der Zielsetzung, den Kurs in "endlicher Zeit" durcharbeiten zu können ergibt sich eine Verkürzung des Inhaltes auf (aus Sicht des Autors) wesentliche Punkte. 
Eine vollständige Vorstellung der Sprache HTML ist an dieser Stelle nicht zu erwarten.

(Bildquelle: » stock.xchng von » svilen001)


 

Einleitung Beitragsanzahl:  3

Einleitung

EinleitungBevor es an das eigentliche Thema HTML geht einige Vorbemerkungen zum Thema Software.

Auch wenn es heute üblich ist Webseiten meist mit Content-Management-Systemen (CMS) zu erstellen sind Kenntnisse in klassischem HTML sinnvoll. In sogenannten WYSIWYG-Programmen (What You See Is What You Get) können Internetseiten auf grafischem Weg erstellt werden. Man stellt die Dateien wie mit einem guten Textverarbeitungsprogramm zusammen, formatiert und gestaltet über Icons oder Menüs. Auch die Klassiker MS-Word, LibreOffice-/OpenOffice.org-Writer beherrschen das. 
Spezialisierte Programme übernehmen dann zusätzlich noch die Verwaltung der Links und der Dateien.

Trotzdem ist man auch in diesen Fällen davon abhängig, welchen Code die Programme erzeugen - und das ist nicht immer der beste Weg.

Zum Erlernen von HTML ist aber keine besondere Investition nötig. Auf dem Freeware-markt gibt es genügend kostenfreie Alternativen. Mit dem Programm "Phase 5" werden alle Kapitel des Kurses in die Praxis überführt.

(Bildquelle: » stock.xchng von » jaylopez)


 

HTML und WWW Beitragsanzahl:  5

HTML & World Wide Web

HTML und WWWZur Einordnung von HTML ist es hilfreich kurz auf die Entstehung des Internets und insbesondere des WWW in seiner heutigen Form einzugehen. Auf die Unterschiede zwischen Internet und World Wide Web wird hier nicht eingegangen, ebenso wenig auf weitere Dienste des Internets. Andere Seiten können das ausführlicher.

Hier soll aber das Grundprinzip von HTML als sogenannte "Auszeichnungssprache" dargestellt werden und die Struktur von HTML-Seiten erläutert werden. Beides macht die Wirkung von HTML-Anweisungen, die in den folgenden Kapiteln dargestellt werden verständlicher.
Erste Schritte mit dem Editor "Phase 5" runden das Kapitel ab.

(Bildquelle: » stock.xchng von » svilen001)


 

Textformate Beitragsanzahl:  6

Textformate

TextformateIn Textverarbeitungsprogrammen werden diese Techniken mit Absatz- und Zeichenformaten beschrieben. 
Auch mit HTML wird das Aussehen der Texte auf der Internetseite beeinflusst. Entscheidender hier ist aber, dass die Struktur des Textes durch eine Kennzeichnung der Elemente (Überschriften, Absätze, Zitate, Hervorhebungen, ...) mit HTML festgelegt wird. Auch wenn die einige Anweisungen die Aufgabe der Textstrukturierung mangelhaft erfüllen (und demzufolge im neuesten HTML-Standard nicht mehr empfohlen werden) können Neueinsteiger damit ihr Verständnis für HTML erweitern und (nebenbei) lesbare HTML-Dateien erzeugen. 

Die Umsetzung der neuen Kenntnisse mit "Phase 5" fehlt natürlich nicht.

(Bildquelle: » stock.xchng von » cobrasoft)


 

Listen Beitragsanzahl:  5

Listen

ListenAuch Listen sind Nutzern von Textverarbeitungsprogrammen hinlänglich bekannt: als Nummerierungen und Aufzählungen.
Als wichtige Strukturen können sie die Lesbarkeit von Texten wesentlich erhöhen und Aussagen hervorheben und strukturieren.

Auch wenn mit reinem HTML die Darstellungsmöglichkeiten von Listen auf Internetseiten eingeschränkt sind sollen sie als Anweisungen an den richtigen Stellen eingesetzt werden. Das Kapitel beschränkt sich hier auf die drei gebräuchlichsten Listenarten (Aufzählungen, Nummerierungen, Definitionslisten) und erläutert abschließend deren Erzeugung mit dem Editor "Phase 5".

(Bildquelle: » stock.xchng von » iprole)


 

Verweise Beitragsanzahl:  5

Verweise

VerweiseVerweise, Hyperlinks, Links: mehrere Begriffe für eine Technik, die das World Wide Web kennzeichnen.

"Die nächste Information ist nur einen Klick entfernt!"

Erst Verweise ermöglichen die Navigation innerhalb der Seiten eines Webauftritts und verbinden isolierte Internetseiten auf Webservern zu einem weltweiten Daten- und Informationsnetzwerk. Surfen im Web ist damit erst möglich. Bereits im Internet vor den Zeiten des WWW so wie wir es heute kennen waren Verweise zentraler Bestandteil.

(Bildquelle: » stock.xchng von » Mamphil)


 

Grafiken Beitragsanzahl:  5

Grafiken

Grafiken1989 wurde das World Wide Web als Dienst des bereits bestehenden Internets von Tim Berners-Lee (» Wikipedia-Artikel) entwickelt. Internetseiten bestanden zu dieser Zeit nur aus Text. Anlässlich des 20. Geburtstags des Internets stellte das Forschungszentrum CERN einer der ersten Webseiten unter der Originaladresse (» http://info.cern.ch/hypertext/WWW/TheProject.html) wieder online.

Am 18. Juli 1992 wurde das erste Bild ins WWW "hochgeladen" (» Artikel in Chip-online). Mit der Möglichkeit Texte und Bilder darzustellen (und später auch andere multimediale Inhalte) ist das WWW zu dem geworden was wir heute kennen und schätzen.

(Bildquelle: » stock.xchng von » svilen001)


 

Tabellen Beitragsanzahl:  4

Tabellen

TabellenHier hat der Begriff "Tabellen" nun mal keine direkte Beziehung zu Tabellen aus Kalkulationssoftware. HTML kann nicht rechnen, also können Tabellen in HTML auch nicht für Berechnungen eingesetzt werden.

Trotzdem haben sie einen festen Platz und enorme Bedeutung in HTML. Sie eröffnen die Möglichkeit Daten strukturiert darzustellen und werden oft dazu verwendet, Elemente der Seite zu positionieren (auch wenn sie dafür eigentlich nicht gedacht sind). 
Die Umsetzung in HTML ist nicht trivial, Tabellen geben dem Webmaster aber ein mächtiges Werkzeug zur Strukturierung von Inhalten an die Hand. Zusammen mit der (später besprochenen) Erweiterung Cascading Style Sheets (CSS) steht einer Individualisierung der Webseite nichts mehr im Weg.


 

CSS Beitragsanzahl:  3

CSS

CSSMit Cascading Style Sheets (CSS) lassen sich die beschränkten Formatierungsmöglichkeiten die HTML bietet fast unbegrenzt erweitern. HTML ist ja auch nicht zur (optischen) Formatierung einer Webseite entwickelt worden! 

CSS stellen keine eigene Sprache des Web dar sondern sind immer mit HTML verbunden. In diesem kurzen Abschnitt soll eine Einführung in das Thema gegeben werden um dem Leser einen Einstieg in dieses komplexe Thema zu ermöglichen und helfen, die anderweitig erworbenen Kenntnisse auch mit dem Editor "Phase 5" umsetzen zu können.

(Bildquelle: » stock.xchng von » svilen001)


 

Quellen Beitragsanzahl:  1

Quellen

quellen 150Eie kleine Sammlung von Links aus dem Internet soll das Thema abschließen. Die vorliegende (und unvollständige) List bezieht sich auf die in den vorherigen Abschnitten benutzten Werkzeuge und bildet einige Seiten ab, die sich für Einsteiger zum Thema möglicherweise zur Vertiefung anbieten.
Gleichzeitig sind es die Seiten aus denen ich die vorliegenden Kursinhalte zusammengestellt habe.

(Bildquelle: » http://de.freeimages.com/ von » Svilen Milev)


 


Impressum:       Jörg Hecht  |  Meierfeld 34  |  32049 Herford  |  » Kontakt