Document Toolbar in Adobe CS5 Dreamweaver

Die Symbolleiste Dokument in Adobe Creative Suite 5 (Adobe CS5) Dreamweaver enthält Tools, die Ihnen Ihr Dokument in verschiedenen Modi Kompatibilität, wie Code und Design sowie Adresse Posten wie den Dokumententitel und Browser anzeigen können.

• Codeansicht: Zeigen Sie den Code und den Code nur mit dieser Ansicht. Dreamweaver hilft Ihnen, Code durch Farbcodierung Tags zu entziffern, Attribute, CSS und andere Elemente.

• Geteilte Ansicht: Die Auswahl dieser Option teilt das Dokumentfenster zwischen Code- und Entwurfsansicht. Diese Ansicht kann sehr hilfreich sein, weil Sie sowohl das Design und den Code gleichzeitig zu sehen.

  
  Kontrollieren Sie Ihre Ansicht von der Seite aus der Dokument-Symbolleiste.

• Design-Ansicht: Mit dieser Option wird die Seite in der Entwurfsansicht im Dokumentfenster.

• Live-Code: Wenn Live View aktiviert ist, können Sie den Quellcode des Dokuments als Benutzer sehen würde es in einem Browser zu sehen, aber Sie können nicht Seite Code in dieser Ansicht bearbeiten.

• Überprüfen Browser-Kompatibilität: Dieses Menü zeigt Optionen, die Sie Seite Integrität, wie Zugänglichkeit lassen prüfen, oder ob Sie Ihre CSS-Regeln in verschiedenen Browsern kompatibel sind.

• Liveübertragung: Live View macht Ihre Seite, als ob es in einem Browser ist, frei von Grenzen, Leitfäden und andere visuelle Hilfsmittel. Im Live-View können Sie die Vorschau Inhalt nicht bearbeiten, aber Sie können auf-Code, Split oder Entwurfsansicht springen und Ihre Seiteninhalt ändern.

• Inspizieren: Die neue Überprüfen Sie Taste arbeitet mit Live View die CSS-Regeln, die Format-Elemente auf Ihrer Seite zu offenbaren. Wenn Sie ein Element auf der Seite wählen Sie mit aktiviertem Inspect, zeigt die Bedienfeld CSS-Stile die Eigenschaften, die das Element formatiert werden, und ermöglicht es Ihnen, um bestimmte Eigenschaften zu deaktivieren oder zu ändern und die Ergebnisse sehen.

• Vorschau / Debug im Browser: Klicken Sie auf diese Schaltfläche, um eine Vorschau oder debuggen Sie das Dokument in einem Ihrer installierten Web-Browser, Adobe BrowserLab oder Device Central.

• Visuelle Hilfen: Klicken Sie auf diese Taste, um verschiedene visuelle Hilfsmittel zu wählen (wie Grenzen und Führungen) Sie verschiedene Elemente zu helfen, sehen und machen die Gestaltung Ihrer Seiten zu erleichtern.

• Aktualisieren Design Ansicht: Klicken Sie auf diese Schaltfläche das Dokument der Entwurfsansicht zu aktualisieren, nachdem Sie Änderungen in der Codeansicht. Änderungen, die Sie in der Codeansicht erscheinen nicht automatisch in der Entwurfsansicht, bis Sie bestimmte Aktionen ausführen, wie die Datei zu speichern oder auf diese Schaltfläche klicken.

• Dokumenttitel: Geben Sie den Namen des Dokuments in diesem Bereich.

• Dokumentenverwaltung: Klicken Sie auf diese Schaltfläche Pop-up für die Dateiverwaltung Menü angezeigt werden soll. In diesem Menü können überprüfen Sie das Dokument in oder aus, wenn für Ihre Site aktiviert.

• Vorherige Seite / Nächste Seite / Refresh / Adressleiste: Im Live-View, arbeiten diese Werkzeuge genauso wie sie es in einem Web-Browser und ermöglicht es Ihnen, zwischen den Seiten, aktualisieren Sie die Seite, und sehen Sie die Adresse der aktuellen Seite zu navigieren. Die Adressleiste funktioniert auch, wenn Live View nicht aktiviert ist, den Pfad zu dem Dokument enthüllt, die Sie gerade arbeiten.

• Zugehörige Dokumente: Dokumente, die von und an Ihrer Seite, wie externe CSS und javascript-Dateien sind unter (Mac) oder über (Windows) die Ansicht Auswahl (-Code / Split / Design) Tasten aufgeführt. Sie können einen beliebigen aufgelisteten Dokument klicken Sie auf die angehängte Datei in Split-Ansicht zu bearbeiten, ohne Dokumente zu wechseln.

• XML, javascript, CSS und andere Code-basierten Dateitypen können nur in der Code betrachtet und bearbeitet werden View- das Design und die Split-Schaltflächen abgeblendet erscheinen.

• Erfrischende aktualisiert auch Code Features, die Document Object Model (DOM) abhängig, wie die Fähigkeit, sind ein Code Blocks Öffnen oder Schließen-Tags auszuwählen.