Webseiten mit (X)HTML

Empfohlene Schulungsdauer: 3 Tage, insgesamt 24 Unterrichtsstunden à 45 Minuten

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

Web-Entwickler, Intranet-Betreuer, Anwendungsentwickler

Kursvoraussetzungen

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

Seminarinhalte

  • 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

Eingesetzte Seminar-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

Weiterführende Seminare

Ausgezeichnet in CSS, JavaScript und DOM für dynamische Webseiten, Sichere Web-Anwendungen entwickeln, Adobe Flash

5
142