Video-Trainings. Lernen durch Zuschauen.

Die Neuheiten im Überblick

Eine der wichtigsten Neuerungen ist die verbesserte Integration von HTML5 und CSS3, mit deren Funktionen Ihre Webseite auch für die Zukunft gerüstet ist. Das neue Framework »jQuery Mobile« erstellt darüberhinaus mobile Applikationen, die kompatibel zu allen gängigen Betriebssystemen sind.

---

Video-Tags für Web-Videos

Mit den neuen Video-Tags können Sie Videos zukünftig ohne zusätzliche Plug-ins direkt im Browser abspielen. In diesem Video lernen Sie, wie Sie Ihr Web-Video in das korrekte Format umkodieren und Kompatibilitätsprobleme umgehen.

---

Interaktive Canvas-Grafiken erstellen

Mit einem HTML5-Canvas-Tag erzeugen Sie eine Zeichenoberfläche, in die Sie interaktive Grafiken laden können. Erfahren Sie hier die Vor- und Nachteile dieser Funktion und wie sich die Konkurrenzsituation zum gänigen Flash-Format verhält.

---

Semantische Tags und Input-Typen

Lernen Sie in diesem Video die neuen semantischen Tags kennen, mit denen Sie das Handling Ihrer Seite weiter verbessern können. Mit neuen Input-Typen optimieren Sie darüber hinaus Ihre Formulare und erzeugen mit wenigen Klicks professionelle Eingabefelder.

---

CSS3-Klassen deklarieren

Mit CSS3 formatieren Sie anhand von Stilvorlagen Ihre Webseiten. Dieses Video zeigt Ihnen, wie Sie Klassen für einzelne Formatierungen anlegen, diese Ihrer Webseite zuweisen und anschließend auch miteinander kombinieren können.

---

Einen Textschatten generieren

Sie können Textelementen einen Schatten zuweisen, um etwa Überschriften oder wichtige Elemente optisch aufzuwerten. Nutzen Sie dazu die neuen CSS3-Stile in Dreamweaver und lernen Sie in diesem Video die unterschiedlichen Schattentypen »Text-Shadow« und »Box-Shadow« kennen.

---

Neue CSS3-Eigenschaften für abgerundete Ecken

Um Bilder oder Textelemente optisch eindrucksvoller in Szene zu setzen, können Sie mithilfe des Border Radius Umrahmungen einrichten, die komplett auf Ihre Wünsche abgestimmt sind. Abgerundete Ecken sind mit dieser neuen Funktion nun kein Problem mehr.

---

Transparente Farben und animierte Übergänge

Interaktivität und Bewegungen gehören zu einer modernen Webseite dazu, auch wenn Sie moderat eingesetzt werden sollten. Sehen Sie in diesem Video, wie Sie nicht nur transparente Hintergründe hinzufügen können, sondern auch Übergänge und Mouseover-Effekte ganz ohne JavaScript animieren können.

---

Schriften gestalten und Webfonts einbinden

Webfonts stellen eine weitere Möglichkeit dar, die Texte Ihrer Webseite individuell und grafisch ansprechend zu gestalten. Mit den neuen Möglichkeiten von Dreamweaver CS5.5 können Sie aber nicht nur die Schriftart bedenkenlos ändern, sondern Sie lassen Ihre Texte rotieren oder generieren sogar ansprechende Farbverläufe.

---

Flexibilität dank Mehrspaltensatz

Sehen Sie in diesem Video, wie Sie einen Mehrspaltensatz anlegen. Der Vorteil von Mehrspaltensätzen ist, dass Sie wegen der variablen Spaltenlänge den Textfluss perfekt an das Browserfenster anpassen können. Dann gehören auch die nervigen Darstellungsprobleme in unterschiedlichen Browsern endgültig der Vergangenheit an.

---

Media Queries einrichten und konfigurieren

Mit Media Queries oder Medienabfragen können Sie die Bildschirmausgabe für bestimmte Medien und mobile Endgeräte anpassen. In diesem Video erfahren Sie, wie diese Medienabfragen für verschiedene Geräteypen angelegt werden, um damit Kompatibilitätsprobleme direkt im Vorfeld zu unterbinden.

---

Das neue Framework »jQuery Mobile«

In Dreamweaver CS5.5 ist nun das Framework »jQuery Mobile« vollständig integriert. Damit können Sie native Applikationen auf mobilen Endgeräten erstellen. In dieser Einführung erzeugen Sie erste Elemente wie Schaltflächen oder Auswahllisten und erlernen so die Grundlagen, um auch in Zukunft mobil nutzbare Seiten zu generieren.

---

Mobile Applikationen erstellen und testen

Dieses Video zeigt Ihnen, wie Sie den erstellten Build eines jQuery-Frameworks zunächst in Dreamweaver CS5.5 mithilfe eines Emulators testen. Danach können Sie dann evtl. noch notwendige Korrekturen und Einstellungen vornehmen. Zum Schluss übertragen Sie die mobile Applikation per SD-Karte auf Ihr mobiles Endgerät.

---