Webseiten mit (X)HTML

Die ›Hypertext Markup Language‹ (HTML) ist eine umfangreiche Auszeichnungssprache zum Aufbau von Webseiten, mit der sich Absätze, Überschriften, Listen und Tabellen gestalten lassen. Das Seminar stellt Werkzeuge zum Aufbau von anspruchsvollen Internetseiten vor und zeigt, wie anklickbare Verweise auf andere Web-Seiten und Datenquellen angelegt sowie Grafiken eingebunden werden. Die Teilnehmer erhalten für die Interaktion mit dem Anwender Einblick in JavaScript und Formulare und können mit Formatvorlagen (Stylesheets) einfache Formatierungen durchführen. Neben der technischen Seite erlernen die Seminarbesucher Grundregeln zur Gestaltung kennen und wie ein Web-Auftritt barrierefrei geplant wird. In praxisnahen Übungen vermittelt der Kurs die HTML-Syntax, sodass die Möglichkeiten von HTML und XHTML im Internet-/Intranet-Projekt vollständig ausgeschöpft werden können.

Inhalte des Seminars

Einführung in die Gestaltung von Webseiten

• Die Idee von Tim Berners-Lee
• ›World Wide Web Consortium‹ (W3C) und ›Hypertext Markup Language‹ (HTML)
• Web-Clients: Marktverteilung der Browser
• Entwicklung bis HTML5, HTML und XHTML
• DHTML
• HTML-Werkzeuge, WYSIWIG
• Web-Server und HTTP (Hypertext Transfer Protocol)
• Upload von Seiten, FTP

Zur ersten Web-Seite

• Aufbau einer Web-Seite
• HTML-Tags und Attribute
• Wohlgeformte Seiten
• Kopfangaben, Titel, Meta-Daten
• Kodierungen, Entities, Unicode
• DOCTYPE, DTD

Zentrale HTML-Elemente

• Textauszeichnen (Größe, Typ, Farben)
• Überschriften
• Einrückungen, Zitate
• Listen, Aufzählungszeichen

Links

• Hyperlinks definieren
• Interne und externe Links, Anker
• Links für Web, E-Mail und FTP
• Link-Prüfungen

Tabellen

• Größenangaben
• Gitternetzlinien anpassen
• Ausrichten der Zellen, Zellen verbinden
• Überschriften, Beschriftungen

Grafiken

• Grafiken einbinden
• Grafiktypen (GIF, JPEG, PNG), Optimierung mit Tools
• Animated GIFs

Frames

• Frame-Sets und Frames
• Verschachtelung
• Eingebettete Frames: Das HTML-Tag <iframe>
• Sinn und Unsinn von Frames

Formulare

• Der <form>-Container, Aktionen und POST, GET
• Eingabefelder: ein- und mehrzeilig
• Schaltflächen, Radiobuttons und Checkboxen
• Auswahllisten
• Tastatursteuerung, Fokus-Reihenfolge
• Versteckte Elemente
• Kommunikation mit der Serverseite

Multimedia-Elemente

• Hintergrundmusik
• Multimedia-Player für Musik und Video
• Flash
• Java-Applets

DHTML

• Grundlagen von CSS: Formatvorlagen (Stylesheets)
• Ebenen (Layer)
• Dynamik mit JavaScript

Dynamische Webseiten von der Serverseite

• Skriptsprachen (PHP, JSP, ASP)
• Datenbankanbindung
• Ajax
• ›Content Management Systeme‹ (CMS)

Vervollständigung einer Web-Präsentation

• Gliederung einer Seite
• Barrierefreies Internet
• Überlegungen zum Pageflow
• Hierarchien bilden in Dateien und Ordnern
• Optimierung: Dateigrößen und Übertragungsgeschwindigkeit
• Anmelden der Seite in Verzeichnisse
• Suchmaschinenoptimierung
• Kopieren von Web-Präsenzen