Feedback & Wünsche
Dreamweaver-Video-Training

Dreamweaver-Video-Training

4eck Media GmbH & Co. KG

Lass uns für ein besseres Verständnis werben. Erweitere in über 4 Stunden deinen modularen Horizont und blicke mit uns über den Templaterand. Finde Seite an Seite mit deinem Trainer klare Antworten auf die großen Fragen zu heutigen Websites und lerne, das gesamte Potenzial von Adobe Dreamweaver zu nutzen.

  • Dreamweaver kennen und bedienen lernen
  • Moderne Webseiten im Web umsetzen und anpassen
  • Zusätzlich: 2 Stunden Bonusmaterial

Du willst wissen, wie du die Site wechselst? Jetzt interaktivieren, damit deine Website nicht länger ein Traum bleibt. Das Dreamweaver-Video-Training bringt dich auf Kurs!

Die Benutzeroberfläche

Dreamweaver CS6 - Begrüßungsbildschirm

Dreamweaver CS6 - Begrüßungsbildschirm

In diesem Video-Training möchte ich euch den Begrüßungsbildschirm in Dreamweaver CS6 vorstellen und seine Funktionen erklären.

  5 Min.
Dreamweaver CS6 - Anwenderbereich und Dokumentenfenster

Dreamweaver CS6 - Anwenderbereich und Dokumentenfenster

In diesem Video-Training möchte ich euch zeigen, wie Dreamweaver aufgebaut ist. Dabei erkläre ich einmal die gesamte Oberfläche und einige Funktionen an einfachen Beispielen.

  19 Min.
Dreamweaver - Die Paletten

Dreamweaver - Die Paletten

In diesem Video-Training stelle ich euch die verschiedenen Paletten in Dreamweaver CS6 vor und zeige, wie man diese verwendet. Dabei greife ich wie gewohnt einige nützliche Beispiele aus der Praxis auf. Die wohl wichtigste Palette erkläre ich in …

  8 Min.
Dreamweaver CS6 - Die Einfügen-Palette

Dreamweaver CS6 - Die Einfügen-Palette

In diesem Video-Training möchte ich euch die wohl wichtigste Dreamweaver-Palette vorstellen: die Einfügen-Palette. Diese bietet essenziell wichtige Funktionen zum Erstellen einer Webseite. Außerdem zeige ich ein paar einfache Praxisbeispiele wie …

  9 Min.
Dreamweaver CS6 - Arbeitsbereiche

Dreamweaver CS6 - Arbeitsbereiche

In diesem Video-Training möchte ich euch zeigen, wie ihr mit Arbeitsbereichen umgeht und euch eigene, auf euch zugeschnittene Bereiche definiert.

  4 Min.
Dreamweaver CS6 - Der Eigenschaften-Inspektor

Dreamweaver CS6 - Der Eigenschaften-Inspektor

In diesem Video-Training möchte ich euch den Eigenschaften-Inspektor vorstellen. Dieser ist die zentrale Anlaufstelle, um die Eigenschaften von Elementen in Dreamweaver anzupassen, z.B. Stile, Formatierungen oder Verlinkungen.

  5 Min.
Dreamweaver CS6 - Ansichten und visuelle Hilfsmittel

Dreamweaver CS6 - Ansichten und visuelle Hilfsmittel

Es gibt in Dreamweaver eine ganze Palette an visuellen Hilfsmitteln, die vor allem Designern im Entwurfsmodus helfen sollen, neue Objekte zu platzieren bzw. den generellen Aufbau an einem Raster auszurichten. Auch für Code-Entwickler sind diese …

  6 Min.
Dreamweaver CS6 - Voreinstellungen

Dreamweaver CS6 - Voreinstellungen

Mit den Voreinstellungen in Dreamweaver sollte sich jeder Nutzer vor Beginn seiner Arbeit mit der Software vertraut machen. Denn hier lassen sich einige wichtige Einstellungen vornehmen, die z.B. den persönlichen Workflow verbessern können. In …

  5 Min.

Dokumente anlegen / Sites verwalten

Dreamweaver - Anlegen einer neuen Site

Dreamweaver - Anlegen einer neuen Site

Sites sind in Dreamweaver eine zentrale Funktion zum Verwalten von Projekten und dazugehörigen Servern. Sobald man mehr als nur eine einzelne HTML-Datei verarbeiten möchte, helfen einem Sites, Pfade aktuell zu halten und Daten auf Servern zu …

  10 Min.
Dreamweaver - Verwalten von Dateien und Ordnern

Dreamweaver - Verwalten von Dateien und Ordnern

Sites sind in Dreamweaver eine zentrale Funktion zum Verwalten von Projekten und dazugehörigen Servern. Sobald man mehr als nur eine einzelne HTML-Datei verarbeiten möchte, helfen einem Sites, Pfade aktuell zu halten und Daten auf Servern zu …

  5 Min.
Dreamweaver CS6 - Verwendung von Dateinamen

Dreamweaver CS6 - Verwendung von Dateinamen

Sites sind in Dreamweaver eine zentrale Funktion zum Verwalten von Projekten und dazugehörigen Servern. Sobald man mehr als nur eine einzelne HTML-Datei verarbeiten möchte, helfen einem Sites, Pfade aktuell zu halten und Daten auf Servern zu …

  3 Min.
Dreamweaver CS6 - Verwalten von Sites (FTP, Dateien hochladen etc.)

Dreamweaver CS6 - Verwalten von Sites (FTP, Dateien hochladen etc.)

Sites sind in Dreamweaver eine zentrale Funktion zum Verwalten von Projekten und dazugehörigen Servern. Sobald man mehr als nur eine einzelne HTML-Datei verarbeiten möchte, helfen einem Sites, Pfade aktuell zu halten und Daten auf Servern zu …

  9 Min.
Dreamweaver CS6 - Webfonts

Dreamweaver CS6 - Webfonts

In diesem Video-Training möchte ich euch die Verwendung von Webfonts in Dreamweaver CS6 zeigen. Diese Funktion ist gerade für moderne Webseites nahezu unerlässlich geworden.

  9 Min.

Praxis

Dreamweaver CS6 - Arztpraxis - 01

Dreamweaver CS6 - Arztpraxis - 01

In diesem ersten Teil konfigurieren wir Dreamweaver auf unsere Bedürfnisse hin. Wir richten uns einen eigenen Arbeitsbereich ein, der uns bei unserem Workflow unterstützt.

  5 Min.
Dreamweaver CS6 - Arztpraxis - 02

Dreamweaver CS6 - Arztpraxis - 02

In dem zweiten Teil beschäftigen wir uns mit den Sites und deren Funktionen. Für unser Projekt legen wir uns auch eine entsprechende Site an.

  7 Min.
Dreamweaver CS6 - Arztpraxis - 03

Dreamweaver CS6 - Arztpraxis - 03

Im dritten Teil legen wir uns endlich ein HTML5-Dokument an, um mit der Arbeit zu beginnen.

  4 Min.
Dreamweaver CS6 - Arztpraxis - 04

Dreamweaver CS6 - Arztpraxis - 04

In dem vierten Teil versehen wir unser HTML5-Dokument mit ein paar META-Angaben und gehen kurz auf die wichtigsten ein!

  7 Min.
Dreamweaver CS6 - Arztpraxis - 05

Dreamweaver CS6 - Arztpraxis - 05

In diesem fünften Teil geht es um die Erstellung und Einbindung von CSS-Dateien.

  7 Min.
Dreamweaver CS6 - Arztpraxis - 06

Dreamweaver CS6 - Arztpraxis - 06

In dem sechsten Teil geht es um die Erstellung und Einbindung von JavaScript-Dateien.

  6 Min.
Dreamweaver CS6 - Arztpraxis - 07

Dreamweaver CS6 - Arztpraxis - 07

In diesem siebten Teil geht es um die unterschiedlichen Möglichkeiten der Einbindung von Webfonts.

  11 Min.
Dreamweaver CS6 - Arztpraxis - 08

Dreamweaver CS6 - Arztpraxis - 08

In diesem Teil geht es nun endlich um den HTML5- und CSS3-Code der fertigzustellenden Seite.

  10 Min.
Dreamweaver CS6 - Arztpraxis - 09

Dreamweaver CS6 - Arztpraxis - 09

In diesem Teil geht es weiter mit dem HTML5- und CSS3-Code.

  16 Min.
Dreamweaver CS6 - Arztpraxis - 10

Dreamweaver CS6 - Arztpraxis - 10

In diesem Teil geht es weiter mit dem HTML5- und CSS3-Code der fertigzustellenden Seite.

  14 Min.
Dreamweaver CS6 - Arztpraxis - 11

Dreamweaver CS6 - Arztpraxis - 11

In diesem Teil habe ich den fehlenden Code vervollständigt und wir schauen uns die wichtigsten Stellen gemeinsam an.

  14 Min. mit Arbeitsdatei
Dreamweaver CS6 - Arztpraxis - 12

Dreamweaver CS6 - Arztpraxis - 12

In diesem letzten Teil fügen wir unserer Seite noch einen passenden JavaScript-Slider hinzu.

  23 Min. mit Arbeitsdatei

Hinweise, Tipps & Tricks

Dreamweaver - Farbwerte finden

Dreamweaver - Farbwerte finden

In diesem Video-Training stelle ich euch den Dienst Kuler von Adobe vor, mit dem ihr passende Farbkombinationen für eure Projekte finden könnt.

  4 Min.
Dreamweaver - Farbwerte

Dreamweaver - Farbwerte

In diesem Video-Training gehe ich auf die unterschiedlichen Farbwerte im Web ein und zeige die Unterschiede und Besonderheiten.

  4 Min.
Dreamweaver CSS3-Button

Dreamweaver CSS3-Button

In diesem Video-Training erstellen wir einen CSS3-Button mit einer kleinen Animation.

  11 Min.
Dreamweaver - Grafik-Button

Dreamweaver - Grafik-Button

In diesem Video-Training erstellen wir einen kleinen Button mit einem Grafikelement und ein paar CSS3-Eigenschaften.

  9 Min.

CC

Dreamweaver CC - Dokumente

Dreamweaver CC - Dokumente

In diesem Video-Training gehe ich auf die neuen Dokumente und Vorlagen von Dreamweaver CC ein.

  4 Min.
Dreamweaver CC - Synchronisation

Dreamweaver CC - Synchronisation

In diesem Video-Training zeige ich die Synchronisation von Dreamweaver CC und deren Einstellungsmöglichkeiten.

  4 Min.
Dreamweaver CC - Fließende Rasterlayouts

Dreamweaver CC - Fließende Rasterlayouts

In diesem Video-Training gehe ich auf die einfache Erstellung von fließenden Rasterlayouts ein.

  9 Min.
Dreamweaver CC - CSS Designer

Dreamweaver CC - CSS Designer

In diesem Video-Training zeige ich den neu hinzugefügten CSS Designer.

  6 Min.
Dreamweaver CC - JavaScript-Konsole

Dreamweaver CC - JavaScript-Konsole

In diesem Video-Training gehe ich auf die JavaScript-Konsole von Dreamweaver CC ein.

  3 Min.

Bonus

Dreamweaver CS6: Fließendes Rasterlayout

Dreamweaver CS6: Fließendes Rasterlayout

Adobe hat der neuen Version von Dreamweaver eine sehr nützliche Funktion verpasst: Denn mit der neuen Version CS6 ist es möglich,  fließende Layouts sehr einfach mit einem selbst definierten Raster zu erstellen. Wie einfach das funktioniert, …

  9 Min. + Text-Tutorial
Dreamweaver CS6: Fließendes Rasterlayout - ein Beispiel aus der Praxis

Dreamweaver CS6: Fließendes Rasterlayout - ein Beispiel aus der Praxis

In meinem vorherigen Video-Training habe ich ja bereits die Einstellungen der Funktion "Fließendes Rasterlayout" in Dreamweaver CS6 erläutert. Bei dem Beispiel habe ich mich an einen einfachen Standard-Webseiten-Aufbau gehalten. In …

  11 Min. + Text-Tutorial
Dreamweaver CS6 - Webtools

Dreamweaver CS6 - Webtools

In diesem Video-Training zeige ich euch diverse Webtools, die euch das Leben stellenweise leichter machen können: » e-recht24.de/impressum-generator.html » html5css3box.com » mycodestock.com » kuler.adobe.com » iconspedia.com » iconload.de …

  11 Min.
Dreamweaver CS6 - Sonderzeichen

Dreamweaver CS6 - Sonderzeichen

In diesem Video-Training möchte ich euch zeigen, wie man Sonderzeichen in Dreamweaver CS6 verwendet. Hier gibt es zwei verschiedene Möglichkeiten, um entsprechende Sonderzeichen einzusetzen.

  2 Min.
Kreative Portfolio-Webseite erstellen: Coding in xHTML und CSS

Kreative Portfolio-Webseite erstellen: Coding in xHTML und CSS

Verfolgt die Entstehung des neuen Pixelmetrie.de-Layouts live! In diesem Video-Training wird das Coding in xHTML und CSS erklärt. Zusätzlich erfahrt ihr einige Tricks in Photoshop und Dreamweaver. Wer professionelle Websites erstellen will, wird …

  121 Min. mit Arbeitsdatei

Diese Inhalte könnten dich ebenfalls interessieren

Lade...     Wir sind auf der Suche nach interessanten Trainings für dich, bitte gib uns einen Moment.

© 2002-2018 4eck-Media GmbH & Co. KG • Mit erstellt von 4eck-media.de

Top