Dreamweaver CS5

Das umfassende Training

André Reinegger führt Sie grundlegend in Dreamweaver CS5 ein und macht vor fortgeschrittenen Themen nicht halt. Lernen Sie die Struktur von XHTML-Seiten kennen genauso wie die Vorzüge vom Gestalten mit CSS. Setzen Sie komfortabel CSS-Layouts für mobile Geräte um oder reichern Sie Ihre Websites dank Ajax und Spry-Framework mit interaktiven Elementen an. Dabei bleiben Sie in der Entwurfsansicht und entwickeln fantastische Websites mit allem Drum und Dran ohne viel im Quellcode arbeiten zu müssen und verfolgen in der Codeansicht, was im Hintergrund passiert!

Ihr(e) Trainer: André Reinegger

ISBN-Nummer: 978-3-8273-6305-3

Erscheinungsdatum: 21.05.2010

EUR 39,80

Laufzeit: 11 Stunden

Was ist ein Online-Training bzw. ein DVD-Training?

DVD oder Online-Training: Was ist der Unterschied?

Inhaltlich sind beide Trainings absolut gleich. Der Unterschied liegt bei den Nutzungsmöglichkeiten und im Vertriebsweg.

Beim Training auf DVD erhalten Sie eine Box mit allen Inhalten und einem gedruckten Bonusmagazin.

Die Bezahlung erfolgt bequem per Rechnung.

Das Online-Training ist sofort nach dem Kauf verfügbar, jederzeit und an jedem Ort. Sie brauchen nur eine Online-Verbindung und einen gängigen Webbrowser. Wenn Sie das Training herunterladen, steht es Ihnen auf Ihrem Computer auch offline zur Verfügung.

Die Bezahlung erfolgt per Kreditkarte, Paypal oder sofortüberweisung.de (nicht in allen Ländern verfügbar).

Wir wünschen Ihnen viel Freude mit dem Video-Training Ihrer Wahl – ob Online oder auf DVD.

iPad kompatibel

Tutorial to go

Multiple Choice Tests

In den Warenkorb Downloads

Auf die Merkliste Tell-A-Friend Feedback verfassen

Ähnliche Video-Trainings

Trailer: Dreamweaver CS5 - Das umfassende Training

In gleich drei Abschnitten bieten die Filme des folgenden Kapitels einen Überblick über die Themen des Video-Trainings, führen kurz in Planung und Layout von Webseiten ein und zeigen einen Umriss der Benutzeroberfläche von Dreamweaver.

Einführung
- Freuen Sie sich auf eine Übersicht über die Themen dieses Video-Trainings und auf eine Zusammenfassung der wichtigsten Dreamweaver-Funktionen!
  
  Überblick
  - In diesem Video erhalten Sie einen groben Überblick über das gesamte Video-Training. Sie erfahren, welche Themen und Funktionen von Dreamweaver CS5 im Einzelnen behandelt werden.
    
    Trainingsübersicht
    
    02:14
  - Der Film zeigt in einem schnellen Rundgang die wichtigsten Funktionen von Dreamweaver: Hier geht es nicht darum, mitzumachen, sondern lediglich um einen ersten Eindruck der Kernfunktionen von Dreamweaver zu erhalten.
    
    Die wichtigsten Funktionen auf die Schnelle
    
    10:17
- Die Filme dieses Abschnitts bieten eine kurze Einführung in Planung und Layout von Seiten im Web.
  
  Webseitenplanung und -layout
  - Jede Website weist eine einheitliche Grundstruktur auf. Lernen Sie hier diese Basis kennen und erfahren Sie, wozu die Datei index.html dient.
    
    Webseitengrundstruktur
    
    01:31
  - Ein Website-Projekt sollte bereits im Vorfeld gut geplant werden. Wie das abläuft und welche Tools dafür geeignet sind, erfahren Sie in diesem Video.
    
    Projektplanung – Mindmap
    
    04:43
  - Was InDesign für Print, ist Fireworks fürs Web. Lernen Sie in diesem Video die vielen Vorzüge dieses Weblayout-Programms kennen! Vom Layout von Webseiten über Interaktivität bis hin zu fertigen Prototypen und Web-Export.
    
    Layout in Fireworks
    
    13:48
- Wer sich mit Dreamweavers Benutzeroberfläche noch nicht so gut auskennt – oder sehen will, was sich gegenüber der Vorgängerversion so getan hat, wird hier fündig.
  
  Die Benutzeroberfläche
  - Dreamweaver begrüßt Sie mit dem Willkommen-Screen. Sehen Sie hier, wie er die Arbeit mit Dreamweaver erleichtert und beschleunigt.
    
    Der Wilkommensbildschirm
    
    02:55
  - In diesem Video lernen Sie den Anwenderbereich und die Dokumentenfenster von Dreamweaver CS5 genauer kennen.
    
    Anwenderbereich und Dokumentenfenster
    
    14:07
  - Wie bei den meisten Adobe Produkten werden auch in Dreamweaver die wichtigsten Funktionen über Paletten bedient. In diesem Film werfen Sie einen genaueren Blick auf diese Bedienelemente.
    
    Die Paletten
    
    04:39
  - Dreamweaver bietet die Möglichkeit, Arbeitsbereiche zu verwalten. So können Sie etwa für unterschiedliche Arbeiten oder verschiedene Benutzer gesonderte Arbeitsbereiche definieren.
    
    Arbeitsbereiche verwalten
    
    02:28
  - Der kontextsensitive Eigenschaften-Inspektor ist das zentrale Werkzeug in Dreamweaver. Lernen Sie in diesem Video, wie sich die Eigenschaften ausgewählter Elemente über dieses Tool steuern lassen.
    
    Der Eigenschaften-Inspektor
    
    04:18
  - Die verschiedenen Ansichten und visuellen Hilfsmittel in Dreamweaver CS5 erleichtern die Arbeit an Layouts. Sehen Sie sich hier die verschiedenen Optionen an!
    
    Ansichten und visuelle Hilfsmittel
    
    03:13
Web-Auftritte setzen sich aus einer Vielzahl von einzelnen Webseiten zusammen. Wie diese einzelnen Seiten erzeugt und verwaltet werden, erklären die beiden Abschnitte in diesem Kapitel.

Dokumente anlegen und Site-Verwaltung
- Dieser Abschnitt widmet sich ganz der Seitenverwaltung: Damit Sie den Überblick nicht verlieren, organisiert Dreamweaver das prächtig für Sie.
  
  Dreamweaver-Seitenverwaltung
  - Der erste elementare Schritt bei der Arbeit an einem Dreamweaver-Projekt sollte stets das Einrichten einer neuen Site sein. Erfahren Sie in diesem Video mehr über Anlegen und Verwalten einer Site.
    
    Anlegen einer neuen Site
    
    04:21
  - Dreamweaver erlaubt, mehrere Websites zu verwalten. Dies ist mit dem Site Verwalten-Panel möglich, das Sie in dieser Lektion kennen lernen.
    
    Sites verwalten
    
    02:42
  - Weshalb die Funktionen von Dreamweavers Site-Verwaltung so wichtig ist, erfahren Sie in diesem Video.
    
    Dateien und Ordner verwalten
    
    07:18
  - Bei der Vergabe von Dateinamen sind ein paar Regeln einzuhalten, damit die Website fehlerfrei funktioniert. Welche das sind, verrät dieser Film.
    
    Dateinamen
    
    01:08
  - Bei der Entwicklung einer Website sollten Sie möglichst viele Browser für den Test heranziehen: Hier sehen Sie, wie sich mehrere installierte Browser zur Vorschau in Dreamweaver hinzufügen lassen.
    
    Standardbrowser
    
    04:27
- Wie Sie Dokumente für Ihre Webseiten erstellen, erfahren Sie in den folgenden Filmen.
  
  Dokumente erstellen
  - Nachdem die Site eingerichtet ist, geht es ans erste Dokument: Sehen Sie hier, welche Möglichkeiten Sie haben, ein neues HTML-Dokument anzulegen.
    
    Neues Dokument anlegen
    
    03:44
  - In den Voreinstellungen für ein neues Dokument lassen sich Standarddokumententyp, Erweiterung, Kodierung usw. definieren. In dieser Lektion lernen Sie den Dialog für die Voreinstellungen kennen.
    
    Voreinstellungen für neues Dokument
    
    02:31
  - Der Dokumententyp gibt an, welcher Standard verwendet wird und wie der Browser die Seite darstellen soll. Hier erfahren Sie mehr über die verschiedenen Dokumententypen.
    
    Dokumententyp (DOCTYPE)
    
    04:28
  - Dreamweaver CS5 bietet von Haus aus einige Vorlagen für CSS-Grundlayouts. Die auskommentierten Vorlagen eignen sich hervorragend, um ein neues Projekt zu starten oder um sich mit CSS vertraut zu machen. Lernen Sie hier den Umgang mit den CSS-Layoutvorlagen kennen.
    
    CSS-Layoutvorlagen
    
    06:43
Dieses Kapitel bietet eine Einführung in die Seitenbeschreibungssprache HTML und das System der Cascading Style Sheets, kurz CSS, mit der Sie Inhalte formatieren.

HTML- & CSS-Grundlagen und CSS-Selektoren
- HTML, die Hypertext Markup Language, ist die Basis des Web. Dieser Abschnitt führt in das Thema ein und bietet das Fundament für Ihr Verständnis.
  
  HTML-Grundlagen
  - Auch wenn Dreamweaver eine hervorragende WYSIWYG-Entwurfsansicht bietet: Vorhandenes HTML-Grundwissen ist immer von Vorteil! Weshalb das so ist, wird in diesem Video genauer beleuchtet.
    
    Wofür HTML lernen?
    
    04:59
  - Weil jeder gute Webdesigner auch die HTML-Grundlagen kennen sollte, erläutert Ihnen der Trainer in diesem Film den Grundaufbau von HTML.
    
    HTML-Grundaufbau
    
    05:08
  - Verwechseln sie HTML nicht mit einer Programmiersprache! Bei HTML handelt es sich um eine Markup Language, also eine Seitenbeschreibungssprache, die mit Tags ausgezeichnet wird. Wie leicht die Arbeit mit Tags ist, veranschaulicht dieses Video.
    
    HTML-Tags
    
    09:05
  - Webseiten benötigen eine Struktur, einen semantischen Aufbau. Was das bedeutet und warum das so ist, verrät Ihnen André Reinegger hier.
    
    HTML-Strukturierung
    
    04:53
  - Über die Seiteneigenschaften lassen sich bereits am Anfang eines neuen Dokuments grundlegende Style Sheets generieren. Mit diesen definieren Sie das Standarderscheinungsbild der Website. Wie das geht, demonstriert dieses Video.
    
    CSS-Seiteneigenschaften
    
    10:53
- CSS steht für Cascading Style Sheets: Die moderne Art, Inhalte in Webseiten zu formatieren. Erfahren Sie in den folgenden Filmen mehr über dieses System und seine fein abstimmbaren Einsatzmöglichkeiten!
  
  CSS-Grundlagen
  - Das Verständnis für Style Sheets ist heutzutage gerade für Webdesigner essentiell. Dieser Film schafft die nötigen Grundlagen für die Arbeit mit CSS.
    
    Was sind Style Sheets?
    
    09:04
  - Das Beispiel von CSS Zen Garden demonstriert anschaulich, wie Cascading Style Sheets funktionieren. Begleiten Sie den Trainer auf einem Ausflug in die phantastische Welt von CSS Zen Garden, der Ihnen die Vorteile der Trennung von Inhalt und Gestaltung vermittelt.
    
    Vorteile von CSS am Beispiel Zen Garden
    
    06:37
  - Im Eigenschaften-Inspektor von Dreamweaver lassen sich die jeweiligen Eigenschaften von HTML und CSS getrennt voneinander bearbeiten. Die Unterschiede zwischen beiden lernen Sie hier kennen.
    
    CSS im Eigenschaften-Inspektor
    
    06:48
  - Die CSS-Palette ist der zentrale Anlaufpunkt für das Bearbeiten von Cascading Style Sheets: Sämtliche Funktionen, wie etwa das Anlegen neuer CSS-Regeln, das Auswählen und das Editieren von Regeln lassen sich von hier aus erledigen. Lernen Sie die umfangreichen Funktionen der CSS-Paletten in diesem Film kennen.
    
    CSS-Palette
    
    13:45
  - Der CSS Code Navigator hilft Ihnen, sich im CSS-Code zurecht zu finden. Er listet verschachtelte CSS-Regeln auf, die sich an der aktuell ausgewählten Position befinden. Dadurch können Sie auf sämtliche Regeln zugreifen und behalten stets den Überblick.
    
    CSS-Code-Navigator
    
    03:49
  - In den CSS Voreinstellungen lässt sich Dreamweaver an die eigenen Bedürfnisse anpassen. Welche Einstellugsmöglichkeiten es dabei gibt, werden Sie in diesem Video erfahren.
    
    CSS-Voreinstellungen
    
    03:60
  - Ein großer Vorteil von CSS ist, dass sich die Regeln in eine externe Datei auslagern lassen. Auf diese Weise können die Regeln auch auf anderen Seiten verwendet werden und Änderungen lassen sich – für alle Seiten – zentral und in einem Aufwasch durchführen.
    
    CSS-Regeln verschieben
    
    06:32
  - Dreamweaver CS5 kann, anders als seine Vorgängerversionen, ineinander verschachtelte CSS-Dateien darstellen. Wie so etwas aussieht, erläutert dieser Film.
    
    Verschachtelte CSS-Dateien
    
    01:53
- CSS-Selektoren dienen der Auswahl der Bereiche, auf die Sie einzelne Formatierungen beschränken. Wie das funktioniert, zeigen die Videos in diesem Abschnitt.
  
  CSS-Selektoren
  - Mit dem Tag Selektor ist es möglich, jedes beliebige HTML-Tag auszuwählen, um es dann über Cascading Style Sheets optisch anzupassen.
    
    Tag-Selektoren
    
    08:27
  - Der Klassen-Selektor ermöglicht es, sämtliche Elemente, denen eine Klasse zugewiesen wurde, über CSS-Regeln mit zusätzlichen Eigenschaften zu versehen.
    
    Klassen-Selektoren
    
    06:08
  - IDs dienen als Container und werden für das Grundlayout von Websites verwendet. Eine ID darf nur einmal pro Seite vorkommen und lässt sich über ID-Selektoren auswählen und per CSS-Regeln visuell aufbereiten.
    
    ID-Selektoren
    
    07:55
  - Zusammengesetzte Selektoren bestehen aus Kombinationen aufeinander folgender ID-, Klassen- und Tag-Selektoren. Sie werden verwendet, um Elemente noch spezifischer zu selektieren.
    
    Zusammengesetzte Selektoren
    
    05:10
  - Pseudoklassen sind spezielle Klassen, die für ein bestimmtes Event wie z.B. das Mouseover Verwendung finden. Wie man Pseudoklassen verwendet, sehen Sie in dieser Lektion.
    
    Pseudoklassen-Selektor
    
    09:02
Mit CSS formatieren Sie nicht nur geschlossene Seitenbereiche, sogar die Textformatierung läuft vollständig ab. Wie komfortabel das ist und wie Sie Text layouten, wie mit einem Textverarbeitungsprogramm, erklären die Filme in diesem Kapitel.

Typografie mit CSS
- Das modernste Mittel, um Texte zu formatieren, ist über Cascading Style Sheets. Die Lektion stellt einen Vergleich zwischen der Textformatierung mit HTML und CSS an.
  
  CSS im Vergleich zum HTML Font Tag
  
  02:56
- In Dreamweaver lässt sich mit diversen Maßeinheiten in CSS arbeiten. Welche Maßeinheiten das sind und welche im Webdesign eingesetzt werden sollten, sehen Sie in dieser Lektion.
  
  Maßeinheiten
  
  02:12
- Aus kompatibilitätsgründen lassen sich im Web leider nur Systemschriften verwenden. Welche Schriften das sind, wie Sie sich anpassen und verwenden lassen, erfahren Sie in diesem Video.
  
  Schriftarten und Farben
  
  05:13
- In dieser Lektion wird per CSS die Standardschriftgröße eines Dokuments definiert, auf der dann sämtliche Inhalte basieren. Bei der Verwendung relativer Schriftgrößen lässt sich die Standartschriftgröße später im Browser an die eigenen Bedürfnisse anpassen.
  
  Schriftgrößen
  
  01:57
- Schriftauszeichnungen wie fett oder kursiv lassen sich per HTML-Tag und über CSS steuern. Lernen Sie hier die Unterschiede genau kennen!
  
  Schriftauszeichnung
  
  02:57
- Ein Hauptvorteil von CSS in Bezug auf Text ist die Möglichkeit, den Zeilenabstand zu bestimmen. Durch die Erhöhung des Zeilenabstandes wird die Lesbarkeit von Text deutlich verbessert. In diesem Video sehen Sie, wie sich der Zeilenabstand per CSS beeinflussen lässt.
  
  Zeilenabstand
  
  02:27
- Diese Lektion zeigt, wie Sie in Dreamweaver Sonderzeichen einsetzen und erläutert das Verhalten vom Browser und Dreamweaver im Umgang mit Umbrüchen und Leerzeichen.
  
  Sonderzeichen
  
  03:06
- Dreamweaver CS5 unterstützt die LILO-Rechtschreibprüfung. Diese Art der Rechtschreibprüfung wird in den meisten Adobe-Produkten verwendet.
  
  Rechtschreibprüfung
  
  01:02
Was wäre das Web ohne Bilder? Erfahren Sie in diesem Kapitel, wie Sie Bilder in Ihre Seiten einfügen und was Sie dabei beachten sollten.

Bilder
- Es gibt drei verschiedene Grafikformate zur Verwendung im Web. Lernen Sie in diesem Video die Unterschiede zwischen den Dateiformaten JPG, GIF und PNG kennen!
  
  Dateiformate
  
  06:23
- In Dreamweaver lassen sich Bilder hervorragend verwalten, was gerade bei einer großen Anzahl von Bildern wichtig ist. Lernen Sie in diesem Video das Arbeiten mit der Elemente-Palette kennen!
  
  Bilder verwalten
  
  04:09
- Über Dreamweaver ist es kinderleicht, Bilder in einer Website zu platzieren. Lernen Sie hier die unterschiedlichen Wege kennen, wie sich Bilder über Dreamweaver einfügen lassen.
  
  Bilder in der Website platzieren
  
  09:58
- In dieser Lektion lernen sie die umfangreichen Eigenschaften von Bildern in Dreamweaver kennen. Mit wenigen Arbeitsschritten lassen sich Bilder sogar direkt in Dreamweaver bearbeiten.
  
  Bildeigenschaften verändern
  
  12:15
- Über CSS ist es auch möglich, Bilder anzupassen. Hier sehen sie ein paar Anwendungsbeispiele von CSS auf Bildern.
  
  Bilder über CSS anpassen
  
  07:32
- Von den Bildeigenschaften des Eigenschaften-Inspektors aus lassen sich Photoshop oder Fireworks für die Bildbearbeitung starten. Sehen Sie hier, wie sich der Standardeditor auswählen lässt.
  
  Standard-Editor für Bilder
  
  02:08
- Dreamweaver und Fireworks waren schon immer darauf ausgelegt, perfekt miteinander zu arbeiten. Erfahren Sie hier mehr über die Integration der beiden Programme.
  
  Fireworks-Integration
  
  03:56
- Seit CS3 ist Photoshop in den Web-Workflow von Dreamweaver integriert worden. Lernen Sie hier die Integration der beiden Programme kennen.
  
  Photoshop-Integration
  
  04:28
- Über Smart-Objekte besteht die Möglichkeit, Photoshop-Dateien mit den Bildern in der Website zu synchronisieren. Diese Lektion zeigt diese Synchronisation in Aktion.
  
  Photoshop-Smart-Objects-Integration
  
  03:41
- Per CSS lassen sich sämtliche Elemente durch Hintergrundbilder ergänzen. In dieser Lektion lernen Sie die verschiedenen Möglichkeiten der Verwendung von Hintergrundbildern mit CSS kennen.
  
  Hintergrundbilder mit CSS
  
  03:12
- In diesem Film sehen Sie, wie ohne JavaScript ein komplettes Menü mit Rollover-Effekten über Cascading Style Sheets aufgebaut werden kann.
  
  CSS-Rollover-Navigation mit Hintergrundbild
  
  07:45
Die Links sind es, die das Internet zum Netz machen. Natürlich sind auch gerade im Web die Links von tragender Bedeutung. Dieses Kapitel zeigt, wie Links funktionieren, wie Sie sie einsetzen und was Dreamweaver Ihnen dafür zur Verfügung stellt.

Links
- Das Internet lebt von Verlinkungen. Ohne Hyperlinks wäre das Internet langweilig und würde nicht funktionieren. Die Grundlagen zu Hyperlinks vermittelt dieses Video.
  
  Hyperlink-Grundlagen
  
  03:51
- Zum Erstellen von Verlinkungen bietet Dreamweaver diverse Möglichkeiten. Diese Lektion erläutert die unterschiedlichen Schritte.
  
  Hyperlinks erzeugen
  
  05:45
- Absolute Hyperlinks definieren einen absoluten Pfad zu einem Dokument oder einer Datei. Sehen Sie in dieser Lektion, wie sich in Dreamweaver absolute Hyperlinks erzeugen lassen.
  
  Absolute Verlinkungen
  
  03:20
- Verweise auf fremde Dateien sind in Dreamweaver genauso einfach, wie Verweise auf HTML-Seiten. Die Erläuterungen in diesem Video gelten für sämtliche Dokumententypen.
  
  Dateien verlinken
  
  02:18
- Diese Lektion zeigt, wie einfach sich eingefügte Bilder in Dreamweaver verlinken lassen.
  
  Bild verlinken
  
  01:25
- Imagemaps bzw. Hotspots sind verschiedene anklickbare Bereiche innerhalb eines Bildes oder einer Grafik. In diesem Film lernen Sie alle Hotspot-Werkzeuge von Dreamweaver kennen.
  
  Hotspots-Imagemaps
  
  02:35
- Umfangreichere Inhalte lassen sich sehr einfach mit Sprungverweisen, auch Anker genannt, innerhalb der Seite verlinken. Über Drag&Drop legen Sie Anker an und verlinken diese.
  
  Anker erzeugen
  
  03:12
- Anker, also Sprungverweise, lassen sich auch zu externen Seiten erzeugen. Auch diese Art der Anker lassen sich in Dreamweaver ganz leicht verlinken.
  
  Anker auf externe Seite
  
  01:54
- In diesem Film sehen Sie, wie E-Mail-Links schnell eingefügt und auch jederzeit geändert werden können.
  
  E-Mail-Link
  
  03:15
Steuern Sie, wie Ihre Webseiten dargestellt werden: Setzen Sie auf CSS-Layout und positionieren Sie, wo und wie Sie wollen. Nicht nur für den Bildschirm, auch für mobile Geräte oder für Ausdrucke.

CSS-Layouts
- Dieser Abschnitt führt Sie in die Grundlagen des CSS-Layouts ein. Lernen Sie die flexiblen Möglichkeiten kennen!
  
  CSS-Layoutgrundlagen
  - CSS Layouts folgen einer gewissen Strukturierung. Wie diese aussieht, erfahren Sie in diesem Video.
    
    CSS-Layoutstrukturierung
    
    03:04
  - Diese Lektion demonstriert, wie sich ein CSS-Grundlayout über DIV-Tags erstellen lässt. Auf diesem Grundlayout lässt sich dann später eine komplette Website aufbauen.
    
    CSS-Grundlayout mit DIV-Tags
    
    06:24
  - In diesem Film wird das CSS-Box-Modell erklärt. Für die Entwicklung von CSS-Layouts ist das Verständnis um dieses Modell entscheidend.
    
    Das CSS-Box-Modell
    
    07:40
  - Floating bestimmt, wie sich Elemente untereinander ausrichten. Damit lässt sich beeinflussen, ob Elemente hintereinander, links- oder rechtsbündig ausgerichtet werden.
    
    Floating verwenden und aufheben
    
    04:53
  - Relative Positionierung bedeutet, wenn sich die Position eines Elements ändert, ändert sich auch automatisch die Position des darauf folgenden Elements.
    
    Relative Positionierung
    
    02:38
  - Die absolute Positionierung ermöglicht die exakte Platzierung von Elementen. Der Film zeigt, wie es funktioniert und berichtet über Vor- und Nachteile dieser Methode.
    
    Absolute Positionierung
    
    05:26
  - Die fixe Positionierung verhält sich ähnlich wie die absolute Positionierung, lässt sich allerdings an die Größe des Browserfensters anpassen.
    
    Fixe Positionierung
    
    03:03
  - Per CSS-Overflow lässt sich das Verhalten von DIV-Containern für den Fall bestimmen, dass der Inhalt größer ist als der Container. Über den Overflow-Befehl lässt sich so z.B. durch den Inhalt eines Containers scrollen.
    
    CSS-Overflow
    
    01:52
  - Dreamweaver CS5 bietet viele Möglichkeiten, um Cascading Style Sheets zu überprüfen. Lernen Sie in dieser Lektion den neuen CSS-Inspektor (Überprüfen-Modus) kennen.
    
    CSS-überprüfen-Funktion
    
    04:20
- Webseiten können nicht nur auf dem Computer-Bildschirm angezeigt werden. Smartphones oder andere mobile Geräte setzen auch auf's Web. Weiters sollen Seiten oft ausgedruckt werden. Dabei kommen unterschiedliche Formatierungsanforderungen ins Spiel.
  
  CSS-Layout für Devices
  - Durch CSS ist es möglich, verschiedenen Endgeräten unterschiedliche Style Sheets zuzuweisen. Somit wird die Website für jedes Gerät optimiert und anders dargestellt.
    
    CSS-Layout für unterschiedliche Geräte
    
    03:01
  - Sehen Sie in diesem Video, wie sich eine Website in Dreamweaver über ein eigenes Style Sheet speziell für Drucker anpassen lässt.
    
    CSS-Layout für Drucker
    
    06:13
  - In Adobe Device Central lassen sich Websites und Applikationen auf diversen mobilen Endgeräten testen. Hier sehen Sie, wie sich eine Website in Device Central auf unterschiedlichen Handymodellen testen lässt.
    
    Adobe Device Central
    
    05:54
Tabellen stellen nahezu jede Art von Information übersichtlich dar. Tabellen auf Webseiten stoßen allerdings manchmal auf Schwierigkeiten: Warum das so ist und wie Sie das dank CSS überwinden, sind die Themen dieses Kapitels.

Tabellen
- In diesem Film erfahren Sie, warum heutzutage kein Layout mehr in Tabellenform erstellt werden sollte. Er beleuchtet auch die vielen Vorzüge von CSS-Layouts im Vergleich mit Tabellen.
  
  Warum Tabellen nicht für Layouts verwendet werden sollten
  
  06:34
- In diesem Video entsteht eine neue Tabelle. Alle wichtigen Einstellungen im Eigenschaften-Inspektor, von der Zellauffüllung über Abstände bis hin zu Rahmen, werden besprochen.
  
  Tabellenstruktur und -eigenschaften
  
  04:41
- Auch Tabellen lassen sich per CSS optisch aufwerten. Sehen Sie in dieser Lektion die vielen Möglichkeiten, wie sich Tabellen über CSS anpassen lassen.
  
  Tabellenlayout über CSS
  
  05:57
- Nach dem groben Layout von Tabellen über CSS werden in dieser Lektion weitere Details der Tabelle per CSS optisch aufgewertet.
  
  Tabellen-Detaillayout per CSS
  
  03:45
- Um das Lesen langer Tabellenzeilen zu erleichtern, erfahren Sie hier, wie sich Tabellen interaktiv machen lassen. Das ermöglicht, per Mouseover eine ganze Tabellenzeile hervorzuheben.
  
  Interaktive Tabellen
  
  04:47
- Viele Daten liegen außerhalb von Dreamweaver in unterschiedlichen Formaten vor. Wie Sie diese Daten in Dreamweaver importieren und in Tabellenform bringen können, verrät dieser Film.
  
  Importieren von Tabellendaten
  
  02:58
Webseiten sind heute interaktiv und erlauben, dass der Benutzer Daten eingibt. Die dafür eingesetzten Formulare wollen beherrscht sein – was Sie wissen sollten, erklären die folgenden Filme.

Formulare
- Diese Lektion erläutert die Funktion und die Grundstruktur von Formularen.
  
  Struktur von Formularen
  
  03:00
- Bei der Erstellung eines Formulars gilt es, einiges zu beachten. Was das ist, verrät dieses Video.
  
  Anlegen eines Formulars
  
  02:17
- Textfelder sind die Basisinformationselemente in Formularen. Es gibt verschiedene Varianten: Die unterschiedlichen Arten und deren Funktionen lernen Sie in dieser Lektion kennen.
  
  Textfelder und Textbereiche
  
  07:45
- Hier lernen Sie den Unterschied zwischen Kontrollkästchen (Checkbox) und Optionsschalter (Radiobutton) kennen und erfahren, welche Eigenschaften diese Elemente haben.
  
  Kontrollkästchen und Optionsschalter
  
  05:36
- Listen und Aufklappmenüs basieren auf einem komplexen HTML-Tag. Wie Sie hier sehen, nimmt Dreamweaver Ihnen dabei viel Arbeit ab!
  
  Auswahlmenü und Auswahlliste
  
  02:26
- Nun fehlt nur noch die Schaltfläche zum Versenden der Daten: In diesem Video fügen Sie sie ein.
  
  Schaltflächen
  
  02:06
- Das Grundlayout von Formularen benötigt noch ein wenig Feintuning. In diesem Film lernen Sie, wie sich Formulare über CSS gestalten lassen.
  
  Formularlayout per CSS
  
  04:26
- Um dem Benutzer optisches Feedback zu geben, in welchem Formularfeld er sich gerade befindet, besteht die Möglichkeit, die Formularfelder über CSS interaktiv zu machen.
  
  Interaktivität bei Textfeldern
  
  02:42
- Die Spry-Formularfeldüberprüfung ermöglicht es, Formularfelder live abzufragen. Dass der User noch während der Eingabe Feedback erhält, steigert die Usability von Formularen deutlich.
  
  Spry-Formularfeldüberprüfung
  
  08:30
AJAX ist die Kombination von JavaScript und XML und macht Webseiten erst so richtig interaktiv. Dreamweaver unterstützt das ganze durch sein eingebautes Spry-Framework. Die wissenswerten Details halten die Filme dieses Kapitels bereit.

Spry-Framework und AJAX
- Was genau ist JavaScript und wozu wird es eingesetzt? Erfahren Sie hier mehr zu dem Thema!
  
  Was ist JavaScript?
  
  01:40
- Über die Verhalten-Palette in Dreamweaver lassen sich Elementen verschiedene JavaScript-Verhalten zuweisen. Sehen Sie hier, wie sich ein Bildaustausch über die Verhalten-Palette anwenden lässt.
  
  Bildaustausch per JavaScript-Verhalten
  
  06:43
- Die JavaScript-Verhalten in Dreamweaver lassen sich beliebig erweitern. Sehen Sie in dieser Lektion, wie sich per Adobe Exchange neues JavaScript hinzufügen lässt.
  
  JavaScript-Verhalten erweitern
  
  04:16
- AJAX steht für Asynchrones JavaScript und XML und wird verwendet, um Webseiten Interaktivität zu verleihen und ein desktopähnliches Arbeiten im Browser zu ermöglichen. Spry ist Adobes AJAX-Framework und voll in Dreamweaver integriert.
  
  Was ist AJAX?
  
  06:05
- Spry-Effekte ermöglichen die Animation von Elementen. In Dreamweaver ist es ganz leicht, beliebigen Elementen solche Spry-Effekte zuzuweisen.
  
  Spry-Effekte
  
  02:12
- Über die Spry-Quickinfo ist es möglich, Zusatzinformationen zu einem Element per Mouseover anzuzeigen. Wie einfach sich eine Quickinfo, auch Tooltip genannt, einsetzen lässt, lernen Sie in dieser Lektion.
  
  Spry-QuickInfo/Tooltip
  
  05:18
- Die Spry-Registerkarten erlauben es, über Registerkarten auf die Inhalte einer Website zugreifen zu können. Wie das funktioniert und wie sich die Registerkarten verwenden lassen, sehen Sie hier.
  
  Spry-Registerkarten
  
  05:10
- Spry ermöglicht aufwändige dynamische JavaScript-Menüs, auf CSS basierend, ohne auch nur eine Zeile programmieren zu müssen.
  
  Spry-Menüleiste
  
  09:04
- Neu in Dreamweaver CS5 ist die Integration des Widget Browsers. Der ist eine eigenständige AIR-Applikation, mit der es möglich ist, die Adobe Exchange Plattform nach AJAX-Widgets zu durchsuchen, um diese dann über Dreamweaver in die Website zu integrieren.
  
  Widget Browser
  
  07:03
Bewegte Bilder sind die Hingucker auf jeder Webseite. Wie Sie Videos in welchen Formaten auf Ihre Seite bringen, verraten die folgenden Filme.

Flash und Video einbinden
- Flash-Inhalte sind aus dem Internet nicht mehr wegzudenken. Dieser Film verrät, wie Sie Flash in Ihre Website einbinden und zeigt die entsprechenden Eigenschaften.
  
  Flash-Animation einbetten
  
  05:46
- Es ist möglich, aus Dreamweaver heraus Flash-Dateien zu bearbeiten. Wie dieser Workflow funktioniert, sehen Sie in diesem Video zum Thema Dreamweaver- und Flash-Integration.
  
  Dreamweaver- und Flash-Integration
  
  02:08
- In dieser Lektion sehen Sie, wie sich mit dem Adobe Media Encoder jedes Videoformat in ein Flash Video umwandeln lässt. Somit sind Sie in der Lage, sämtliche Videos für Ihre Website umzurechnen.
  
  Videos umrechnen mit dem Adobe Media Encoder
  
  05:31
- Videos sind im Internet mittlerweile zum Standard geworden. Das Standardformat dafür ist Flash Video (FLV). Dieser Film zeigt, wie Sie mit Hilfe von Dreamweaver solche FLVs in Ihre Website einbauen.
  
  Videos einbetten
  
  03:24
Getreu dem Motto, dass man nichts tun sollte, was schon ein anderer – oder man selbst früher bereits – getan hat, können Sie auch bei der Webentwicklung auf Vorlagen setzen. Wie Sie Dreamweaver dabei unterstützt, darum dreht sich dieses Kapitel.

Vorlagen
- Setzen Sie Vorlagen ein, um Zeit und Aufwand zu sparen, aber auch, um Ihren Seiten einen einheitlichen Look zu verpassen.
  
  Vorlagen verwenden
  - Dieser Film erläutert die Vorteile der Arbeit mit Vorlagen. Sie erstellen eine erste Vorlage mit bearbeitbaren Bereichen.
    
    Vorlage erstellen
    
    02:55
  - Neben Bereichen können Sie in Dreamweaver auch Attribute bestimmter Tags bearbeitbar machen. Die Tags selbst sind aber nicht bearbeitbar, wobei die HTML-Attribute per Vorlagen für einzelne Seiten anpassbar sind.
    
    Attribute der Vorlage editierbar machen
    
    02:58
  - Hier wird das Arbeiten mit Seiten demonstriert, die auf Vorlagen basieren. Sehen Sie die Vorzüge solcher Vorlagen in Aktion!
    
    Neue Seiten basierend auf Vorlagen
    
    04:38
  - Eine Vorlage für den Rahmen und die Hauptnavigation und darin eine weitere Vorlage für die Unternavigation und den Inhaltsbereich – so werden verschachtelte Vorlagen eingesetzt. Bereiche, die in einer Website häufiger verwendet werden, lassen sich als wiederholende Bereiche definieren.
    
    Verschachtelte Vorlagen und wiederholende Bereiche
    
    04:41
  - Hier erfahren Sie, wie sich die verschachtelten Vorlagen und die wiederholenden Bereiche später verwenden und bearbeiten lassen.
    
    Vorlagen bearbeiten
    
    02:14
- Adobe bietet mit Dreamweaver und einigen weiteren Produkten viel Unterstützung und Hilfe bei der Arbeit mit Vorlagen an. Dieser Abschnitt zeigt die Details.
  
  Inhalte editieren mit Contribute und InContext Editing
  - Die editierbaren Vorlagen aus Dreamweaver lassen sich für den Einsatz von Contribute nutzen. Sehen Sie hier, wie eine solche Vorlage erstellt wird.
    
    Erstellen einer Contribute-Vorlage
    
    03:10
  - Contribute ist eine Softwarelösung, um Inhalte einer Website kinderleicht zu editieren. In dieser Lektion erlernen Sie den Umgang mit Contribute.
    
    Inhalte in Contribute editieren
    
    08:44
  - In Dreamweaver lassen sich spezielle Bereiche für InContext Editing definieren. Solche Bereiche lassen sich dann problemlos mit diesem Webservice von Adobe editieren.
    
    Datei für InContext Editing erstellen
    
    03:19
  - InContext Editing ist ein Webservice von Adobe, mit dem Sie freigegebene Bereiche in Websites, ähnlich wie in Contribute, kinderleicht editieren.
    
    Inhalte editieren über InContext Editing
    
    05:13
Adobe unterstützt seine Kunden mit einer Reihe von Online-Diensten, die produktives Arbeiten mit Komfort verbinden. Das Adobe BrowserLab oder Business Catalyst gehören dazu.

Adobe CS Live Services
- Unter CS Live führt Adobe diverse Online Services zusammen. Welche Services das sind, erfahren Sie in dieser Übersicht.
  
  Überblick
  
  02:29
- Adobe BrowserLab hilft bei der optischen Überprüfung der Website auf einer Vielzahl von Browsern. Da nicht alle Browser Inhalte gleich anzeigen, deckt BrowserLab hier Darstellungsprobleme auf.
  
  Adobe BrowserLab
  
  05:33
- Business Catalyst von Adobe macht es möglich, kommerzielle Websites zu erstellen. Die Anbindung von Dreamweaver an Business Catalyst hilft bei der Verwendung und der Gestaltung einzelner Elemente bis hin zum kompletten Webshop.
  
  Business Catalyst
  
  03:47
Professionelle Webentwickler klicken Ihre Seiten nicht nur zusammen: Gerade für den gekonnten Auftritt und besondere Anforderungen kommen Sie um manuelles Coden nicht herum. Dreamweaver ist aber auch eine Entwicklungsumgebung, die das unterstützt!

Entwicklungsumgebung und Quellcodebearbeitung
- Schreiben Sie Quellcode, um die bestmögliche Feinabstimmung Ihrer Seiten zu erreichen. Wie Sie Dreamweaver dafür optimal einsetzen, erklären die Filme dieses Abschnitts.
  
  Quellcodebearbeitung
  - Über die Eigenschaften von Dreamweaver lässt sich die Bearbeitung von Quellcode an die eigenen Bedürfnisse anpassen. Lernen Sie hier sämtliche Einstellungsmöglichkeiten kennen.
    
    Code-Eigenschaften
    
    05:00
  - Code Hinting erleichtert das schreiben von Quellcode. Dank Code Hinting ist es möglich, Quellcode in einem Bruchteil der Zeit zu schreiben, da der Code automatisch von Dreamweaver ergänzt wird.
    
    Code-Hinweise/Code Hinting
    
    03:31
  - Die Werkzeugleiste in der Codeansicht bietet viele tolle Funktionen, die die Arbeit erleichtern. Dieses Video demonstriert die einzelnen Werkzeuge.
    
    Code-Werkzeugleiste
    
    03:22
  - Kommentare erleichtern die Arbeit mehrerer Personen an einem Dokument. Außerdem können Sie Kommentare verwenden, um Bereiche im Quellcode zu kennzeichnen. Lernen Sie hier die Kommentierfunktion in der Codeansicht kennen!
    
    Kommentare
    
    03:56
  - Fehlerfreier Quellcode gehört für den professionellen Webentwickler zum guten Ton. Hier erfahren Sie, wie Sie Fehler im Quellcode sofort entdecken.
    
    Fehler im Quellcode
    
    01:35
  - Die Live-Code und die Live-Ansicht erleichtern die Arbeit in Dreamweaver erheblich. Dank dieser Ansichten ist es möglich, im Code live nach Elementen oder Fehlern zu suchen.
    
    Live-Code & Live-Ansicht
    
    02:02
- Dreamweaver bietet erweiterte und überarbeitete Unterstützung von Webseiten, die mit CMS-Systemen und ähnlichen Tools erstellt und verwaltet werden.
  
  PHP-Seiten bearbeiten
  - Um zu verstehen, wie Webseiten mit dynamischen Inhalten aufgebaut sind, ist es wichtig zu wissen, wie das Client-Server-Modell aufgebaut ist.
    
    Client-Server-Modell
    
    01:39
  - In diesem Video wird XAMPP als Entwicklungsumgebung installiert: XAMPP ist ein weit verbreitetes All-in-one-Paket mit Webserver, PHP, Datenbank und vielem mehr für die Entwicklung von Webseiten mit dynamischen Inhalten.
    
    XAMPP installieren
    
    02:33
  - In diesem Schritt laden Sie WordPress herunter und installieren das Paket auf dem XAMPP-Server.
    
    WordPress installieren
    
    05:46
  - Um WordPress mit Dreamweaver editieren zu können, müssen in der Siteverwaltung von Dreamweaver erst ein paar Einstellungen getroffen werden. Hier lernen Sie, wie sich Dreamweaver für den Testserver einrichten lässt.
    
    Dreamweaver für WordPress einrichten
    
    01:47
  - Dreamweaver unterstützt in der Version CS5 nun auch die Darstellung dynamisch abhängiger Dateien. Dadurch ist man in der Lage, dynamische Content Management Systeme wie z.B. WordPress, Drupal und Joomla! in der Entwurfsansicht von Dreamweaver zu editieren.
    
    WordPress-Site bearbeiten
    
    06:25
  - Ebenfalls neu in Dreamweaver CS5 ist die Anzeige von Code-Hinweisen in PHP. Darüber hinaus bietet Dreamweaver Hilfestellung für Einsteiger, um die PHP-Kernfunktionen zu erlernen.
    
    PHP-Code-Hinweise (Code Hints)
    
    03:17
Dieses Kapitel vermittelt in zwei Abschnitten, wie Sie Ihre Seiten professionell testen und veröffentlichen und welche Funktionen Dreamweaver für diese Aufgaben bereitstellt.

Website testen und bereitstellen
- Damit es nicht peinlich wird: Prüfen Sie vor jeder Veröffentlichung, ob die Seite auch wirklich so dargestellt wird, wie Sie sich das vorgestellt haben. Wie's geht, verraten die folgenden Filme.
  
  Website testen
  - Nicht alle Browser stellen den Inhalt von Websites gleich dar und nicht alle Funktionen werden von allen Browsern gleich interpretiert – Daher ist es wichtig, möglichst viele Browser zu installieren und die Site darauf zu testen.
    
    Verschiedene Browser testen
    
    02:20
  - CSS wird nicht von allen Browsern identisch interpretiert. Dreamweaver bietet daher eine Browser-Kompatibilitätsprüfung in Verbindung mit Hilfestellungen über die CSS Advisor Community Website von Adobe.
    
    Browser-Kompatibilität – CSS Advisor
    
    02:16
  - Über den Site-Bericht lässt sich die gesamte Website nach Fehlern durchsuchen. Führen Sie diesen Test durch, um sicher zu gehen, das der Quellcode fehlerfrei ist.
    
    Site-Bericht
    
    02:44
  - Dreamweaver bietet nützliche Prüfwerkzeuge für die Hyperlinks der ganzen Website. Damit werden fehlerhafte Verlinkungen ausgeschlossen.
    
    Hyperlink-Prüfer
    
    03:17
  - Die Web Developer Toolbar ist eine Erweiterung für Firefox, die jeder Webdesigner und -entwickler kennen sollte.
    
    Web Developer Toolbar
    
    07:25
- Damit es nicht peinlich wird: Prüfen Sie vor jeder Veröffentlichung, ob die Seite auch wirklich so dargestellt wird, wie Sie sich das vorgestellt haben. Wie's geht, verraten die folgenden Filme.
  
  Website bereitstellen
  - Um eine Website ins Netz zu stellen benötigen Sie einen Server mit Webspace. Hier erfahren Sie, wie Sie einen passenden Anbieter finden und wie Sie sich eine Domain sichern.
    
    Server mieten und Domain sichern
    
    03:55
  - Auf die Remote-Site (den Webserver) müssen sämtliche Daten hochgeladen werden, die im Internet angezeigt werden sollen. Dreamweaver ermöglicht die direkte Anbindung an Ihren Webserver per FTP-Zugang. Diese Lektion zeigt die grundlegenden Einstellungen.
    
    Serververbindung herstellen
    
    05:17
  - Neben den Grundeinstellungen in der Siteverwaltung gibt es noch eine Vielzahl an erweiterten Einstellungen. Dieses Video dient als Wegweiser durch die komplexen Einstellungsmöglichkeiten.
    
    Erweiterte Einstellungen
    
    03:14
  - Wenn sich lokale Daten ändern, sollten diese natürlich mit dem Webserver synchronisiert werden. Dieser Film zeigt, wie diese Synchronisierung abläuft.
    
    Synchronisierung
    
    02:55
  - Das Ein- und Auschecken ermöglicht die Arbeit mehrerer Personen an einem Webprojekt. Design Notes dienen dabei der Kommunikation untereinander.
    
    Ein-/Auschecken und Design Notes
    
    03:46
  - Eine Versionskontrolle wird nötig, wenn mehrere Entwickler an einem großen Webprojekt arbeiten. Hier erhalten Sie einen Überblick über die Versionskontrolle in Dreamweaver im Zusammenspiel mit Subversion.
    
    Versionskontrolle mit Subversion
    
    05:25

Trailer: Dreamweaver CS5 - Das umfassende Training

André Reinegger ist Ihr persönlicher Trainer und geht mit Ihnen von Anfang an alle Schritte bis hin zur fertigen interaktiven Website durch. Er nutzt als Webdesigner Dreamweaver seit über 10 Jahren bei der täglichen Arbeit und hält als Adobe Certified Instructor seit vielen Jahren Seminare zum Thema Webdesign mit Dreamweaver, Fireworks und Flash. Profitieren Sie von seiner umfangreichen Erfahrung als Trainer und Webspezialist und machen Sie einfach bei diesem umfassenden Grundlagen-Training mit, anstatt sich alles mühevoll selbst zu erarbeiten!

Aus dem Inhalt:

Einführung
In gleich drei Abschnitten bieten die Filme des ersten Kapitels einen Überblick über das Webdesign mit Dreamweaver CS5, führen in Planung und Layout von Webseiten ein und zeigen einen Umriss der Benutzeroberfläche von Dreamweaver.

Dokumente anlegen und Site-Verwaltung
Web-Auftritte setzen sich aus einer Vielzahl von einzelnen Webseiten zusammen. Wie diese einzelnen Seiten erzeugt und verwaltet werden, erklären die Abschnitte in diesem Kapitel.

HTML- & CSS-Grundlagen und CSS-Selektoren
Dieses Kapitel bietet eine Einführung in die Seitenbeschreibungssprache HTML und das System der Cascading Style Sheets, kurz CSS. Durch die Trennung von Inhalt und Gestaltung per CSS werden Websites barrierefreier, leichter editierbar, zukunftssicher und besser in Suchmaschinen zu finden.

Typografie mit CSS
Cascading Style Sheets bieten viel mehr Möglichkeiten, Text zu formatieren als reines HTML. Dank CSS haben Sie weitreichenden Einfluss auf die Typografie. Wie komfortabel Sie in Dreamweaver Text über CSS layouten, erklären die Filme in diesem Kapitel.

Bilder
Was wäre das Web ohne Bilder? Erfahren Sie in diesem Kapitel, wie Sie Bilder in Ihre Seiten einfügen, welche verschiedenen Eigenschaften es gibt und was Sie dabei beachten sollten.

Links
Die Links sind es, die das Internet zum Netz machen. Natürlich sind auch gerade im Web die Links von tragender Bedeutung. Dieses Kapitel zeigt, wie Links funktionieren, wie Sie sie einsetzen und was Dreamweaver Ihnen dafür zur Verfügung stellt.

CSS-Layouts
Steuern Sie, wie Ihre Webseiten dargestellt werden: Setzen Sie auf CSS-Layouts und positionieren Sie Elemente, wo und wie Sie wollen. Nicht nur für den Bildschirm, auch für mobile Geräte oder für Ausdrucke.

Tabellen
Tabellen stellen nahezu jede Art von Information übersichtlich dar. Tabellen auf Webseiten stoßen allerdings manchmal auf Schwierigkeiten: Warum das so ist und wie Sie das dank CSS überwinden, sind die Themen dieses Kapitels.

Formulare
Webseiten sind heute interaktiv und erlauben, dass der Benutzer Daten eingibt. Die dafür eingesetzten Formulare wollen beherrscht sein – was Sie wissen sollten, erklärt dieser Abschnitt.

Spry-Framework und AJAX
AJAX ist die Kombination von JavaScript und XML und macht Webseiten erst so richtig interaktiv. Dreamweaver unterstützt das ganze durch sein eingebautes Spry-Framework. Die wissenswerten Details halten die Filme dieses Kapitels bereit.

Flash und Video einbinden
Bewegte Bilder sind die Hingucker auf jeder Webseite. Wie Sie Videos in welchen Formaten auf Ihre Seite bringen, verraten die folgenden Filme.

Vorlagen
Getreu dem Motto, dass man nichts tun sollte, was schon ein anderer – oder man selbst – früher bereits getan hat, können Sie auch bei der Webentwicklung auf Vorlagen setzen. Wie Sie Dreamweaver dabei unterstützt, darum dreht sich dieses Kapitel.

Adobe CS Live Services
Adobe unterstützt seine Kunden mit einer Reihe von Online-Diensten, die produktives Arbeiten mit Komfort verbinden. Das Adobe BrowserLab oder Business Catalyst gehören dazu.

Entwicklungsumgebung und Quellcodebearbeitung
Auch für die Quellcodebearbeitung gibt Dreamweaver professionellen Webentwicklern tolle Werkzeuge in die Hand. Dank Code-Hinting (Autovervollständigung) ist das Arbeiten in der Codeansicht von Dreamweaver sehr komfortabel.

Website testen und bereitstellen
Dieses abschließende Kapitel vermittelt in zwei Abschnitten, wie Sie Ihre Seiten professionell testen und veröffentlichen und welche Funktionen Dreamweaver für diese Aufgaben bereitstellt.

Systemvoraussetzungen

512 MB RAM
DVD-Laufwerk
Soundkarte, Lautsprecher bzw. Kopfhörer
Bildschirmauflösung mind. 1024x768
Windows XP/Vista oder Mac OS X
Pentium 4 ab 2,6 GHz oder G5

iPad kompatibel

Sie können die Lektionen dieses Video-Trainings am iPad und iPhone 4 direkt im Browser ansehen. Für den Offline-Einsatz steht eine spezielle Download-Variante zur Verfügung, die eine Playlist und die iPad-kompatiblen Videos umfasst.

Tutorial to go

Dank „Tutorial to go“ können Sie ausgewählte Videos auch auf Ihrem iPod, iPhone oder vielen Mobiltelefonen und anderen mobilen Endgeräten abspielen – lernen Sie, wann und wo Sie wollen!

Die Filme finden Sie als Download auf unserer Website bzw. auf der DVD im Verzeichnis /mobile. Einfach überspielen und los geht’s!

Sourcecodes

Der im Rahmen dieses Trainings entstandene Quelltext ist vollständig im Training enthalten. So können Sie die Lektionen optimal von Anfang an nachvollziehen oder an einer beliebigen Stelle quer einsteigen - ohne lästige und fehleranfällige Tipparbeit.

Multiple Choice Tests

Prüfen Sie Ihr Wissen mit den Multiple Choice Tests! So können Sie Erlerntes wiederholen und gleichzeitig Ihr Wissen festigen. Aber Vorsicht: mehr als eine Antwortmöglichkeit kann hier korrekt sein! Eine Frage wird nur dann als richtig gewertet, wenn Sie alle entsprechenden Antworten erkannt haben.

Bonusmagazin

Begleitend zu den Videos bietet dieses Training ein Bonusmagazin mit einem Kurzporträt des Autors bzw. der Autoren, weiterführende Artikel zum Thema, ein ausführliches, reich bebildertes Inhaltsverzeichnis sowie Informationen zur Bedienung des Trainings (nur in der DVD-Version).

Mach mit!-Modus

Sie haben die Wahl! Lernen Sie konzentriert im Vollbildmodus oder schalten Sie mit nur einem Klick in den Mach mit!-Modus. So probieren Sie die Beispiele direkt am eigenen Computer aus, während das Video-Training in einem extra Fenster parallel weiter läuft.

Lesezeichen

Während ein Video läuft können Sie jederzeit individuelle Lesezeichen setzen, die als orange Markierungen in der Abspielleiste auftauchen. Ein Lesezeichen kann aus einem einfachen Begriff oder einer kurzen Notiz bestehen. Eine Übersichtsliste hilft dabei, die eigenen Lesezeichen schnell wieder zu finden.

Super Training!

Michael Blechinger

Ich finde es super wie alles im Dreamweaver erklärt wird!! Es dauert zwar lange bis man durch ist, aber wenn man es hat weiß man schon viel mehr!