Webseiten – HTML Gliederung 1.Einführung in HTML 2.Aufbau einer einfachen Webseite

1. Einführung in HTML ● Die Hypertext Markup Language (HTML, dt. Hypertext-Auszeichnungssprache) ist eine Auszeichnungssprache zur Strukturierung von Inhalten (Texte, Bilder, Hyperlinks) in Dokumenten. ● HTML-Dokumente sind die Grundlage des World Wide Web und werden von einem Webbrowser dargestellt. ● Das HTML-Dokument enthält – die vom Browser als Webseite darzustellenden Inhalte (mit Formatierungen) und – Metainformationen (Dokumenttyp, Autor,...).

1. Einführung in HTML ● Dem Text wird durch Auszeichnungen mit Tags ( Text ) eine Struktur verliehen. ● Die Tags sind von englischsprachigen Begriffen abgeleitet, z.B.: – Absatz – part: Text des Absatzes – Überschrift – Headline: ● Überschrift 1. Ordnung ● Überschrift 2. Ordnung – fett – bold: fetter Text – kursiv – italic: kursiver Text – unterstrichen – underlined:...

2. Aufbau einer einfachen Webseite Dokumenttyp Beginn und Ende des HTML-Dokuments Kopfbereich mit Metainformation en Körper, der vom Webbrowser interpretiert und dargestellt wird Nur was in diesem Bereich steht, ist auf der Webseite zu sehen!

– Welche Software? – HTML-Quelltext kann mit jedem Texteditor erzeugt werden. Komfortabler sind allerdings HTML- Editoren, mit denen man die Grundstruktur des Dokuments und wichtige Tags per Mausklick erzeugen kann. Viele HTML-Editoren verfügen auch über Assistenten (z.B. für Framesets) und integrierte Parser, die das Betrachten der Webseite ohne zusätzlich geöffneten Webbrowser erlauben. Syntax-Hervorhebung und Zusatztools zum Erzeugen von Stylesheets sowie Unterstützung für Skriptsprachen (z.B. Java-Skript) komplettieren das Bild. Es folgt eine kleine Auswahl kostenloser Editoren...

– Welche Software? – ● Quanta Plus ( wurde für die Arbeitsoberfläche KDE geschrieben und läuft auf Linux und Unix-Systemen. ● Quanta bietet komplexes Projektmanagement und unterstützt HTML, XHTML, XML, Java, PHP und JavaScript. ● Eine Anleitung zur Benutzung findet man unter Editoransich t Vorschauansicht

– Welche Software? – ● Bluefish ( läuft auf Linux, FreeBSD, Solaris und Mac OS X. Seit Version (unstable) steht auch eine Windows- Version zur Verfügung. ● Bluefish bietet Syntaxhervorhebung für HTML, PHP, Java, Perl, Python, Ruby, C und Pascal an.

– Welche Software? – ● Phase 5 ( ist ein für den Privatgebrauch oder Schulen kostenloser HTML- Editor für Windows. ● Er unterstützt u.a. auch PHP, JavaScript, Java, Perl, C++, Object-Pascal, Python und Visual Basic. ● Eine eingebaute Vorschau, ein Debugger (Linktester) und ein Werkzeug zum Erstellen von Tabellen vervollständigen das Bild. ● Weitere HTML-Editoren siehe Wikipedia: ●

2. Aufbau einer einfachen Webseite Aufgabe Starte den HTML-Editor Quanta und erzeuge eine einfache Webseite mit Überschriften, Textabsätzen, nummerierten und unnummerierten Listen und einer Tabelle. Nutze die Vorschau- Ansicht! Schnellstart- Assistent