Gewusst wie: Verwenden Sie Dreamweaver CS3 "Spry" Tabbed Panels

October 25

Dreamweaver CS3 ist ausgestattet mit Funktionen, die mit der Bezeichnung Spry, die sind gewissermaßen "WYSIWYG" AJAX zu einer Webseite hinzufügen. Sie versorgen Sie automatisch mit HTML, CSS und JavaScripts bestimmte interaktiven Funktionen ausführen. In diesem Artikel erfahren Sie, wie mithilfe von Spry Widgets.

Anweisungen

1Gewusst wie: Verwenden Sie Dreamweaver CS3 "Spry" Tabbed Panels

Registerkarten bieten eine Möglichkeit, ein kleines Stück von Immobilien Webseite verwenden, um mehrere "Platten" von Informationen, die der Benutzer zwischen klickt enthalten. Du kannst Bilder, Texte und andere Inhalte auf die Platten. Dieses Bild zeigt eine Standard im Registerformat Panel mit einigen Content vor Anpassung.

2Gewusst wie: Verwenden Sie Dreamweaver CS3 "Spry" Tabbed Panels

Platzieren Sie den Cursor im Dokument an der Stelle, wo Sie die Registerkarten einfügen möchten. Klicken Sie auf das Symbol im Registerformat "in der Kategorie" Spry ", in der Einfügeleiste.

3 Das Spry-Widget öffnet sich auf der Seite. Wenn des spry-Objekts angezeigt wird, gibt es zwei Registerkarten und ein Bereich, in dem Sie hinzufügen oder Einfügen von Inhalt, ersetzen den Platzhalter für Inhalten. Die Tabs sind einfach Tab 1 und Tab 2 benannt. (Dieses Bild zeigt 3 Tabs.)

4Gewusst wie: Verwenden Sie Dreamweaver CS3 "Spry" Tabbed Panels

Wenn das blau umrandet, die Hervorhebung des Spry-Objekts im Dokumentfenster vorhanden ist, können Sie den Eigenschafteninspektor, das Widget anpassen. Hier Sie einfügen oder Registerkarte Paneele zu entfernen und die Reihenfolge der Registerkarten zu ändern.

5Gewusst wie: Verwenden Sie Dreamweaver CS3 "Spry" Tabbed Panels

Ändern Sie die Etiketten auf den Registerkarten, indem sie im Dokumentfenster hervorgehoben. Du wirst sehen, das Auge, der angibt, welche Registerkarte angezeigt wird, sowie die Formulierung auf der Registerkarte Beschriftung ändern können.

6Gewusst wie: Verwenden Sie Dreamweaver CS3 "Spry" Tabbed Panels

Um die Darstellung des Widgets anzupassen, verwenden Sie CSS. Wenn Sie das Spry Tabbed-Panel eingefügt, werden von Dreamweaver automatisch generiert ein Stylesheet und einige JavaScripts und sie in Ihrer Website eingefügt werden. Finden Sie die Spry Paletten mit Registerkarten-Stile in Ihren Bedienfeld "CSS-Stile". Sie können diese Formatvorlagen ändern von Farben, breiten und andere Eigenschaften Darstellung der Registerkarten bearbeiten.

7Gewusst wie: Verwenden Sie Dreamweaver CS3 "Spry" Tabbed Panels

Haben Sie Probleme, herauszufinden, welche alle diese Stile, doppelklicken Sie auf den Namen des Stylesheets (SpryTabbedPanels.css) und öffnen Sie die CSS-Seite. Du wirst sehen, dass es aufwendig kommentiert wird, damit Sie verstehen, was jeder Stilregel ist und zu sehen, was geändert werden kann.

8 Wenn Sie fertig, die Inhalte für jedes Panel einfügen und Änderungen an der CSS vorgenommen haben, können Sie die neue Seite hochladen. Achten Sie darauf, die HTML, CSS und JavaScript Dateien mit Bezug zu machen die spry-Widget-Funktion richtig hochladen.

Tipps & Warnungen

  • Nachdem Sie die Anpassung der Paletten mit Registerkarten startete haben, gehen durch das Stylesheet und die Kommentare zu löschen, bevor Sie das CSS auf den Server hochladen. Das spart Bandbreite.