Dreamweaver-Video-Training

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!

Möchtest du mehr über dieses Produkt erfahren? Dann geht es hier direkt zu den Infos!

29.95 4eck Media GmbH & Co. KG
Dreamweaver-Video-Training
Bewertungen
(15 Kundenrezensionen)
ISBN: 9783944091259
Software Kategorie Icon

Du willst eine Website, die was darstellt? Dann lerne in über 4 Stunden die Webseitenbearbeitung mit Adobe Dreamweaver anhand von zahlreichen Beispielprojekten - praxisnah und verständlich erklärt. Der Inhalt gliedert sich in fünf Kategorien plus einen Bonusteil.

Dreamweaver

1. Die Benutzeroberfläche

  • Begrüßungsbildschirm
  • Anwenderbereich und Dokumentenfenster
  • Die Paletten
  • Die Einfügen-Palette
  • Arbeitsbereiche
  • Der Eigenschaften-Inspektor
  • Ansichten und visuelle Hilfsmittel
  • Voreinstellungen

2. Dokumente anlegen u. Sites verwalten

  • Anlegen einer neuen Site
  • Verwalten von Dateien und Ordnern
  • Verwendung von Dateinamen
  • Verwalten von Sites (FTP, Dateien hochladen etc.)
  • Browsertest
  • Webfonts

3. Die Praxis

  • Erstellen einer Webseite von Anfang bis Ende in Dreamweaver (12 Teile)

4. Hinweise, Tipps u. Tricks

  • Farbwerte finden
  • Farbwerte
  • CSS3-Button
  • Grafik-Button

5. Neue Funktionen in CC

  • Dokumente
  • Synchronisation
  • Fließende Rasterlayouts
  • CSS Designer
  • JavaScript-Konsole

6. Bonusmaterial

  • Fließendes Rasterlayout
  • Fließendes Rasterlayout - ein Beispiel aus der Praxis
  • Webtools
  • Sonderzeichen
  • Kreative Portfolio-Webseite erstellen: Coding in xHTML und CSS

Kompatibilität: Ab Dreamweaver CS3

Dreamweaver-Video-Training

Nutzungshinweise: Mit Kauf dieses Produktes ist die private und kommerzielle Nutzung erlaubt. Weitere Informationen findest du in den detaillierten Nutzungshinweisen.

Fazit: Alter Verwalter! So tunst du deine Website.

Deine Trainer

Pascal Bajorat

Pascal Bajorat ist ausgebildeter Mediengestalter und arbeitet von Berlin aus als Webentwickler. Er betreut diverse Online-Plattformen und Open-Source-Projekte, darunter sind auch einige WordPress-Plug-Ins.

Webseite: www.pascal-bajorat.com

René Winkelmann

René Winkelmann ist Inhaber der Onlineagentur NUMBOO im Herzen des Niederrheins. Er ist vor vielen Jahren auf Blender aufmerksam geworden und war vom Funktionsumfang und den Möglichkeiten begeistert. Mittlerweile hat er mit NUMBOO seine eigene Onlineagentur, doch den Spaß an Blender hat er noch nicht verloren.

Webseite: www.numboo.de

Auszug: Dreamweaver-Video-Training - Fließendes Rasterlayout

Adobe hat 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, lässt sich aber kaum beschreiben, sieh es dir daher am besten selbst an.

Bewertet mit 5 von 5 Sternen, basierend auf 15 Bewertungen.

17.08.2017

Kleiner verständlicher Einstieg in Dreamweaver, aber bei weitem nicht ausreichend für dieses kompakte Programm.
4 von 5 Sternen.
20.06.2017

optimal...
5 von 5 Sternen.
29.02.2016

Interessant. Hat mich aber in meiner Haltung bestärkt, meine Webseiten lieber "zu Fuß" mit Coda zu erstellen.
5 von 5 Sternen.
03.02.2016

verständliche Einführung, manchmal etwas sehr komprimierte Info…
3 von 5 Sternen.
23.01.2016

Kurz, knackig und informativ. So sollte ein Workshop sein.

5 von 5 Sternen.
01.09.2015

Das Training ist anfangs nicht schecht. Allerdings ist mir die Entwicklung der Webseite dann zu langatmig. Mir wären knackige Beispiele, wie man Dreamweaver optimal einsetzt lieber gewesen.
3 von 5 Sternen.
15.05.2015

Wie immer, sehr gute Tuts. Gut erklärt und gut nachzuvollziehen. Schade, daß bei den Tips und Tricks Videos keine Arbeitsdateien dabei sind.
5 von 5 Sternen.
12.11.2014

Hätte ein bist mehr erwartet...
3 von 5 Sternen.
29.09.2014

Hat meinen Vorstellungen nicht so entsprochen, aber trotzem Empfehlenswert!
5 von 5 Sternen.
29.04.2014

Ich habe vor 5 jahren mit dreamweaver gearbeitet, durch diese CD habe ich einen guten und schnellen wiedereinstieg gefunden.
5 von 5 Sternen.
27.03.2014

Begeistert wie immer!
5 von 5 Sternen.
09.03.2014

Für Beginners zu high-sophisticated. Gerade die einfachen, wesentlichen Hinweise fehlen manchesmal. Habe mir wirklich mehr EinfachInfos erwartet.
Ich will später HTML lernen. Jetzt wollte ich "nur" Dreamweaver kennen lernen.
Das soll die Arbeit nicht abwerten. Aber vielleicht ein Hinweis für späteres

5 von 5 Sternen.
18.02.2014

Kann wirklich gut damit arbeiten!
5 von 5 Sternen.
12.10.2013

Bin sehr zufrieden und hab mit diesen Video sehr viel dazu- bzw. neu gelehrnt.
5 von 5 Sternen.
28.09.2013

Wer jetzt denkt das er mit diesem Tutorial eine Website mit Dreamweaver erstellen kann sollte die Finger davon lassen denn ohne HTML, CSS und anderen Grundkenntnissen wird man hier ganz schön auf die Nase fallen...

Einige Sachen (was die Benutzeroberfläche angeht) sind super erklärt, manchmal auch dreifach, aber alles was mit der "Praxis" zu tun hat ist einfach nur grottenschlecht ....

2 von 5 Sternen.
ALLE

img

Dreamweaver CS6 - Begrüßungsbildschirm

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

  Auf TutKit.com ansehen


img

Dreamweaver CS6 - Anwenderbereich und Dokumentenfenster

Länge: 19 Minuten
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.

  Auf TutKit.com ansehen


img

Dreamweaver - Die Paletten

Länge: 8 Minuten
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 einem extra Video; dabei handelt es sich um die Einfügen-Palette.

  Auf TutKit.com ansehen


img

Dreamweaver CS6 - Die Einfügen-Palette

Länge: 9 Minuten
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 z.B. die Formularerstellung.

  Auf TutKit.com ansehen


img

Dreamweaver CS6 - Arbeitsbereiche

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

  Auf TutKit.com ansehen


img

Dreamweaver CS6 - Der Eigenschaften-Inspektor

Länge: 5 Minuten
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.

  Auf TutKit.com ansehen


img

Dreamweaver CS6 - Ansichten und visuelle Hilfsmittel

Länge: 6 Minuten
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 Hilfsmittel wichtig, denn hierüber lassen sich Platzierungen oder Ähnliches leicht und schnell kontrollieren.

  Auf TutKit.com ansehen


img

Dreamweaver CS6 - Voreinstellungen

Länge: 5 Minuten
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 diesem Video-Training möchte ich mit euch alle Einstellungsmöglichkeiten kurz durchgehen.

  Auf TutKit.com ansehen


img

Dreamweaver - Anlegen einer neuen Site

Länge: 10 Minuten
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 veröffentlichen oder mittels Testservern zu testen.

In diesem Video-Training möchte ich euch alle wichtigen Aspekte von Sites vorstellen und zeigen, wie diese angelegt werden.

  Auf TutKit.com ansehen


img

Dreamweaver - Verwalten von Dateien und Ordnern

Länge: 5 Minuten
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 veröffentlichen oder mittels Testservern zu testen.

In diesem Video-Training möchte ich euch zeigen, wie ihr Dateien und Ordner in Sites verwalten könnt und Pfade stets aktuell haltet.

  Auf TutKit.com ansehen


img

Dreamweaver CS6 - Verwendung von Dateinamen

Länge: 3 Minuten
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 veröffentlichen oder mittels Testservern zu testen.

In diesem Video-Training möchte ich euch auf einige Besonderheiten beim Benennen von Dateien hinweisen.

  Auf TutKit.com ansehen


img

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

Länge: 9 Minuten
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 veröffentlichen oder mittels Testservern zu testen.

In diesem Video-Training erkläre ich euch, wie Sites verwaltet werden und wie ihr Webprojekte auf einen FTP-Server laden könnt.

  Auf TutKit.com ansehen


img

Dreamweaver CS6 - Webfonts

Länge: 9 Minuten
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.

  Auf TutKit.com ansehen


img

Dreamweaver CS6 - Arztpraxis - 01

Länge: 5 Minuten
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.

  Auf TutKit.com ansehen


img

Dreamweaver CS6 - Arztpraxis - 02

Länge: 7 Minuten
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.

  Auf TutKit.com ansehen


img

Dreamweaver CS6 - Arztpraxis - 03

Länge: 4 Minuten
Im dritten Teil legen wir uns endlich ein HTML5-Dokument an, um mit der Arbeit zu beginnen.

  Auf TutKit.com ansehen


img

Dreamweaver CS6 - Arztpraxis - 04

Länge: 7 Minuten
In dem vierten Teil versehen wir unser HTML5-Dokument mit ein paar META-Angaben und gehen kurz auf die wichtigsten ein!

  Auf TutKit.com ansehen


img

Dreamweaver CS6 - Arztpraxis - 05

Länge: 7 Minuten
In diesem fünften Teil geht es um die Erstellung und Einbindung von CSS-Dateien.

  Auf TutKit.com ansehen


img

Dreamweaver CS6 - Arztpraxis - 06

Länge: 6 Minuten
In dem sechsten Teil geht es um die Erstellung und Einbindung von JavaScript-Dateien.

  Auf TutKit.com ansehen


img

Dreamweaver CS6 - Arztpraxis - 07

Länge: 11 Minuten
In diesem siebten Teil geht es um die unterschiedlichen Möglichkeiten der Einbindung von Webfonts.

  Auf TutKit.com ansehen


img

Dreamweaver CS6 - Arztpraxis - 08

Länge: 10 Minuten
In diesem Teil geht es nun endlich um den HTML5- und CSS3-Code der fertigzustellenden Seite.

  Auf TutKit.com ansehen


img

Dreamweaver CS6 - Arztpraxis - 09

Länge: 16 Minuten
In diesem Teil geht es weiter mit dem HTML5- und CSS3-Code.

  Auf TutKit.com ansehen


img

Dreamweaver CS6 - Arztpraxis - 10

Länge: 14 Minuten
In diesem Teil geht es weiter mit dem HTML5- und CSS3-Code der fertigzustellenden Seite.

  Auf TutKit.com ansehen


img

Dreamweaver CS6 - Arztpraxis - 11

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

  Auf TutKit.com ansehen


img

Dreamweaver CS6 - Arztpraxis - 12

Länge: 23 Minuten
In diesem letzten Teil fügen wir unserer Seite noch einen passenden JavaScript-Slider hinzu.

  Auf TutKit.com ansehen


img

Dreamweaver - Farbwerte finden

Länge: 4 Minuten
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.

  Auf TutKit.com ansehen


img

Dreamweaver - Farbwerte

Länge: 4 Minuten
In diesem Video-Training gehe ich auf die unterschiedlichen Farbwerte im Web ein und zeige die Unterschiede und Besonderheiten.

  Auf TutKit.com ansehen


img

Dreamweaver CSS3-Button

Länge: 11 Minuten
In diesem Video-Training erstellen wir einen CSS3-Button mit einer kleinen Animation.

  Auf TutKit.com ansehen


img

Dreamweaver - Grafik-Button

Länge: 9 Minuten
In diesem Video-Training erstellen wir einen kleinen Button mit einem Grafikelement und ein paar CSS3-Eigenschaften.

  Auf TutKit.com ansehen


img

Dreamweaver CC - Dokumente

Länge: 4 Minuten
In diesem Video-Training gehe ich auf die neuen Dokumente und Vorlagen von Dreamweaver CC ein.

  Auf TutKit.com ansehen


img

Dreamweaver CC - Synchronisation

Länge: 4 Minuten
In diesem Video-Training zeige ich die Synchronisation von Dreamweaver CC und deren Einstellungsmöglichkeiten.

  Auf TutKit.com ansehen


img

Dreamweaver CC - Fließende Rasterlayouts

Länge: 9 Minuten
In diesem Video-Training gehe ich auf die einfache Erstellung von fließenden Rasterlayouts ein.

  Auf TutKit.com ansehen


img

Dreamweaver CC - CSS Designer

Länge: 6 Minuten
In diesem Video-Training zeige ich den neu hinzugefügten CSS Designer.

  Auf TutKit.com ansehen


img

Dreamweaver CC - JavaScript-Konsole

Länge: 3 Minuten
In diesem Video-Training gehe ich auf die JavaScript-Konsole von Dreamweaver CC ein.

  Auf TutKit.com ansehen


img

Dreamweaver CS6: Fließendes Rasterlayout

Länge: 9 Minuten
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, lässt sich aber kaum beschreiben, sieh es dir daher am besten selber an.

  Auf TutKit.com ansehen


img

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

Länge: 11 Minuten
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 diesem Video-Training möchte ich den Grundaufbau von Webdesign-Podcast.de zeigen. In der vierteiligen Video-Trainingsreihe erkläre ich den kompletten Aufbau von Webdesign-Podcast.de, dadurch haben wir an dieser Stelle einen sehr guten Vergleich, wie schnell und einfach das Ganze hier mit der Funktion "Fließendes Rasterlayout" in Dreamweaver CS6 funktioniert.

Einziges Problem ist die teils etwas mürrische Positionierung des Cursors, wenn man neue DIV-Tags für das fließende Raster an der richtigen Stelle anlegen will.

  Auf TutKit.com ansehen


img

Dreamweaver CS6 - Webtools

Länge: 11 Minuten
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
» cssmania.com
» prefixmycss.com

  Auf TutKit.com ansehen


img

Dreamweaver CS6 - Sonderzeichen

Länge: 2 Minuten
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.

  Auf TutKit.com ansehen


img

Kreative Portfolio-Webseite erstellen: Coding in xHTML und CSS

Länge: 121 Minuten
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 dieses Video-Training lieben. Es zeigt die professionellen Techniken und Feinheiten, die den Unterschied machen!

  Auf TutKit.com ansehen

Mithilfe der Lernkurve erfährst du, welche weiteren Themen zu deinem ausgewählten Training inhaltlich am besten passen. So erkennst du auf einen Blick, wie dir der einfache Einstieg zum gekonnten Aufstieg am besten gelingt und du kannst dein eigenes Know-how zielführend einschätzen.