HTML

Crashkurs - Der effiziente Einstieg

Ohne HTML gäbe es kein WWW. Dieses Video-Training führt Sie in die Grundlagen des Webs ein und versetzt Sie in die Lage, selbst HTML-Seiten zu erstellen. Damit sind Sie perfekt für alle weiteren Technologien und Sprachen vorbereitet, die ein Webdesigner beherrschen muss.

Ihr(e) Trainer: Ralph Steyer

Erscheinungsdatum: 13.05.2008

EUR 14,95

Es handelt sich bei diesem Video-Training um ein Online-Training. Die Trainingsinhalte können überall und rund um die Uhr von unseren Servern abgerufen werden.

Was bekomme ich nach dem Kauf?

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!

In den Warenkorb Downloads

Auf die Merkliste Tell-A-Friend Feedback verfassen

Ähnliche Video-Trainings

In diesem einleitenden Kapitel stellt sich Autor und Trainer Ralph Steyer vor, erklärt wichtige HTML-Grundlagen und zeigt ein erstes Beispiel.

HTML - Vorbereitungen und erster Kontakt
- Die Filme dieses Abschnitts führen an das Thema heran und erläutern, wie Sie die Beispiele dieses Video-Trainings am besten in eigene Ergebnisse umsetzen.
  
  Begrüßung
  - Ralph Steyer stellt sich vor und erzählt, wie er zu HTML und Web-Programmierung kam.
    
    Vorstellung des Autors
    
    01:20
  - Der Autor zeigt in einer kurzen Einführung, was das WWW ist, wo es herkommt und wie es sich vom "universelleren" Internet abgrenzt. Daneben stellt er die zentralen Begriffe des WWW ("HTTP", "Webbrowser", "Webserver" oder "HTML") vor uns setzt sie in die rechte Beziehung.
    
    Einführung
    
    04:52
- Eine erste, kleine Webseite bildet das Beispiel dieses Abschnitts. Wie aber wird aus einer einfachen Textdatei eine Webseite?
  
  Ein erstes Beispiel
  - Hier zeigt der Trainer, wie Sie die Textdatei mit einem Editor erstellen und im Browser anzeigen. Außerdem erfahren Sie, wie Sie die Datei in eine Webseite umwandeln und dann erneut im Browser aufrufen – der den Inhalt daraufhin anders interpretiert.
    
    Von der Textdatei zur Webseite
    
    07:15
  - So betrachten Sie den Quellcode einer Seite, die in Ihrem Browser angezeigt wird, und ändern ihn bei Bedarf – natürlich nur lokal! Außerdem lernen Sie die ersten HTML-Tags für die Textformatierung kennen.
    
    Browser und Quelltext
    
    02:14
- Dieser Abschnitt widmet sich den Hintergründen von HTML und dem World Wide Web.
  
  Hintergründe
  - Das WWW ist ein Sammelsurium unterschiedlicher Plattformen und Interpretationen – die Vorteile von HTML in diesem Umfeld, aber auch die Probleme spricht dieser Film an.
    
    Interpretation
    
    03:39
  - Wie teilen sich Webbrowser, Webserver und ggf. weitere Programme die Arbeit im WWW? Welche Abläufe sind möglich? Sehen Sie selbst!
    
    Webbrowser und Webserver
    
    02:48
  - Der Film bietet einen Überblick über verschiedene Techniken der Webseitenerstellung und Webprogrammierung – auch, um HTML richtig einzuordnen.
    
    HTML im Vergleich
    
    01:46
Eine Webseite können Sie vollständig mit einem einfachen Klartexteditor erstellen. Bei komplexeren Seiten ist das ineffektiv. In diesem Kapitel zeigt Ihnen der Autor deshalb wichtige Tools, mit denen Sie Web-Applikationen leichter erstellen und sogar testen können.

Die Programmier- und Testumgebung
- Die Filme dieses Abschnitts zeigen verschiedene Editoren beziehungsweise IDEs, die sich zur Erstellung von Webseiten eignen.
  
  Editoren
  - "Phase 5" ist ein einfacher, aber dennoch guter und leistungsfähiger HTML-Editor, der auch Unterstützung für JavaScript und CSS bietet.
    
    Phase 5
    
    01:45
  - "Nvu" ist der Nachfolger von Netscapes "Composer", des ersten "echten" HTML-Editors. Er ist kostenlos, leistungsfähig und bietet sogar einen WYSIWYG-Modus ("What You See Is What You Get").
    
    Nvu
    
    02:03
  - "Aptana" ist die Empfehlung für Ihre zukünftige Web-Entwickler-Karriere: Die kostenlose IDE basiert auf Eclipse und ist ausgesprochen leistungsfähig. Nicht ganz einsteigertauglich, bietet sie Ihnen alle Möglichkeiten für professionelle Web-Programmierung.
    
    Aptana
    
    00:41
- Die Filme dieses Abschnitts zeigen, wie Sie verschiedene Browser installieren und so einrichten, dass Sie bei Entwicklung und Test Ihrer Web-Applikationen optimale Unterstützung haben.
  
  Browser & Server
  - Als Web-Programmierer benötigen Sie verschiedene Browser, um Ihre Applikationen zu testen. Firefox (und verwandte) sowie der Internet Explorer gehören zur Grundausstattung.
    
    Verschiedene Browser
    
    03:15
  - Mit "Firebug" und "Live HTTP Headers" wird Firefox zum "Schweizer Messer" der Web-Entwicklung. Neben diesen beiden Add-ons gibt es zahlreiche weitere, die Ihre Werkzeugsammlung ergänzen.
    
    Firefox erweitern
    
    01:31
  - Werfen Sie einen Blick auf die Serverseite und sehen Sie, wie Apache im Rahmen einer lokalen XAMPP-Installation funktioniert und wie Sie damit Ihre Seiten testen.
    
    Ein lokaler Webserver
    
    03:25
(X)HTML ist die Basis des WWW. In diesem Kapitel zeigt Ihnen der Autor Ralph Steyer alle Grundlagen. Erfahren Sie alles über Links, Tags, das HTML-Gerüst, Metadaten, Suchmaschinen oder Multimedia.

HTML
- Die Filme dieses Abschnitts führen Sie in die elementaren Grundlagen von HTML und XHTML sowie der Interpretation durch den Browser ein.
  
  Was ist HTML?
  - Was ist HTML? Hier sehen Sie die Grundlagen einer Dokumentenbeschreibungssprache und die Strukturen von HTML-Tags.
    
    Was ist HTML?
    
    07:00
  - Das Prinzip der Fehlertoleranz veranlasst Webbrowser, auch fehlerhafte Webseiten soweit als möglich zu interpretieren und alles darzustellen. Unbekanntes wird dabei ignoriert, Fehlendes bestmöglich ergänzt.
    
    Das Prinzip der Fehlertoleranz
    
    02:44
  - Das W3C ("World Wide Web Consortium") standardisiert fast alle relevanten Techniken im Web wie HTML, XML, HTTP, CSS oder DOM.
    
    Das W3C als Standardisierungsgremium
    
    02:36
  - Mit dem HTML-Validator prüfen Sie den korrekten Aufbau einer Webseite (nach den Regeln des W3C). Sie werden feststellen, dass fast keine moderne Webseite die strengen W3C-Standards vollständig einhält.
    
    Der HTML-Validator
    
    02:45
- Die Filme dieses Abschnitts führen Sie in die elementaren Grundlagen von HTML und XHTML sowie der Interpretation durch den Browser ein.
  
  Die HTML-Grundstrukturen
  - Hier geht es um das Grundgerüst einer Webseite mit Head und Body sowie die Bedeutung der Metainformationen im Header.
    
    Das Grundgerüst
    
    07:31
  - Dieser Film erklärt, was Metainformationen in Bezug auf Suchmaschinen bedeuten. Außerdem analysiert der Trainer Quelltexte von Beispielseiten aus dem Web.
    
    Metainformationen und Suchmaschinen
    
    01:47
  - Eine Website (nicht zu verwechseln mit "Web-Seite"!) besteht – im Sprachgebrauch des WWW – aus mehreren einzelnen Ressourcen wie HTML-Seiten, Grafiken oder Audio-Dateien. Die Einstiegsseite heißt regelmäßig "index.html".
    
    Die Grundstruktur einer Website
    
    01:34
  - Hier erhalten Sie einen Überblick über die verschiedenen HTML-Versionen und das Verhältnis von HTML zu XHTML.
    
    Die HTML-Versionen
    
    02:23
  - In modernen Web-Seiten erfüllt HTML im Wesentlichen die Aufgabe, die Seite zu strukturieren – etwa mit Überschriften, Tabellen oder <div>-Elementen.
    
    Strukturierung von Webseiten
    
    04:16
  - Welche Textauszeichnungen und Formatierungen sind in HTML möglich? Alles was Sie über Farben, Schriftgrößen und Zeichenformatierung in HTML wissen müssen, erfahren Sie in diesem Film.
    
    Layout von Webseiten
    
    04:39
  - Mit Hyperlinks können Sie aus einer Webseite zu einer anderen Seite verzweigen. Die Folgeseite muss nicht auf dem gleichen Host liegen – sie kann sich auf einem beliebigen, im Internet erreichbaren Rechner befinden.
    
    Hyperlinks
    
    04:19
  - Grafiken werden in Webseiten als externe Ressourcen eingebunden und können sich auf dem gleichen Host als auch auf einem anderen Host befinden.
    
    Grafiken
    
    04:29
  - Deutsche Umlaute und andere Sonderzeichen müssen in Webseiten unter Umständen maskiert werden. Ein Tool wie "Phase 5" kann Ihnen dabei helfen.
    
    Sonderzeichen
    
    01:33
  - Dieser Film hält ein Praxisbeispiel als Übungsaufgabe für Sie bereit. Keine Sorge: Die Lösung gibt's natürlich auch!
    
    Praxisbeispiel
    
    00:38
- In den Filmen dieses Abschnitts lernen Sie erweiterte HTML-Möglichkeiten wie Listen, Tabellen, Frames oder Formulare kennen.
  
  Erweiterte HTML-Möglichkeiten
  - HTML bietet verschiedene Aufzählungslisten zur Gestaltung der Webseite. Der Trainer führt sie Ihnen alle vor.
    
    Listen
    
    03:28
  - Frames und iFrames gelten zwar als veraltet, sind aber gleichwohl effektiv, wenn es darum geht, eine Seite in mehrere Segmente aufzuteilen.
    
    Frames und iFrames
    
    06:02
  - Strukturieren Sie die Web-Seite mit Tabellen, dann können Sie Inhalte flexibel anordnen – sogar nebeneinander.
    
    Tabellen
    
    08:24
  - Dieser Film gibt Ihnen erneut ein Praxisbeispiel als Übungsaufgabe vor: Diesmal geht es um Tabellen.
    
    Praxisbeispiel
    
    01:18
  - Kommunikation leicht gemacht: Sehen Sie, wie Sie per Hyperlink eine Referenz auf den E-Mail-Client zur Verfügung stellen.
    
    Kontakt per E-Mail
    
    02:18
  - Ein Webformular besteht aus dem <form>-Container und den darin befindlichen Tags, die die Eingabeelemente spezifizieren. Die meisten Eingabefelder setzen auf das <input>-Tag. Das <form>-Tag enthält Angaben, die den Versand zum Server steuern.
    
    Webformulare
    
    07:39
  - Kann Ihr Server keine Formulardaten verarbeiten, dann nutzen Sie doch die Alternative: Kostenlose Formularmailer!
    
    Formularmailer
    
    03:15

An wen richtet sich dieses Video-Training?

Dieses Video-Training richtet sich an Benutzer, die selbst mit HTML bzw. XHTML Seiten für das Internet erstellen möchten. Der Autor führt Sie Schritt für Schritt in die Thematik ein, sodass Sie auch als Anfänger mit dieser Dokumentenbeschreibungssprache selbst kreativ werden können.

Inhalt des Video-Trainings

Nach einer kurzen Einführung, was das World Wide Web ist, wo es herkommt und wie es sich vom "universelleren" Internet abgrenzt, werden im einleitenden Kapitel die zentralen Begriffe des WWW ("HTTP", "Webbrowser", "Webserver" oder "HTML") vorgestellt und in die rechte Beziehung gesetzt. Sie erfahren auch, wie sich Webbrowser, Webserver und ggf. weitere Programme die Arbeit im WWW teilen und welche Abläufe möglich sind.

Eine Webseite können Sie vollständig mit einem einfachen Klartexteditor erstellen. Bei komplexeren Seiten ist das jedoch ineffektiv. In einem eigenen Kapitel zeigt Ihnen der Autor wichtige Werkzeuge, mit denen Sie Web-Applikationen leichter erstellen und sogar testen können. Dazu zählt auch die Installation und Einrichtung der verschiedenen Browser, sodass Sie bei Entwicklung und Test Ihrer Web-Applikationen optimale Unterstützung haben. Im Rahmen dieses Kapitels werfen Sie auch einen Blick auf die Serverseite und sehen, wie Apache im Rahmen einer lokalen XAMPP-Installation funktioniert oder wie Sie damit Ihre Seiten testen.

(X)HTML ist die Basis des WWW. Im dritten Kapitel zeigt Ihnen der Autor die elementaren Grundlagen von HTML und XHTML sowie der Interpretation durch den Browser. Erfahren Sie alles über Links, Tags, das HTML-Gerüst, Metadaten, Suchmaschinen oder Multimedia.