Javascript ist nicht aktiviert! Bitte aktiviern Sie Javascript in Ihren Browsereinstellungen.

Kaufen

CSS einsetzen

aus: Adobe Dreamweaver CS3

Loggen Sie sich ein, um dieses Video-Tutorial anzusehen.

Wenn Sie noch kein video2brain Benutzerkonto haben, registrieren Sie sich jetzt kostenlos und unverbindlich. Die Registrierung dauert nur wenige Augenblicke. Sofort stehen hunderte weitere Video-Tutorials zur Verfügung – es lohnt sich!

Über dieses Video

Cascading Style Sheets sind das modernste Mittel, um Texte zu formatieren. Die Lektion beschreibt den einfachen Umgang mit CSS.

Auszug aus: Adobe Dreamweaver CS3

Von der Erstellung einfacher HTML Strukturen bis zur PHP-Programmierung – Dreamweaver ist so vielseitig wie das Web selbst. Egal ob Sie an CSS-Design und Multimedia interessiert sind, oder ob Sie komplexe Websites verwalten und warten möchten – dieses Video-Training zeigt, wie Sie die Werkzeuge und Funktionen von Dreamweaver CS3 einsetzen, um rasch und effektiv ans Ziel zu kommen.

Adobe Dreamweaver CS3

EUR 39,95

Kaufen

Ähnliche Video-Trainings

Bonusmaterial

Dreamweaver kann vollautomatisch kleine Flash-Filme erzeugen und somit auch exotische Schriften so darstellen, dass sie im Browser angezeigt werden können.

Flashtext

03:28
Rollover-Grafiken sind ein klassischer JavaScript-Effekt; mit Dreamweaver geht das auch komplett ohne (eigenen) Code.

Rollover

02:14
Dreamweaver Exchange ist die Plattform, auf der Dreamweaver-Erweiterungen verfügbar sind. Sie werden überrascht sein, wie vielfältig das Angebot mittlerweile ist.

Exchange

05:52
Die Zeitleiste ist ein selten verwendetes, aber durchaus praktisches Feature zur zeitbasierten Animation. Der Film zeigt, wie schnell sich so ein Flash-ähnlicher Effekt erstellen lässt.

Zeitleiste

04:48

Wenn Sie den Umgang mit Dreamweaver erlernen möchten, ist es essenziell, sich im Programm sozusagen 'zuhause' zu fühlen. Das erste Kapitel zeigt alle wichtigen Aspekte der Dreamweaver-Oberfläche. Sie richten Ihre erste Site ein und lernen, wichtige Informationen für Suchmaschinen anzulegen.

Einstieg

ca. 44 min
- Sites sind die Dreamweaver-Organisationseinheit für eine Website. In dieser Lektion erstellen Sie eine Übungssite. Dies ist der erste Schritt zur gut organisierten Webverwaltung mit Dreamweaver.
  
  Site anlegen
  
  04:50
- Dieser Film führt Sie durch die Dreamweaver-Menüs und die Einfügeleiste, mit der Sie beliebige HTML-Elemente in Ihre Webseite einfügen.
  
  Menüs
  
  07:43
- Bedienfelder zeigen alle Funktionalitäten eines Themas gesammelt an einer Stelle. Nachdem Sie sehr häufig mit diesen Elementen arbeiten werden, lernen Sie in dieser Lektion den Umgang mit Bedienfeldern, allen voran dem Eigenschaften-Inspektor.
  
  Bedienfelder
  
  10:43
- Sind Sie eher Coder oder Designer? Dreamweaver bietet für beide eine eigene Ansicht. Glücklicherweise sind die Ansichten nicht strikt getrennt. Wie Sie beide optimal kombinieren und einsetzen, verrät diese Lektion.
  
  Ansichten für Coder und Designer
  
  10:38
- Suchmaschinen benötigen Information in Form von Meta-Tags. Zur Suchmaschinenoptimierung gehört zwar mehr, aber die Meta-Tags sind dabei ein wichtiger Faktor. Diese Lektion verrät, wie Sie diese allgemein einsetzen und welche Tags suchmaschinenrelevant sind.
  
  Meta-Tags
  
  03:38
- Oberfläche und Symbolleisten von Dreamweaver sind nicht statisch. Diesen Film sollten Sie sich nicht entgehen lassen – wir platzieren Symbolleisten an Stellen, die Sie gar nicht für möglich gehalten haben!
  
  Kurztipp: Wilde Symbolleisten
  
  02:47
- Tastenkürzel erlauben schnellen Zugriff auf Informationen. Mit eigenen Tastenkürzeln werden Sie noch ein wenig schneller!
  
  Kurztipp: Tastenkürzel
  
  03:04
Eine Webseite ohne Inhalte ist selbstverständlich wenig sinnvoll. Darum lernen Sie in diesem Kapitel, wie Sie Text, Listen, Bilder und Links erstellen und verändern. Als krönenden Abschluss lernen Sie die Erstellung einer CSS-basierten Navigation.

Arbeiten mit Elementen

ca. 78 min
- Text bildet die Basis jeder Website. Dieses Kapitel verrät, wie Sie Text mit Dreamweaver erstellen, strukturieren und formatieren.
  
  Text
  - Die Texterfassung in Dreamweaver ist ähnlich einfach wie in einem herkömmlichen Textverarbeitungsprogramm, wenn man weiß, worauf es ankommt. In diesem Film lernen Sie außerdem, wie Sie für die Entwurfsphase einfach passenden Blindtext einfügen.
    
    Text eingeben
    
    06:09
  - Wer seine Texte im Web gut strukturiert, hat beim Formatieren und Weiterverarbeiten die besseren Karten. Diese Lektion führt Sie in das Konzept der Absätze und Überschriften ein und erklärt den Einsatz von Blockelementen.
    
    Absätze und Überschriften
    
    06:35
  - Mit dem Eigenschafteninspektor und vereinten Kräften entstehen hier individuell formatierte Texte und bunte Überschriften.
    
    Texte formatieren
    
    06:00
  - Cascading Style Sheets sind das modernste Mittel, um Texte zu formatieren. Die Lektion beschreibt den einfachen Umgang mit CSS.
    
    CSS einsetzen
    
    06:41
  - Sonderzeichen und Zeichensätze sind klassische Problemkinder. Es geht nicht ohne sie, aber kaum jemand versteht die genaue Handhabung. Diese Lektion zeigt, wie Sie in Dreamweaver Sonderzeichen einsetzen und wie Dreamweaver damit umgeht.
    
    Sonderzeichen und Zeichensatz
    
    04:50
- Das Konzept der Hyperlinks ist wesentlich älter als das Web selbst. Sie bilden Basis und Rückgrat des Web. In diesem Abschnitt erfahren Sie, wie Sie relative und absolute Links, E-Mail-Links, Links auf Dateien und Sprungverweise innerhalb einer Seite anlegen.
  
  Links
  - Zum Erstellen neuer Links bietet Dreamweaver mehrere Alternativen. Diese Lektion erläutert, für welchen Zweck sich die unterschiedlichen Möglichkeiten am besten einsetzen lassen.
    
    Links erstellen
    
    06:04
  - Beim Formatieren von Links hält CSS viele hübsche Möglichkeiten bereit, die Sie dank Dreamweaver einfach nutzen können.
    
    Links formatieren
    
    02:05
  - Verweise auf Fremdformate binden Sie in Dreamweaver genauso einfach ein, wie HTML-Seiten. Die Erläuterungen in dieser Lektion gelten für alle Arten von Dokumenten – sei es nun ein Word-Dokument, ein PDF oder ein beliebiges anderes Format.
    
    Links auf PDF, DOC und Co.
    
    01:51
  - In diesem Film lernen Sie, wie Sie schnell E-Mail-Links einfügen und diese jederzeit ändern können.
    
    E-Mail-Links
    
    03:31
  - Komplexe Seiten lassen sich sehr einfach mit Sprungverweisen innerhalb der Seite, auch Anker genannt, organisieren. Per Menü oder Drag&Drop legen Sie Anker an und verlinken diese.
    
    Anker – Springen in Webseiten
    
    05:00
  - Dieser Film zeigt einige fortgeschrittene Einstellungen für Hyperlinks, die beispielsweise für die Barrierefreiheit wichtig sind.
    
    Mehr Link-Einstellungen
    
    02:47
- Ohne Bilder wäre das Web nur eine Textwüste. Grafiken sehen aber nicht nur hübsch aus, sondern lassen sich mit Links und Imagemaps auch in interaktive Elemente verwandeln.
  
  Grafiken
  - Diese Lektion zeigt, wie man Bilder einfügt, verlinkt, mit Alternativtexten versieht und in der Größe verändert.
    
    Grafiken einfügen
    
    07:21
  - Imagemaps sind Bilder mit verschiedenen anklickbaren Bereichen. In diesem Film wird das Imagemap-Konzept mit dem Zerschneiden von Grafiken in Einzelbilder verglichen. Außerdem lernen Sie alle Imagemap-Werkzeuge von Dreamweaver kennen.
    
    Imagemaps
    
    04:25
  - Dank Web 2.0 sind Hintergrundbilder wieder im Kommen. Die Spanne reicht von Kacheln bis hin zu Fotos.
    
    Hintergrundbilder
    
    04:00
  - Mit wenigen Arbeitsschritten lässt sich ein Bild direkt in Dreamweaver optimieren.
    
    Kurztipp: Bilder optimieren
    
    02:13
- In diesem Film sehen Sie, wie völlig ohne Grafiken und JavaScript ein komplettes Menü mit Rollover-Effekten und aktiver Seite gezaubert wird.
  
  Navigation mit CSS
  
  06:34
- Manchmal stimmt der Text einfach nicht – dann soll er schnell verschwinden. Dieser Kurztipp zeigt eine besonders effektive Variante.
  
  Kurztipp: Mehrere Elemente löschen
  
  01:27
In diesem Kapitel geht es darum, den Inhalt von Websiten zu strukturieren und ansprechend zu positionieren. Um dies zu erreichen, gibt es mehrere Möglichkeiten: So zeigen Ihnen Ihre Trainer, wie Sie hier Listen und Tabellen gezielt einsetzen oder ein Layout mit CSS in Form bringen.

Strukturieren und Positionieren

ca. 37 min
- Aufzählung, nummerierte Liste oder gar Basis für ein Menü – Listen lassen sich in Dreamweaver flexibel einsetzen und per CSS ansprechend formatieren. Mit wenigen Klicks sind Aufzählungszeichen und Nummernformat änderbar.
  
  Listen
  
  06:27
- Die Organisation in Zeilen und Spalten ist für viele Inhalte ausgesprochen hübsch und praktisch. Dreamweaver bietet für die Erstellung von Tabellen sehr viele verschiedene Werkzeuge.
  
  Tabellen
  - In dieser Lektion entsteht eine neue Tabelle – alle wichtigen Einstellungen von der Zellauffüllung über den Rahmen bis hin zu den Maßen werden besprochen.
    
    Tabellen erstellen
    
    05:39
  - Markieren Sie Zellen, Zeilen, Spalten oder die komplette Tabelle, wechseln Sie flexibel die Ansicht, um noch mehr Kontrolle über Ihre Tabelle zu erhalten – all dies und noch mehr steckt in dieser Lektion.
    
    Tabellen bearbeiten
    
    04:32
  - Viele Daten liegen nicht in Tabellenform vor. Wie Sie trotzdem daraus schnell Tabellen erzeugen können, verrät dieser Kurztipp.
    
    Kurztipp: Daten als Tabellen importieren
    
    02:21
  - Sobald die Daten im Webeditor eingegeben wurden, sind sie kaum noch veränderbar – glauben Sie? Nicht so bei Tabellen in Dreamweaver. Eine unscheinbare Funktion sortiert die Tabellen entsprechend jeder beliebigen Spalte.
    
    Kurztipp: Tabellen sortieren
    
    01:53
- Die CSS-Positionierung hat gegenüber dem Tabellenlayout viele Vorteile, u.a. Accessibility-Konformität, größere Flexibilität und bessere Strukturierung.
  
  Layout mit CSS
  - Die absolute Positionierung erlaubt das exakte Platzieren von Elementen. Die entsprechenden Elemente sind direkt in Dreamweaver integriert. Der Film zeigt die Vor- und Nachteile dieser Methode.
    
    Absolute CSS-Positionierung
    
    04:06
  - Alternativ zur absoluten Positionierung finden Sie hier Anregungen, wie ein Layout per Flusssteuerung entstehen kann und welche tollen Vorlagen in Dreamweaver schlummern.
    
    Alternative CSS-Positionierung
    
    06:07
- Viele Layouts kommen direkt aus dem Bildbearbeitungsprogramm – der Webdesigner muss sie dann umsetzen. Das Tracing-Bild im Hintergrund hilft hier bei der Orientierung.
  
  Kurztipp: Trace-Bild
  
  02:01
- Zentrieren ist nicht gleich Zentrieren – Dreamweaver geht hier genau wie HTML und CSS verschiedene Wege. Sehen Sie, worauf es ankommt.
  
  Kurztipp: Zentrieren
  
  03:28
Formulare sind die Schnittstelle zu Ihrer Zielgruppe. Dort können Sie den Anwender alles fragen, ihn um vieles bitten und mit ihm kommunizieren. Wie Sie solch ein wichtiges Element mit Dreamweaver 9 erstellen und bearbeiten, ist Thema dieses Kapitels.

Formulare

ca. 65 min
- Bei der Erstellung eines Formulares gibt es einiges zu beachten. Wie sollen meine Daten übermittelt werden? Wohin werden die Daten gesendet? Wie soll die Information codiert werden? All diese Eigenschaften werden in diesem Film erläutert.
  
  Grundlagen
  
  09:24
- Textfelder sind die Basisinformationseinheiten. Selbstverständlich gibt es hier verschiedene Varianten. Diese unterschiedlichen Typen und deren Funktionen lernen Sie in diesem Film kennen.
  
  Textfelder
  
  10:32
- Wenn Ihr Formular Checkboxen enthält, muss sich der Nutzer entscheiden, ob er diese anwählt oder nicht. In diesem Film wird auch erklärt, welche Werte dann übergeben werden, also welche Eigenschaften die Checkbox haben kann.
  
  Checkboxen
  
  05:11
- Mit Radiobuttons geben Sie dem Nutzer die Möglichkeit, aus einer Liste zu wählen. Dreamweaver hilft beim schnellen Anlegen.
  
  Radiobuttons
  
  08:18
- Listen und Aufklappmenüs basieren auf einem komplexen HTML-Tag. Dreamweaver nimmt Ihnen hierbei viel Arbeit ab.
  
  Auswahllisten
  
  08:40
- Erstellen Sie ein Dateiauswahlfeld, damit der Benutzer gleichzeitig mit dem Formular auch eine Datei übermitteln kann! Dreamweaver stellt alle Einstellungen dafür zur Verfügung.
  
  File-Uploads
  
  07:43
- In versteckte Felder packt man alle Arten von Zusatzinformationen. Worauf Sie allerdings achten sollten und warum ein verstecktes Feld nicht wirklich versteckt ist, schildert der Autor in dieser Lektion.
  
  Versteckte Felder
  
  03:45
- Nun fehlt nur noch ein Klick und Sie wissen, welche interessanten Informationen Ihr Nutzer angegeben hat. Eben dieser Klick erfolgt auf eine Schaltfläche, die zum Versenden und Zurücksetzen von Daten dient. Sie lernen hier auch, wie Sie mit einer eigenen Grafik eine Schaltfläche erzeugen können.
  
  Formulare versenden
  
  11:27
Basislayout für die Homepage: Erst populär, dann doch umstritten – jetzt wieder im Aufwind. Mit Frames und Framesets die Seite unterteilen. Dank Vorschau und visueller Hilfen geht’s ganz leicht. Sogar moderne iFrames.

Frames

ca. 31 min
- Mit iFrames öffnen Sie fremde Inhalte auf Ihrer Seite oder binden separate HTML-Dateien ein. So nutzen Sie diese moderne Technologie mit Dreamweaver.
  
  Iframes
  
  07:54
- Erstellen Sie ein neues Frameset mit Dreamweavers komfortablen Vorlagen. Dieser Film zeigt, wie Sie die einzelnen Frames speichern und befüllen.
  
  Frames-Grundlagen
  
  09:49
- Verschachtelte Frames ermöglichen komplexe Seitenlayouts. Der Film zeigt, wie Sie Frames ineinander bauen und so die Seite nach Höhe und Breite aufteilen.
  
  Verschachtelte Frames
  
  05:43
- Ein Link im Frameset sorgt manchmal für Überraschungen. Wie Sie Links und Ziele richtig setzen, zeigt dieser Abschnitt.
  
  Frames verlinken
  
  04:00
- Nutzen Sie das Angebot: Dreamweaver zeigt die Rahmen Ihres Frameset. Nur Ihnen, aber nicht jedermanns Browser.
  
  Kurztipp: Visuelle Framehilfen
  
  01:29
- Auf die Schnelle Rahmen ziehen: Das Eigenschaftenfenster erlaubt die einfache und flotte Bearbeitung der Framesets.
  
  Kurztipp: Frames bearbeiten
  
  02:56
Dank Multimedia ist das Web bunt und interaktiv. Betten Sie Musik und Animationen in Ihre Seite ein oder stellen Sie gleich ein Video ins Internet. Einfach und in beliebigen Formaten – die Schaltzentrale Dreamweaver macht’s möglich.

Multimedia

ca. 25 min
- Lernen Sie das Konzept der Multimedia-Einbindung kennen und sehen Sie, wie Plug-ins die verschiedenen Formate berücksichtigen.
  
  Multimedia
  
  02:45
- Flash-Animationen zählen zu den wichtigsten Formaten für den Webeinsatz. Dieser Film verrät, wie Sie Flash einbinden und einstellen.
  
  Flash einbinden
  
  11:30
- So integrieren Sie Klänge und Audioformate einfach, schnell und bequem mit Dreamweaver als Schaltzentrale.
  
  Audiodaten einbinden
  
  05:59
- Videos werden im Internet immer populärer. Dieser Film zeigt, wie Sie mit Dreamweaver Filme in verschiedenen Formaten einbinden.
  
  Videos einbinden
  
  04:44
Clientseitige Skripte mit JavaScript erzeugen bekannte Webeffekte wie Popups oder Browser-Weichen. Dieses Kapitel zeigt, wie Sie solche Skripte ohne Programmierung in Dreamweaver umsetzen. Neben allen Vorteilen gibt es wenige Hindernisse und Risiken.

JavaScript

ca. 78 min
- Verhalten sind Schnittstellen zu JavaScript-Code, die Sie Elementen Ihrer Seite zuweisen können. Aktiviert der Benutzer das Element, läuft der Code ab.
  
  Verhalten
  - Dieser Film zeigt, wie Sie JavaScript-Code einbauen, was Verhalten sind und wie Sie diese mit HTML-Elementen verbinden.
    
    Einleitung
    
    04:56
  - Selbst öffnende Fenster sind dank der in Dreamweaver enthaltenen Codevorlagen, den Verhalten, mit nur wenigen Klicks erstellt.
    
    Neue Fenster öffnen
    
    03:52
  - Überprüfen Sie Formularelemente und Benutzereingaben in Textfelder und geben Sie dem Benutzer aussagekräftige Hinweise.
    
    Formulare überprüfen
    
    06:01
  - Manchmal muss der Webdesigner für die verschiedenen Browser eigene Seiten bauen. Eine Browser-Weiche von Dreamweaver hilft, hat aber auch ihre Schwächen.
    
    Browserweiche
    
    07:29
- Die Codefragmente sind häufig benötigte Skripte, die Sie einfach und lizenzkostenfrei in Ihrer Website einsetzen. Die Filme in diesem Kapitel zeigen, wie Sie sie nutzen und worauf Sie achten müssen.
  
  Codeschnipsel
  - Die Einführung zeigt, wie Codefragmente verwendet werden. Hinter ihnen verbirgt sich nicht immer das, was Sie erwarten. Programmierkenntnisse sind von Vorteil, wenn Sie Codeschnipsel einsetzen.
    
    Einleitung
    
    03:16
  - Dieser Abschnitt erklärt, welche Codefragmente für Formulare zur Verfügung stehen. Erkennen Sie die Schwächen und Stolperfallen.
    
    Codeschnipsel für Formulare
    
    05:01
  - Besonders Codeelemente aus dem Ordner "JavaScript" sollten Sie mit Bedacht übernehmen. Gut gerüstet ist, wer die Skriptsprache ein wenig beherrscht.
    
    Codeschnipsel für JavaScript
    
    05:58
  - So legen Sie einfach und schnell eigene Codefragmente an und erweitern Ihre Dreamweaver-Entwicklerbibliothek. Wie das geht, zeigt das Beispiel einer Browser-Weiche.
    
    Eigene Codeschnipsel
    
    06:58
- Spry ist Adobes erstes Ajax-Framework und voll in Dreamweaver integriert. Mehrere Beispiele informieren über den technischen Hintergrund und zeigen die enge Verzahnung zwischen Framework und Editor.
  
  Spry
  - Ajax ist in aller Munde – das Modewort bezeichnet die Kombination etablierter Webtechniken. Der Film erklärt den Grund des Hype.
    
    Ajax
    
    07:01
  - Formularvalidierung mit JavaScript ist ein Klassiker. Das Duo Spry und Dreamweaver nehmen Ihnen dabei noch mehr Arbeit ab.
    
    Formulare mit Spry
    
    09:43
  - Aufwändige dynamische JavaScript-Menüs, basierend auf einem CSS-Layout: Spry macht sie möglich – ohne dass Sie programmieren müssen.
    
    Menüs mit Spry
    
    06:51
  - XML ist das etablierte Datenformat. Dank Spry kann jetzt auch JavaScript damit umgehen und stellt XML-Daten flexibel dar.
    
    XML-Daten mit Spry
    
    10:00
Größere Websites mit vielen Seiten erfordern besondere Organisationsformen, damit der strapazierte Webdesigner nicht eines Tages das Handtuch wirft. Diese Lektion erläutert, welche Möglichkeiten Dreamweaver für diese Zwecke bietet.

Umfangreiche Seiten verwalten

ca. 58 min
- In diesem Kapitel erfahren Sie, wie Sie Sites mit direkter Verbindung zum Webserver anlegen, Ihre Daten synchronisieren und mit den Sites arbeiten.
  
  Sites
  - Die Remote-Site ist der Webserver, auf dem Ihre Website im Internet oder Intranet landet. Dreamweaver erlaubt die direkte Anbindung und integriert FTP-Zugang und andere Anbindungsformen. Diese Lektion ist ein Wegweiser durch die Vielzahl der Einstellungsmöglichkeiten.
    
    Remote-Sites anlegen
    
    08:27
  - Ändern sich lokale Daten, sollten diese mit dem Webserver synchronisiert werden. Dieser Film verrät unterschiedlichste Strategien und Einstellungen.
    
    Sites synchronisieren
    
    05:28
  - Zur weiteren Site-Verwaltung bieten sich die Sitemap-Ansicht und einige andere Komfortfunktionen von Dreamweaver an.
    
    Site-Details
    
    05:03
  - Zum Backup oder zum Austausch mit Kollegen können Sie Ihre Site exportieren und später problemlos wieder importieren.
    
    Kurztipp: Sites exportieren
    
    01:40
  - Viele Verbindungsprobleme zum Webserver lassen sich direkt oder indirekt auf die Firewall oder Proxy-Einstellungen zurückführen. Der Film zeigt, wo Sie am besten ansetzen, um Ihr Problem zu lösen.
    
    Kurztipp: Verbindungsprobleme
    
    02:01
- Ein Layout sollte man nur einmal erstellen und dann immer zentral ändern. Das richtige Mittel der Wahl dafür sind die Vorlagen von Dreamweaver.
  
  Vorlagen
  - In diesem Film werden Vorlagen erstellt, bearbeitbare Bereiche definiert und Webseiten mit den Vorlagen versehen.
    
    Vorlagen erstellen und anwenden
    
    08:23
  - Wenn Sie nun schon einen bearbeitbaren Bereich in einer Seite angelegt haben, können Sie einen weiteren Bereich anlegen: sogenannte "Optionale Bereiche". Diese können, müssen aber nicht auf einer Seite vorhanden sein.
    
    Optionale Bereiche
    
    04:39
  - Neben Bereichen können Sie in Dreamweaver auch Attribute von bestimmten Tags bearbeitbar machen. Die Tags selber sind aber nicht bearbeitbar, wobei die HTML-Attribute per Vorlagen für einzelne Seiten anpassbar sind.
    
    Attribute steuern
    
    03:30
  - Eine flexible Menge an bearbeitbaren Bereichen hinzufügen: Diesen Traum erfüllen Sie sich mithilfe von wiederholenden Elementen.
    
    Wiederholungsbereiche
    
    04:12
  - Eine Vorlage für den Rahmen und die Navigation, eine andere darin für den Inhaltsbereich – so funktionieren verschachtelte Vorlagen.
    
    Verschachtelte Vorlagen
    
    04:58
  - Und weg – Seiten lassen sich von der Vorlage lösen und bieten im Menü noch einige Einstellungen. Wenn Sie die Seite jedoch von einer Vorlage lösen, so werden ab diesem Zeitpunkt Änderungen an der Vorlage nicht mehr übernommen.
    
    Vorlagen lösen und andere Funktionen
    
    02:35
- Wiederverwertbarkeit ist Trumpf. Mit der Bibliothek können Sie Bestandteile einer Seite speichern und jederzeit wieder einsetzen. Ändert sich das Original, ändern sich die Elemente auf allen betroffenen Seiten.
  
  Bibliothekselemente
  
  04:25
- Wiederverwertbarkeit Teil II: Codefragmente sind zentral verwaltbare Codestücke, die aber nicht mehr mit dem Original in Verbindung stehen.
  
  Codefragmente
  
  02:28
Keine Webseite ist von Anfang an perfekt. Dieses Kapitel zeigt, wie Sie Fehler finden und beseitigen. Das Thema umfasst XHTML-Konformität, Browser-Tests, Suchen & Ersetzen und Barrierefreiheit.

Arbeiten mit Code

ca. 35 min
- So wechseln Sie von HTML auf XHTML, entdecken Codefehler und lassen Sie von Dreamweaver automatisch korrigieren.
  
  DocType ändern und Fehler korrigieren
  
  08:46
- Die HTML-Dateien, die Microsoft Word generiert, sind oft schlecht. Dreamweaver bietet genau dafür eine automatische Korrekturfunktion.
  
  Word-HTML optimieren
  
  02:34
- Alte HTML-Dateien in modernes XHTML umzuwandeln, ist oft schwierig und fehleranfällig: Lernen Sie einen nützlichen Helfer kennen.
  
  XHTML optimieren
  
  01:48
- Korrektes HTML oder XHTML gehört für den professionellen Webentwickler zum guten Ton. Prüfen Sie Ihre Auszeichnungen.
  
  Markup prüfen
  
  03:22
- Nicht alle Browser sind gleich. Das galt zu Netscape 4.x-Zeiten, das gilt dank CSS auch heute. Dreamweaver hilft, Probleme aus der Welt zu schaffen.
  
  Browser-Kompatibilität
  
  03:19
- Dreamweaver bietet eine Vielzahl nützliche Prüfwerkzeuge für Hyperlinks oder die ganze Site.
  
  Weitere Prüfmöglichkeiten
  
  01:30
- Seine Website auch für Menschen mit Behinderungen zugänglich zu machen, ist nicht nur politisch korrekt, sondern für deutsche Behörden schon Pflicht. Der Film zeigt, wie sie die Barrierefreiheit herstellen und wo die Grenzen liegen.
  
  Barrierefreiheit
  
  05:30
- Die Suchen & Ersetzen-Funktion ist eine von Dreamweavers größten Stärken. Suchen Sie nach Tags, bestimmten Attributen oder regulären Ausdrücken. Dieser Film zeigt, wie es geht.
  
  Suchen & Ersetzen
  
  07:16
Serverseitige Technologien wie PHP und ASP.NET finden immer weitere Verbreitung. Die Vorteile liegen auf der Hand – viele Techniken lassen sich nur serverseitig realisieren, wie beispielsweise eine nicht vom Nutzer abschaltbare Formularvalidierung.

Serverseitige Programmierung

ca. 67 min
- PHP ist die Webskriptsprache Nummer 1. Und auch wenn Dreamweaver kein PHP-Editor ist, gibt es doch einige überraschend praktische Features, unter anderem in Hinblick auf die Anbindung von Datenbanken.
  
  PHP
  - Vor dem ersten Einsatz steht die Installation. Die Autoren installieren XAMPP, ein verbreitetes All-in-one-Paket mit Webserver, PHP, Datenbank und vielem mehr, auf einem Windows-Rechner und führen Sie bis zum ersten Start.
    
    Installation
    
    10:52
  - Vor der Verwendung von PHP innerhalb von Dreamweaver müssen Sie zunächst eine PHP-Site anlegen und einige Einstellungen tätigen. Danach können Sie mit der Programmierung mit PHP loslegen!
    
    Konfiguration
    
    05:00
  - MySQL und PHP werden häufig in einem Atemzug genannt. Auch Dreamweaver unterstützt MySQL und ermöglicht den Zugriff auf die Datenbank mit wenig Programmieraufwand. Die Autoren legen eine Tabelle an und demonstrieren damit einen Datenbankzugriff.
    
    Datenbankzugriff
    
    10:31
- Das serverseitige Konzept ASP.NET von Microsoft gewinnt immer mehr Marktanteile. Dreamweaver ist auf den Zug aufgesprungen und gibt die Vorteile der .NET-Technik an den Entwickler weiter.
  
  ASP
  - Dieser Film erläutert die Hintergründe von Microsofts .NET-Strategie und die Webkomponente ASP.NET. Die Autoren raten, sich auch dieses Thema anzusehen und wachsam zu verfolgen.
    
    Einleitung
    
    02:19
  - Zur Verwendung von ASP.NET gelten einige Softwarevoraussetzungen: unter anderem das .NET-Framework und ein Microsoft-Webserver. Beides lässt sich aus dem Internet holen, es gibt dabei aber einige Fallen zu beachten.
    
    Installation
    
    06:57
  - Dreamweaver unterstützt ASP.NET-Websites direkt, was sich in den Optionen des Site-Managers widerspiegelt. Beim Einrichten einer neuen Site wird in bestimmten Fällen sogar der Speicherort des Webservers automatisch erkannt.
    
    Konfiguration
    
    04:43
  - Die Formularvalidierung mit ASP.NET funktioniert – sehr zur Freude – ganz ohne Programmierung und auch noch sowohl auf dem Server als auch auf dem Client.
    
    Formulare überprüfen
    
    08:55
  - Microsoft bietet eine kostenlose SQL-Datenbank an, auf die Dreamweaver zugreifen kann. Dazu sind einige Installationen und möglicherweise auch zusätzliche Konfigurationsschritte notwendig.
    
    Datenbankzugriff I
    
    08:58
  - Die Datenbank anzusprechen und Datenfelder auszulesen, wird von Dreamweaver gut unterstützt. Im Film erstellen die Autoren eine Tabelle und sorgen mit wenigen Klicks dafür, dass die Datenzeile für jeden Datensatz wiederholt wird.
    
    Datenbankzugriff II
    
    07:36

Zahlungsmöglichkeiten