Adobe Dreamweaver ist ein sehr leistungsfähiges Werkzeug für Webdesigner, da es so viele Möglichkeiten für Sie bietet. Natürlich machen all diese Dinge es schwierig zu lernen. Informieren Sie sich über die vielfältigen Möglichkeiten von Dreamweaver, einschließlich Änderungen an der neuesten Version von CS5. Vergessen Sie nicht, die Dinge zu überprüfen, die in Dreamweaver CS5 fehlen.
Site definieren
- Starten Sie eine neue Website
- Erstelle eine Webseite
- Richten Sie nur die Teile der Site ein, die Sie benötigen, wenn Sie sie benötigen. * Neu in CS5
- Einrichten von Remote-, QA- und Testservern für vollständigere Workflows * Neu in CS5
- Erstellen und veröffentlichen Sie neue Verzeichnisse
- Ändern Sie den Doctype
- Fügen Sie Metadaten in Ihre Seiten ein
Setzen Sie Ihre Site live
- Definieren Sie einen Remote-Standort
- FTP-Dateien zum Webserver
- Verwenden Sie ein Versionskontrollsystem, um Dateien ein- und auszuchecken
- Verbinden Sie sich mit Subversion für eine erweiterte Versionskontrolle * Neu in CS5
- Hinterlassen Sie Notizen für Ihre Teamkollegen
Webseiten erstellen
- Schreiben Sie eine Seite im WYSIWYG-Modus
- Schreiben Sie eine Seite in HTML
- Erstellen Sie eine neue Seite aus einer Vorlage
- Erstellen Sie eine neue Seite von Grund auf
- Erstellen Sie eine Vorlage
- Speichern Sie die Dateien in Ihrem Site-Verzeichnis
- Definieren Sie die Seiteneigenschaften
CSS
- Verwenden Sie CSS-Stylesheets
- Inline-Styles hinzufügen
- Erstellen Sie ein externes Stylesheet
- Hängen Sie ein externes Stylesheet an
- Erstellen Sie Klassen-, ID-, Tag- und Verbund-CSS-Selektoren
- Bearbeiten Sie vorhandene CSS-Regeln
- Erstellen Sie CSS für druckbare Seiten
- Aktivieren und Deaktivieren von Stileigenschaften * Neu in CS5
- CSS-Boxmodell visuell prüfen * Neu in CS5
Text
- Text ändern
- Verwenden Sie verschiedene Schriftarten
- Fügen Sie einen Zeilenumbruch ein
- Verwenden Sie Sonderzeichen
- Fügen Sie das heutige Datum ein
- Kommentare schreiben
- Wenden Sie HTML-Tags auf Text an
- HTML-Attribute zu Tags hinzufügen
Links
- Verknüpfen Sie Text und Bilder
- Überprüfen Sie die Site-Links
- Ändern Sie die Standard-Linkfarben (Link, besucht, Schwebeflug, aktiv)
- Erstellen Sie QuickInfos zu Links
- Mailto-Links erstellen
- Erstellen Sie Webseitenanker
Bilder
- Fügen Sie einer Seite Grafiken hinzu
- Bilder bearbeiten
- Ändern Sie die Größe der Bilder
- Hinzufügen von altem Text zu Bildern
- Fügen Sie den Bildern weitere Eingabehilfen hinzu
- Bilder und Text ausrichten
- Erstellen Sie ein Rollover-Bild
- Verwenden Sie Imagemaps
- Verfolgungsbilder verwenden
- Verwenden Sie Bildplatzhalter
- Fügen Sie Fireworks-HTML ein
- Fügen Sie Photoshop-Dateien ein
Layout
- Verwenden Sie die mitgelieferten kostenlosen Vorlagen * Neue CSS-Starter-Layouts in CS5
- Divs für Layout einfügen
- Bearbeiten Sie Divs im CSS-Stilbedienfeld
- Fügen Sie absolut positionierte Elemente ein
- Formatieren Sie absolut positionierte Elemente im Eigenschafteninspektor
- Verwenden Sie Lineale, Raster und Führungen
Listen
- Fügen Sie Aufzählungszeichen und nummerierte Listen hinzu
- Listenaufzählungszeichen und -nummern anpassen
Tabellen
- Erstellen Sie eine Tabelle
- Fügen Sie Kopfzeilen und Spalten hinzu
- Verwenden Sie transparente Bilder, um Tabellenzellen geöffnet zu halten
- Erstellen Sie Spalten mit fester Breite und flexibler Breite
- Ändern Sie die Randstile von Tabellen
- Betten Sie eine Tabelle in eine Tabelle ein
- Tabellendaten importieren
Formen
- Verwenden Sie ein Mailto-Formular
- Formularaktionen definieren
- Fügen Sie Text, Radio, Kontrollkästchen, Dateien, Bilder, Auswahlfelder und ausgeblendete Formularfelder hinzu
- Machen Sie Ihre Formulare mit Feldern und Beschriftungsfeldern zugänglich
- Erstellen Sie benutzerdefinierte Schaltflächen zum Senden
- Formulare mit JavaScript überprüfen (Spry)
Datenbanken und PHP Scripting
- Hängen Sie Ihre Site an eine Datenbank an
- Richten Sie eine PHP / mySQL-Site ein
- Verwenden Sie Spry-Elemente, um eine Verbindung zur Datenbank herzustellen
- Fügen Sie Datenobjekte in Ihre Seiten ein
- Testen und aktualisieren Sie eine Spry-Datenquelle oder -anzeige
- Bearbeiten Sie komplexe dynamische Sites in der Entwurfsansicht
- Entdecken Sie alle dynamisch verwandten Dateien, um PHP-CMS-Sites (WordPress, Joomla und Drupal) zusammenzustellen. * Neu in CS5
- Benutzerdefinierte Klassenhinweise für PHP-Code, einschließlich Drittanbieter-Frameworks wie das Zend-Framework * Neu in CS5
Frames
- Erstellen Sie eine gerahmte Website
- Noframes-Inhalt bearbeiten
- Formatieren und gestalten Sie Ihre Frames
- Richten Sie Standard-Link-Ziele zwischen Frames ein
Interaktivität hinzufügen
- Fotoalbum erstellen (nicht mehr in CS5)
- Hinzufügen von Sound zu Webseiten
- Erstellen Sie ein Dropdown-Menü
- Verwenden Sie das Dreamweaver-Verhalten, um Popup-Fenster zu öffnen, Sprungmenüs zu erstellen, Ton abzuspielen, Bilder auszutauschen und vieles mehr
- Hinzufügen von RSS-Feeds zu einer Site
- Fügen Sie Flash-Text als Rollover ein
- Fügen Sie CSS-Text als Rollover ein
- Andere Plugins einfügen
- Fügen Sie eine Spry-Menüleiste, Registerkarten, Akkordeon, QuickInfo und ein reduzierbares Bedienfeld hinzu
- Verwenden Sie den Widget-Browser, um nach neuen Widgets für Ihre Website zu suchen, ohne JavaScript kennen zu müssen
Testen Sie Ihre Seiten
- Testen Sie Ihre Seiten in der Live-Ansicht, um die Änderungen aufgrund von JavaScript und Interaktivität anzuzeigen. * Neu in CS5
- Überprüfen Sie Ihren HTML-Code
- Zeigen Sie Ihre Seiten in verschiedenen Browsern an
- Verwenden Sie BrowserLab, um eine Vorschau Ihrer Seiten unter anderen Betriebssystemen anzuzeigen. * Neu in CS5
- Verwenden Sie Device Central, um zu überprüfen, wie die Seiten auf mobilen Geräten aussehen
- Überprüfen Sie die Browserkompatibilität
- Ändern Sie die Einstellungen entsprechend den Anforderungen Ihrer Website
- Überprüfen Sie die internen Site-Links
- Testen Sie die Barrierefreiheit Ihrer Site (nicht mehr in CS5).
- Konvertieren Sie ein Word-Dokument in HTML
Anpassen von Dreamweaver
- Erweiterungen hinzufügen
- Erweiterungen deaktivieren
- Passen Sie Dreamweaver mit Verknüpfungen an
Steigern Sie Ihre Effizienz
- Verwenden Sie integrierte Tastenkombinationen
- Verwenden Sie Codeausschnitte
- Erstellen und verwenden Sie Vorlagen
- Generieren Sie neue Seiten aus benutzerdefinierten Vorlagen
- Vorlagen aktualisieren
- Binden Sie eine Datei in eine andere in die Dreamweaver-Bibliothek ein
- Bibliothekselemente aktualisieren
- Fügen Sie eine Datei mithilfe von SSI in eine andere ein
- Verwenden Sie Suchen und Ersetzen
