Sie befinden sich hier: Home » Seminare » Web » HTML

Erstellen von Webseiten mit (X)HTML

Kursziele

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.

Zielgruppe

  

Empfohlene Dauer

Web-Entwickler, Intranet-Betreuer, Anwendungsentwickler  3 Tage, insgesamt 18 Zeitstunden

Inhalte

  • 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
    • Versionen: Von HTML 1 bis HTML 4, XHTML 1.0 und XHTML 1.1 Spezifikation
    • 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

Voraussetzungen

Grundlegende IT-Kenntnisse und sicherer Umgang mit einem Web-Browser.

Seminarunterlagen

Als Begleitunterlage wird jedem Teilnehmer ein Exemplar der Herdt-Unterlage ›HTML 4 - Grundlagen der Erstellung von Webseiten‹ ausgehändigt.

Software

Die Web-Browser Firefox und der Internet-Explorer von Microsoft. HTML-Editoren wie MS Frontpage oder komfortable Text-Editoren mit Ünterstützung für die HTML-Syntax.

Schlagwörter