Adobe Dreamweaver CS3 Einstieg für Programmierer und Gestalter

Transkript

1 Adobe Dreamweaver CS3 Einstieg für Programmierer und Gestalter Extra Online Content Flashtext 03:28 Dreamweaver kann vollautomatisch kleine Flash-Filme erzeugen und somit auch exotische Schriften so darstellen, dass sie im Browser angezeigt werden können. Rollover 02:14 Rollover-Grafiken sind ein klassischer JavaScript-Effekt; mit Dreamweaver geht das auch komplett ohne (eigenen) Code. Exchange 05:52 Dreamweaver Exchange ist die Plattform, auf der Dreamweaver-Erweiterungen verfügbar sind. Sie werden überrascht sein, wie vielfältig das Angebot mittlerweile ist. Zeitleiste 04:48 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. DVD Inhaltsverzeichnis Einstieg ca. 44 min 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. Site anlegen 04:50 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. Menüs 07:43 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. Bedienfelder 10: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. Ansichten für Coder und Designer 10:38 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. Meta-Tags 03: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. Kurztipp: Wilde Symbolleisten 02:47 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: Tastenkürzel 03:04 Tastenkürzel erlauben schnellen Zugriff auf Informationen. Mit eigenen Tastenkürzeln werden Sie noch ein wenig schneller! Problem! Hier gelangen Sie zu einer schriftlichen, die Sie auch nach Stichworten durchsuchen können. Wenn Sie lieber von Papier lesen, können Sie die selbstverständlich ganz einfach 1 / 9

2 Arbeiten mit Elementen ca. 78 min 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. Text Text bildet die Basis jeder Website. Dieses Kapitel verrät, wie Sie Text mit Dreamweaver erstellen, strukturieren und formatieren. Text eingeben 06:09 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. Absätze und Überschriften 06:35 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. Texte formatieren 06:00 Mit dem Eigenschafteninspektor und vereinten Kräften entstehen hier individuell formatierte Texte und bunte Überschriften. CSS einsetzen 06:41 Cascading Style Sheets sind das modernste Mittel, um Texte zu formatieren. Die Lektion beschreibt den einfachen Umgang mit CSS. Sonderzeichen und Zeichensatz 04:50 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. Links 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, -Links, Links auf Dateien und Sprungverweise innerhalb einer Seite anlegen. Links erstellen 06:04 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 formatieren 02:05 Beim Formatieren von Links hält CSS viele hübsche Möglichkeiten bereit, die Sie dank Dreamweaver einfach nutzen können. Links auf PDF, DOC und Co. 01:51 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 03:31 In diesem Film lernen Sie, wie Sie schnell -Links einfügen und diese jederzeit ändern können. Anker Springen in Webseiten 05:00 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. Mehr Link-Einstellungen 02:47 Dieser Film zeigt einige fortgeschrittene Einstellungen für Hyperlinks, die beispielsweise für die Barrierefreiheit wichtig sind. Grafiken 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 einfügen 07:21 Diese Lektion zeigt, wie man Bilder einfügt, verlinkt, mit Alternativtexten versieht und in der Größe verändert. Imagemaps 04:25 Imagemaps sind Bilder mit verschiedenen anklickbaren Bereichen. In diesem Film wird das Imagemap-Konzept 2 / 9

3 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. Hintergrundbilder 04:00 Dank Web 2.0 sind Hintergrundbilder wieder im Kommen. Die Spanne reicht von Kacheln bis hin zu Fotos. Kurztipp: Bilder optimieren 02:13 Mit wenigen Arbeitsschritten lässt sich ein Bild direkt in Dreamweaver optimieren. Navigation mit CSS 06:34 In diesem Film sehen Sie, wie völlig ohne Grafiken und JavaScript ein komplettes Menü mit Rollover-Effekten und aktiver Seite gezaubert wird. Kurztipp: Mehrere Elemente löschen 01:27 Manchmal stimmt der Text einfach nicht dann soll er schnell verschwinden. Dieser Kurztipp zeigt eine besonders effektive Variante. Problem! Hier gelangen Sie zu einer schriftlichen, die Sie auch nach Stichworten durchsuchen können. Wenn Sie lieber von Papier lesen, können Sie die selbstverständlich ganz einfach Strukturieren und Positionieren ca. 37 min 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. Listen 06:27 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. Tabellen 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 erstellen 05:39 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 bearbeiten 04:32 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. Kurztipp: Daten als Tabellen importieren 02:21 Viele Daten liegen nicht in Tabellenform vor. Wie Sie trotzdem daraus schnell Tabellen erzeugen können, verrät dieser Kurztipp. Kurztipp: Tabellen sortieren 01:53 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. Layout mit CSS Die CSS-Positionierung hat gegenüber dem Tabellenlayout viele Vorteile, u.a. Accessibility-Konformität, größere Flexibilität und bessere Strukturierung. Absolute CSS-Positionierung 04:06 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. Alternative CSS-Positionierung 06:07 Alternativ zur absoluten Positionierung finden Sie hier Anregungen, wie ein Layout per Flusssteuerung entstehen kann und welche tollen Vorlagen in Dreamweaver schlummern. Kurztipp: Trace-Bild 02:01 Viele Layouts kommen direkt aus dem Bildbearbeitungsprogramm der Webdesigner muss sie dann umsetzen. Das Tracing-Bild im Hintergrund hilft hier bei der Orientierung. 3 / 9

4 Kurztipp: Zentrieren 03:28 Zentrieren ist nicht gleich Zentrieren Dreamweaver geht hier genau wie HTML und CSS verschiedene Wege. Sehen Sie, worauf es ankommt. Problem! Hier gelangen Sie zu einer schriftlichen, die Sie auch nach Stichworten durchsuchen können. Wenn Sie lieber von Papier lesen, können Sie die selbstverständlich ganz einfach Formulare ca. 65 min 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. Grundlagen 09:24 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. Textfelder 10:32 Textfelder sind die Basisinformationseinheiten. Selbstverständlich gibt es hier verschiedene Varianten. Diese unterschiedlichen Typen und deren Funktionen lernen Sie in diesem Film kennen. Checkboxen 05:11 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. Radiobuttons 08:18 Mit Radiobuttons geben Sie dem Nutzer die Möglichkeit, aus einer Liste zu wählen. Dreamweaver hilft beim schnellen Anlegen. Auswahllisten 08:40 Listen und Aufklappmenüs basieren auf einem komplexen HTML-Tag. Dreamweaver nimmt Ihnen hierbei viel Arbeit ab. File-Uploads 07:43 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. Versteckte Felder 03:45 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. Formulare versenden 11:27 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. Problem! Hier gelangen Sie zu einer schriftlichen, die Sie auch nach Stichworten durchsuchen können. Wenn Sie lieber von Papier lesen, können Sie die selbstverständlich ganz einfach Frames ca. 31 min 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. Iframes 07:54 Mit iframes öffnen Sie fremde Inhalte auf Ihrer Seite oder binden separate HTML-Dateien ein. So nutzen Sie diese moderne Technologie mit Dreamweaver. Frames-Grundlagen 09:49 Erstellen Sie ein neues Frameset mit Dreamweavers komfortablen Vorlagen. Dieser Film zeigt, wie Sie die einzelnen 4 / 9

5 Erstellen Sie ein neues Frameset mit Dreamweavers komfortablen Vorlagen. Dieser Film zeigt, wie Sie die einzelnen Frames speichern und befüllen. Verschachtelte Frames 05:43 Verschachtelte Frames ermöglichen komplexe Seitenlayouts. Der Film zeigt, wie Sie Frames ineinander bauen und so die Seite nach Höhe und Breite aufteilen. Frames verlinken 04:00 Ein Link im Frameset sorgt manchmal für Überraschungen. Wie Sie Links und Ziele richtig setzen, zeigt dieser Abschnitt. Kurztipp: Visuelle Framehilfen 01:29 Nutzen Sie das Angebot: Dreamweaver zeigt die Rahmen Ihres Frameset. Nur Ihnen, aber nicht jedermanns Browser. Kurztipp: Frames bearbeiten 02:56 Auf die Schnelle Rahmen ziehen: Das Eigenschaftenfenster erlaubt die einfache und flotte Bearbeitung der Framesets. Problem! Hier gelangen Sie zu einer schriftlichen, die Sie auch nach Stichworten durchsuchen können. Wenn Sie lieber von Papier lesen, können Sie die selbstverständlich ganz einfach Multimedia ca. 25 min 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 02:45 Lernen Sie das Konzept der Multimedia-Einbindung kennen und sehen Sie, wie Plug-ins die verschiedenen Formate berücksichtigen. Flash einbinden 11:30 Flash-Animationen zählen zu den wichtigsten Formaten für den Webeinsatz. Dieser Film verrät, wie Sie Flash einbinden und einstellen. Audiodaten einbinden 05:59 So integrieren Sie Klänge und Audioformate einfach, schnell und bequem mit Dreamweaver als Schaltzentrale. Videos einbinden 04:44 Videos werden im Internet immer populärer. Dieser Film zeigt, wie Sie mit Dreamweaver Filme in verschiedenen Formaten einbinden. Problem! Hier gelangen Sie zu einer schriftlichen, die Sie auch nach Stichworten durchsuchen können. Wenn Sie lieber von Papier lesen, können Sie die selbstverständlich ganz einfach JavaScript ca. 78 min 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. Verhalten Verhalten sind Schnittstellen zu JavaScript-Code, die Sie Elementen Ihrer Seite zuweisen können. Aktiviert der Benutzer das Element, läuft der Code ab. Einleitung 04:56 Dieser Film zeigt, wie Sie JavaScript-Code einbauen, was Verhalten sind und wie Sie diese mit HTML-Elementen verbinden. Neue Fenster öffnen 03:52 Selbst öffnende Fenster sind dank der in Dreamweaver enthaltenen Codevorlagen, den Verhalten, mit nur wenigen Klicks erstellt. Formulare überprüfen 06:01 Überprüfen Sie Formularelemente und Benutzereingaben in Textfelder und geben Sie dem Benutzer aussagekräftige Hinweise. 5 / 9

6 Browserweiche 07:29 Manchmal muss der Webdesigner für die verschiedenen Browser eigene Seiten bauen. Eine Browser-Weiche von Dreamweaver hilft, hat aber auch ihre Schwächen. Codeschnipsel 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. Einleitung 03:16 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. Codeschnipsel für Formulare 05:01 Dieser Abschnitt erklärt, welche Codefragmente für Formulare zur Verfügung stehen. Erkennen Sie die Schwächen und Stolperfallen. Codeschnipsel für JavaScript 05:58 Besonders Codeelemente aus dem Ordner "JavaScript" sollten Sie mit Bedacht übernehmen. Gut gerüstet ist, wer die Skriptsprache ein wenig beherrscht. Eigene Codeschnipsel 06:58 So legen Sie einfach und schnell eigene Codefragmente an und erweitern Ihre Dreamweaver-Entwicklerbibliothek. Wie das geht, zeigt das Beispiel einer Browser-Weiche. Spry 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. Ajax 07:01 Ajax ist in aller Munde das Modewort bezeichnet die Kombination etablierter Webtechniken. Der Film erklärt den Grund des Hype. Formulare mit Spry 09:43 Formularvalidierung mit JavaScript ist ein Klassiker. Das Duo Spry und Dreamweaver nehmen Ihnen dabei noch mehr Arbeit ab. Menüs mit Spry 06:51 Aufwändige dynamische JavaScript-Menüs, basierend auf einem CSS-Layout: Spry macht sie möglich ohne dass Sie programmieren müssen. XML-Daten mit Spry 10:00 XML ist das etablierte Datenformat. Dank Spry kann jetzt auch JavaScript damit umgehen und stellt XML-Daten flexibel dar. Problem! Hier gelangen Sie zu einer schriftlichen, die Sie auch nach Stichworten durchsuchen können. Wenn Sie lieber von Papier lesen, können Sie die selbstverständlich ganz einfach Umfangreiche Seiten verwalten ca. 58 min 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. Sites In diesem Kapitel erfahren Sie, wie Sie Sites mit direkter Verbindung zum Webserver anlegen, Ihre Daten synchronisieren und mit den Sites arbeiten. Remote-Sites anlegen 08:27 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. Sites synchronisieren 05:28 Ändern sich lokale Daten, sollten diese mit dem Webserver synchronisiert werden. Dieser Film verrät unterschiedlichste Strategien und Einstellungen. Site-Details 05:03 6 / 9

7 Zur weiteren Site-Verwaltung bieten sich die Sitemap-Ansicht und einige andere Komfortfunktionen von Dreamweaver an. Kurztipp: Sites exportieren 01:40 Zum Backup oder zum Austausch mit Kollegen können Sie Ihre Site exportieren und später problemlos wieder importieren. Kurztipp: Verbindungsprobleme 02:01 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. Vorlagen 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 erstellen und anwenden 08:23 In diesem Film werden Vorlagen erstellt, bearbeitbare Bereiche definiert und Webseiten mit den Vorlagen versehen. Optionale Bereiche 04:39 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. Attribute steuern 03:30 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. Wiederholungsbereiche 04:12 Eine flexible Menge an bearbeitbaren Bereichen hinzufügen: Diesen Traum erfüllen Sie sich mithilfe von wiederholenden Elementen. Verschachtelte Vorlagen 04:58 Eine Vorlage für den Rahmen und die Navigation, eine andere darin für den Inhaltsbereich so funktionieren verschachtelte Vorlagen. Vorlagen lösen und andere Funktionen 02:35 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. Bibliothekselemente 04:25 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. Codefragmente 02:28 Wiederverwertbarkeit Teil II: Codefragmente sind zentral verwaltbare Codestücke, die aber nicht mehr mit dem Original in Verbindung stehen. Problem! Hier gelangen Sie zu einer schriftlichen, die Sie auch nach Stichworten durchsuchen können. Wenn Sie lieber von Papier lesen, können Sie die selbstverständlich ganz einfach Arbeiten mit Code ca. 35 min 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. DocType ändern und Fehler korrigieren 08:46 So wechseln Sie von HTML auf XHTML, entdecken Codefehler und lassen Sie von Dreamweaver automatisch korrigieren. Word-HTML optimieren 02:34 Die HTML-Dateien, die Microsoft Word generiert, sind oft schlecht. Dreamweaver bietet genau dafür eine automatische Korrekturfunktion. XHTML optimieren 01:48 Alte HTML-Dateien in modernes XHTML umzuwandeln, ist oft schwierig und fehleranfällig: Lernen Sie einen 7 / 9

8 Alte HTML-Dateien in modernes XHTML umzuwandeln, ist oft schwierig und fehleranfällig: Lernen Sie einen nützlichen Helfer kennen. Markup prüfen 03:22 Korrektes HTML oder XHTML gehört für den professionellen Webentwickler zum guten Ton. Prüfen Sie Ihre Auszeichnungen. Browser-Kompatibilität 03:19 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. Weitere Prüfmöglichkeiten 01:30 Dreamweaver bietet eine Vielzahl nützliche Prüfwerkzeuge für Hyperlinks oder die ganze Site. Barrierefreiheit 05: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. Suchen & Ersetzen 07:16 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. Problem! Hier gelangen Sie zu einer schriftlichen, die Sie auch nach Stichworten durchsuchen können. Wenn Sie lieber von Papier lesen, können Sie die selbstverständlich ganz einfach Serverseitige Programmierung ca. 67 min 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. PHP 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. Installation 10:52 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. Konfiguration 05:00 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! Datenbankzugriff 10:31 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. ASP 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. Einleitung 02:19 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. Installation 06:57 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. Konfiguration 04:43 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. Formulare überprüfen 08:55 Die Formularvalidierung mit ASP.NET funktioniert sehr zur Freude ganz ohne Programmierung und auch 8 / 9

9 Die Formularvalidierung mit ASP.NET funktioniert sehr zur Freude ganz ohne Programmierung und auch noch sowohl auf dem Server als auch auf dem Client. Datenbankzugriff I 08:58 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 II 07:36 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. Problem! Hier gelangen Sie zu einer schriftlichen, die Sie auch nach Stichworten durchsuchen können. Wenn Sie lieber von Papier lesen, können Sie die selbstverständlich ganz einfach 9 / 9