Ihr Standort: Kostenloses Kurse / Anwendungsgrundlagen Internet & HTML

Anwendungsgrundlagen Internet & HTML - Der Kurs zum kostenlosen Lernen und Nachschlagen

Carsten Pasternack • Susanne Gründler • Thorsten Hirsemann

Anwendungsgrundlagen Internet & HTML
Kurs starten >>

Die Schulung führt Sie in die Konzepte der Hypertext Markup Language (HTML) ein. Sie erwerben die Kompetenz, HTML-Seiten selbstständig zu erstellen. Sie lernen die wesentlichen Aspekte der Entstehungsgeschichte und der Funktionsweise des Internet kennen und erhalten einen Überblick über die HTML-Syntax und die Struktur von HTML-Dokumenten, Cascading Style Sheets sowie den Zusammenhang zwischen Skriptsprachen und HTML. Sie werden so Schritt für Schritt mit den wesentlichen Sprachelementen von HTML vertraut gemacht und praxisorientiert an immer komplexere Herausforderungen der HTML-Seitenerstellung herangeführt. Im Laufe Ihres Lernfortschritts erstellen Sie nach und nach eine vollständige Web-Präsenz.

Inhalt

Vorwort
Das Internet
- Das Netz der Netze
  - Ausflug: Das Telefonnetz
  - Datennetze
- Paketvermittlung und Transportprotokolle
  - Verbindungslose Kommunikation
  - Zuverlässigkeit durch Transportprotokoll
- Internetadressen
- Benennung von Rechnern und Domains
- Anwendungen im Internet
- Struktur des Internet heute
- Internet-Service-Provider (ISP)
- Übungen
- Verständnistest zum Thema Internet
- Hausarbeit zum Thema Internet
Das World Wide Web
- Einführung zur Geschichte
- Das URL-Konzept
- Hypertext Transfer Protocol (HTTP)
- File Transfer Protocol (FTP)
- Proxies und Caches
- Anwendungen des WWW
- Übungen
- Verständnistest zum Thema World Wide Web
- Hausarbeit zum Thema World Wide Web
Das HTML-Dokument
- Einführung
  - Zielsetzung von HTML
  - Geschichte von HTML
- Syntax und Semantik
  - Deklaratives Markup
  - Logische Dokumentauszeichnung
  - Dokumenttypen
- Sprachelemente in HTML
  - Grundstruktur eines HTML-Dokuments
  - Elementarten
  - Eine noch fast leere Seite
- HTML und Webserver
- Benutzungsempfehlungen
- Übungen
- Verständnistest zum Thema Das HTML-Dokument
- Hausarbeit zum Thema Das HTML-Dokument
Die Textformatierung
- Formatierungsmöglichkeiten für Schrift in HTML
  - Angabe von Schrifteigenschaften
  - Schriftfamilie
  - Schriftgröße
  - Schriftstil
  - Schriftfarbe
  - Sonderzeichen
- Formatierungsmöglichkeiten für Text
  - Absatzformate
  - Ausrichtung
- Linien
- Listen
- Gestaltungsregeln
  - Ziele
  - Seitenlayout
- Übungen
- Verständnistest zum Thema Textformatierung
- Hausarbeit zum Thema Textformatierung
Navigation: Hypertext und Links
- Verweise (Links)
- Anker
- Verweisziel in neuem Browserfenster anzeigen
- Öffnen des E-Mail-Clients
- Unterstreichung unterdrücken, andere Linkfarben
  - Unterstreichung unterdrücken
  - Linkfarben
- Übungen
- Verständnistest zum Thema Navigation: Hypertext und Links
- Hausarbeit zum Thema Navigation: Hypertext und Links
Bilder und Farben
- Bilder
  - Dateiformate für Bilder
  - Bildgröße
  - Bildrand
  - Bildtext
  - Anordnung von Text und Bild
- Gestalten mit Bildelementen
  - Gestalten mit unsichtbaren Bildern
  - Gestalten mit einfarbigen Bildern
  - Gestalten mit Hintergrundbildern
- Image Map
- Einbinden von Multimediaobjekten
- Farben in HTML
  - Der Hexadezimalcode für Farben in HTML
  - Websichere Farben
  - Farbnamen
- Übungen
  - Übungen: Bilder
  - Übungen: Farbe
- Verständnistest zum Thema Bilder und Farben
- Hausarbeit zum Thema Bilder und Farben
Tabellen
- Tabellen anlegen (Grundstruktur)
- Eigenschaften von Tabellen
  - Attribute des Elements table
  - Vereinigungen von Tabellenzellen
  - Attribute des Elements tr
  - Attribute des Elements td
- Gestalten von ganzen Seiten mit Tabellen
- Tabellen in Tabellen
- Übungen: Tabellen
- Verständnistest zum Thema Tabellen
- Hausarbeit zum Thema Tabellen
Frames und Navigation
- Frames
  - Einsatzmöglichkeiten
  - Frames anlegen und füllen
  - Eigenschaften des Elements frameset
  - Eigenschaften des Elements frame
  - Auswirkungen auf Verweise (Links)
  - Übungen
- Einige Anmerkungen zur Entwicklung einer Website
- Übungen zur Navigation
- Verständnistest zum Thema Frames und Navigation
- Hausarbeit zum Thema Frames und Navigation
Cascading Style Sheets (CSS)
- Einführung in CSS
  - Die Rolle von CSS im World Wide Web
  - Erste Schritte
- Das CSS-Verarbeitungsmodell
  - Erstellung des Dokumentbaums
  - Formatierung für die visuelle Darstellung
- Die CSS-Spezifikationen
  - Selektoren
  - Verarbeitung von Cascading-Style-Sheet-Spezifikationen
  - Einbindung von Style Sheets in HTML-Dokumente
- Schriften in CSS
  - Schriftarteneigenschaft font-family
  - Schriftgrößeneigenschaft font-size
  - Texteigenschaften
  - Aufzählungen (Listen)
  - Schrift-Eigenschaften im HTML-Element body
- Farben
  - Notationen der Farbdefinition
  - Textfarbe
  - Hintergrundfarbe und Hintergrundgrafiken
- Positionieren
  - Positionieren von Elementen
  - Größenangaben
  - Unsichtbare Objekte
  - Ebenen
- Quellen und Hilfen im World Wide Web
- Übung
- Verständnistest zum Thema CSS
- Hausarbeit zum Thema CSS
Formulare
- Mögliche Empfänger für Formularinformationen
- Eingabefelder
- Optionsfelder (Radio-Buttons und Checkboxen)
- Auswahlmenüs
- Submit- und Reset- Buttons
- Übungen
- Verständnistest zum Thema Formulare
- Hausarbeit zum Thema Formulare
Skriptsprachen und HTML
- Aufgaben von Skriptsprachen, Einsatzmöglichkeiten.
  - Mit welchen Skriptsprachen wird im Zusammenhang des WWW gearbeitet?
- Einsatz von Skriptsprachen
  - Zusammenwirken der Komponenten
- Einbinden von Skripten
  - Einbinden von Skripten in HTML
  - Aufrufen von externen Skripten
- DHTML
- Übung
- Verständnistest zum Thema Skriptsprachen und HTML
- Hausarbeit zum Thema Skriptsprachen und HTML
HTML-Projekte, Werkzeuge, Test und Wartung, Einfluss auf Suchmaschinen
- Hochladen von Dateien (Upload)
- Validation: Prüfen von HTML
- Besonderheiten verschiedener Browser
- Meta-Angaben
- Verständnistest zum Thema HTML-Projekte
- Hausarbeit zum Thema HTML-Projekte
Workshop für das Webprojekt "IT Dienstleistungs-GmbH"
- Entwicklungsstufen eines Webprojekts
  - Phase1: Konzeption und Planung
  - Phase 2: Entwurf der Informationsstruktur
  - Rollen in der Website-Herstellung
- Aufgabenstellung
- Verständnistest zum Thema Workshop
- Hausarbeit zum Thema Workshop
Ausblick: Neue Technologien für das World Wide WebPerspektiven
- Einleitung
  - Rückblick: Entstehung von HTML
  - Extensible Markup Language (XML)
  - Zusammenfassung: Konvertierung von HTML-Dokumenten nach XHTML
  - XHTML -1.0 -Referenz (alphabetisch geordnet)
- Extended Markup Language XML
  - Beispiel für ein einfaches XML-Dokument
  - Darstellung von XML-Dokumenten mit CSS
  - Extensible Stylesheet Language (XSL)
- Zusammenfassung
- Verständnistest zum Thema Ausblick
- Hausarbeit zum Thema Ausblick