Videokurs Teil E: 
mehr Design mit CSS3

In den bisherigen Kursteilen haben wir Design über CSS kennengelernt. CSS3 stellt eine Erweiterung von Designmöglichkeiten dar. Darüber sind einfach transparente Farben und Bereiche, Schatten, Farbverläufe, abgerundete Ecken, Animationen und vieles weiteres sehr einfach umsetzbar.

CSS3-Effekte können über bestehendes Design „überstülpt“ werden und geben der Website den letzten Schliff. Durch einfache Tricks und Tipps kommen schnell ansehnliche Ergebnisse zustande, die wir uns in diesem Kursteil ansehen.

Inhalt Teil E:

• Farben (hsla), Durchsichtigkeit & opacity
• Farbverläufe
• Schatten (box-shadow, text-shadow)
• Rahmen mit runden Ecken (border-radius)
• Transformationen
• Animationen mit Keyframes
• mehrere Hintergrundbilder
• web-fonts einsetzen
• neue CSS3-Selektoren
• media-queries
• Mehrspaltenlayout

Laufzeit 5:50 Stunden
Downloadgröße rund 4,28 GB

Systemvoraussetzungen: Das Abspielen ist sowohl unter Windows, Mac und Linux möglich (siehe Kursteil A+B).

Videokurs Teil A+B: 
alle Grundlagen zur Erstellung von Websites (HTML + CSS) und einspaltiges Layout

Alle Grundlagen von HTML (für Inhalt und Struktur) und CSS für Design werden Schritt für Schritt vermittelt. Ziel ist, die eigene Website erstellen zu können. Dieser Videokurs-Teil ist ideal für Einsteiger ohne Vorerfahrungen.

Über die Videos lernt man das Erstellen einer Website. Alle für eine erfolgreiche Website notwendigen HTML-Befehle werden Schritt für Schritt vermittelt, dass man nach dem Kurs ein Verständnis von HTML hat und seinen eigenen Internetauftritt komplett aufbauen kann. Natürlich darf das Design für Ihre Webseiten nicht fehlen. Design wird über CSS umgesetzt. Im Kursteil B werden alle CSS-Anweisungen vorgestellt und das Design für eine einspaltiges Layout umgesetzt (mehrspaltige Layouts gibt es im Kursteil C). Mit dieser selbst erstellten Website können Sie bereits Online gehen.

Der Kurs ist Praxiserprobt und verständlich aufgebaut (man muss nicht Informatiker sein oder studiert haben, um HTML zu lernen und eine erfolgreiche Website aufzubauen). Die Videos sind auf Basis meiner an der Uni gehaltenen Kurse entstanden. Grundlegender Aufbau: nach einer Einführung zu einem Thema kommt eine Übung und im nächsten Video die Lösung dazu. Schritt für Schritt zum Durchblick. Durch das Verständnis der Zusammenhänge erstellt man bessere Websites als irgendein Baukastensystem!

Inhalt Teil A:

• Grundlagen von HTML + HTML5 (für Inhalt und Struktur Ihrer Website)
• Fortgeschrittenes HTML

Inhalt Teil B:

• CSS (um Design umzusetzen)
• Beispielprojekt: 1-Spalten-Layout

Laufzeit 10:25 Stunden
Downloadgröße rund 5,9 GB

Systemvoraussetzungen: Das Abspielen ist sowohl unter Windows, Mac und Linux möglich. Die Videos laufen direkt im Internetbrowser Chrome und Firefox, daher wird keine weitere Abspielsoftware benötigt. Die Videos sind nicht für einen DVD-Player geeignet, können aber mit dem bekannten VLC-Player angesehen werden.

Videokurs Teil C:
mehrspaltiges Layout & Bildbearbeitung (Fortgeschrittenenkurs)

Wir erweitern unsere Möglichkeiten um die Möglichkeiten von mehrspaltigen Layout bei Websites. Die meisten Internetauftritte haben mindestens ein 2-spaltiges Layout. Im Kursteil schauen wir uns die technischen Grundlagen für mehrspaltiges Layout an und setzen dann 2 Beispielprojekte um.

Danach bearbeiten wir Bilder, damit wir diese ideal in Webseiten nutzen können.

Inhalt Teil C:

• Beispielprojekt: 2-Spalten-Layout als Website
• Beispielprojekt: 3-Spalten-Layout (Projekt www.fennek.mobi)
• Bildbearbeitung für Websites

Laufzeit 6:50 Stunden
Downloadgröße rund 3,88 GB

Systemvoraussetzungen: Das Abspielen ist sowohl unter Windows, Mac und Linux möglich (siehe Kursteil A+B).

Videokurs Teil D: 
Einführung in JavaScript und jQuery

Über JavaScript und jQuery werden Interaktionen auf Websites umgesetzt. Oft erfolgt eine Überprüfung von Formulareingaben anhand der Programmiersprache JavaScript und jQuery und werden Bildergalerien darüber erstellt. Im Kurs gibt es eine Einführung in beide Bereich, damit die Zusammenhänge und das Zusammenspiel beim Einsatz in eigenen Websites klar sind.

Inhalt Teil D: 

Einführung in JavaScript

• Einbinden in HTML-Seiten
• Variablen
• Bedingungen
• Schleifen
• eigene Funktionen
• Objektorientierung

jQuery-Ausflug:

• einbinden von jQuery
• Elemente animiert ein- u. ausblenden
• Dropdown-Menüs
• Bildergalerie

Laufzeit 4:50 Stunden
Downloadgröße rund 2,45 GB

Systemvoraussetzungen: Das Abspielen ist sowohl unter Windows, Mac und Linux möglich (siehe Kursteil A+B).  

Videokurs Teil F: 
responsive Webdesign für Handy und Tablet

Automatisch soll sich Design für Handy und Tablets an die beschränkten Bildschirme anpassen. Das erreichen wir über responsive Webdesign – hier wird die Abkürzung RWD verwendet. Der große Vorteil der Umsetzung ist, dass wir unser bestehendes Design mit responsivem Webdesign erweitern können.

In diesem Kursteil werden die Grundlagen und die Möglichkeiten von Webdesign für Handy und Tablet (und allen Geräten mit beschränkten Displays) erklärt. Nach den Grundlagen erweitern wir unsere bisher in den anderen Kursteilen erstellen 1- bis 3-spalten Layouts mit dem passenden responsiven Design. Wir machen unsere Websites für alle Anzeigegerät optimal zugänglich.

Inhalt Teil F:

• Grundlagen Webdesign für Handy und Tablet
• Responsive Webdesign und der Einsatz
• Beispiele, Aufgaben und Lösungen
• Umsetzung des 1-Spalten-Layouts in RWD
• Umsetzung des 2-Spalten-Layouts in RWD
• Umsetzung des 3-Spalten-Layouts in RWD

Laufzeit 6:55 Stunden
Downloadgröße rund 3,87 GB

Systemvoraussetzungen: Das Abspielen ist sowohl unter Windows, Mac und Linux möglich (siehe Kursteil A+B).