Adobe Fireworks Tastensymbole
Erstellen Sie Tastensymbole
Schaltflächen sind eine spezielle Art von Symbol als Navigationselement für eine Web-Seite verwendet. Sie können ganz einfach Tasten bearbeiten Sie den Eigenschafteninspektor. Weil Sie Instanzen einer Schaltfläche aus der Symbolbibliothek in Ihr Dokument ziehen, können Sie die grafische Erscheinungsbild einer einzigen Taste ändern und automatisch das Aussehen aller Schaltflächeninstanzen in einer Navigationsleiste aktualisieren.
Sie können ohne Auswirkungen auf andere Instanzen derselben Taste, um den Text, URL und Ziel für eine Button-Instanz bearbeiten und ohne die Symbol-Instanz Beziehung zu brechen.
Eine Schaltfläche Instanz verkapselt. Feuerwerk verschiebt alle Komponenten und Zustände mit den Tasten zugeordnet, die Sie in das Dokument ziehen.
Wie andere Symbole haben Tasten, um einen Registrierungspunkt (einen Mittelpunkt, die Sie Text und die verschiedenen Tastenzustände ausrichten hilft, während Sie auf die Schaltfläche Bearbeiten).
Wählen Sie das Objekt, das Sie auf eine Schaltfläche konvertieren möchten.
Wählen Sie Modifizieren> Symbol> In Symbol konvertieren.
Im In Symbol konvertieren Dialog geben Sie einen Namen für die Schaltfläche.
In den Typ-Optionen wählen Taste.
(Optional) 9-Slice-Skalierung für die Schaltfläche aktivieren, wählen Sie Aktivieren 9-Slice-Skalierung.
(Optional) Um die Grafik als Schaltfläche, um die Grafikbibliothek in Fireworks, wählen Sie Speichern In allgemeiner Bibliothek zu speichern.
Anwenden Staaten Tasten
Eine Schaltfläche kann bis zu vier verschiedenen Zustände hat, die das Aussehen der Schaltfläche in Reaktion auf ein Mausereignis darstellen. Zwei-Staaten-Tasten haben Up- und Down-Staaten. Drei- und Vier Zustand Tasten haben den Over-Status und die Overdown-Staaten. Diese Zustände stellen die Darstellung der Schaltfläche, wenn der Mauszeiger darüber bewegt wird, wenn der Knopf nach oben (Over) oder nach unten (Overdown).
Sie können eine Navigationsleiste mit Zwei-Staaten oder mit drei Zuständen Schaltflächen erstellen. Allerdings nur Tasten mit allen vier Staaten können die Vorteile der integrierten Navigations Bar Verhalten in Fireworks nehmen.
Erstellen Sie eine einfache Zwei-Staaten-Taste
Symbolbearbeitungsmodus, führen Sie einen der folgenden Schritte ein:
Doppelklicken Sie auf die Leinwand eine vorhandene Taste.
Wählen Sie Bearbeiten> Einfügen> Neue Schaltfläche.
Führen Sie einen der folgenden importieren oder die Up-Status Grafik zu erstellen:
Drag-and-Drop oder importieren Sie die Grafik, die Sie als die Schaltfläche Up-Status in den Arbeitsbereich angezeigt werden sollen.
Verwenden Sie die Zeichenwerkzeug eine Grafik zu erstellen oder das Textwerkzeug verwenden, um eine Schaltfläche aus Text zu erstellen.
Klicken Sie auf Importieren eine Schaltfläche aus der Eigenschafteninspektor und wählen Sie eine fertige bearbeitbare -Schaltfläche von den Import Symbole: Button Bibliothek. Mit dieser Option wird jede der Schaltfläche Zustände automatisch mit den entsprechenden Grafiken und Text gefüllt.
(Optional) Stellen Sie die 9-Slice-Skalierung auf die Schaltfläche Form zu halten verzerrt wird, wenn es geändert wird. (Siehe Anwenden von 9-Slice-Führer zu einem Symbol.)
(Optional) Wählen Sie das Textwerkzeug und erstellen Text für die Schaltfläche.
Um den Over-Status zu erstellen, wählen Over aus dem Pop-up-Menü und wählen Sie eine der folgenden Möglichkeiten:
Klicken Sie auf Kopieren Up Grafik eine Kopie der Up-Status Schaltfläche in die Over-Fenster einfügen und dann bearbeiten.
Drag & Drop, importieren oder eine Grafik zeichnen.
(Optional) Um Live-Filter verwenden, um gemeinsame Auftritte für jeden Zustand zu erstellen, wählen Sie die Grafik, zu dem Sie einen Live-Filter hinzufügen möchten, und klicken Sie auf das Pluszeichen (+) neben dem Filter-Label im Eigenschafteninspektor.
Wählen Sie Abgeflachte Kante und Relief> Innenfase oder Inset Emboss oder Abgeflachte Kante außen oder Reliefprägung.
Wählen Sie eine Taste voreingestellt Filter für jeden Zustand.
Erstellen Sie eine Drei- oder Vier-Zustand-Taste
Obwohl vier-Staatsknöpfe sind nicht obligatorisch, sie verwenden können Sie die Vorteile der integrierten Navigations Bar Verhalten nehmen.
Mit einer Zwei-Staaten-Taste öffnen in der Leinwand in der Symbolbearbeitungsmodus, wählen Sie unten aus dem Popup-Menü im Eigenschafteninspektor und wählen Sie eine der folgenden Möglichkeiten:
Klicken Sie auf Kopieren Over Grafik eine Kopie der Over-Status Schaltfläche in die Down-Fenster einfügen und dann bearbeiten sie das Erscheinungsbild zu ändern.
Drag & Drop, importieren oder eine Grafik zeichnen.
Um einen Overdown-Status hinzufügen, stellen Sie sicher, dass die Down-Status-Taste geöffnet ist und wiederholen Sie Schritt 1.
Anwenden (Optional) voreingestellte Filter-Tasten.
Hinweis: Wenn Sie eine Grafik für die Down-einfügen oder erstellen oder Overdown s tates, die Optionen für die Aufnahme des Staates in der Navigationsleiste werden automatisch ausgewählt.
Wandeln Sie Fireworks-Rollovers in Schaltflächen
Sie können Tasten von Rollovers konvertieren, die in früheren Versionen von Fireworks und speichern sie in der Bibliothek erstellt wurden. Weitere Informationen über die Rollovers finden Sie unter Interaktive Scheiben.
Lösche das Segment oder einen Hotspot die Überschlags-Bilder abdeckt.
Wählen anzeigen Alle Staaten der Zwiebel-Skinning-Menü im Panel Staaten.
Wählen Sie alle Objekte, die Sie in der Schaltfläche aufnehmen möchten. Verwenden Sie das Werkzeug Hintere auswählen, um versteckte Objekte auszuwählen.
Wählen Sie Modifizieren> Symbol> In Symbol konvertieren.
Geben Sie einen Namen für das Symbol in dem Feld Namen und wählen Sie einen Button-Symbol-Typen.
Legen und importieren Tastensymbole
Sie können Instanzen von Tastensymbole in ein Dokument aus dem Bedienfeld Allgemeine Bibliothek einfügen. Sie können auch vorhandene Schaltfläche Symbole in der Dokumentbibliothek Tafel eines neuen Dokuments importieren. Weitere Informationen finden Sie unter Importieren und Exportieren von Symbolen.
Um Instanzen einer Schaltfläche in ein Dokument einzufügen, öffnen Sie das Bedienfeld Allgemeine Bibliothek und ziehen Sie die Schaltfläche Symbol auf das Dokument.
Um Platz zusätzliche Instanzen einer Schaltfläche Symbol, wählen Sie eine der folgenden Möglichkeiten:
Wählen Sie eine Instanz, und wählen Sie dann Bearbeiten> Klonen eine andere Instanz direkt vor der ausgewählten Instanz zu platzieren. Die neue Instanz wird das ausgewählte Objekt.
Ziehen Sie eine weitere Schaltfläche Instanz aus der Dokumentbibliothek Tafel auf das Dokument.
Alt-Taste (Windows) bzw. Wahltaste (Mac OS) eine Instanz auf der Leinwand eine andere Schaltfläche Instanz zu erstellen.
Kopieren Sie eine Instanz und dann zusätzliche Instanzen einfügen.
So importieren Tastensymbole in der Dokumentbibliothek Tafel eines neuen Dokuments, wählen Sie eine der folgenden Möglichkeiten:
Drag-and-Drop (oder Ausschneiden und Einfügen) eine Taste Beispiel aus einem anderen Feuerwerk-Dokument.
Schaltfläche Importieren von Symbolen aus einer Fireworks-PNG-Datei.
Export-Taste Symbole aus einem anderen Fireworks-Dokument in eine Datei PNG-Bibliothek und dann auf die Schaltfläche Symbole aus der Datei PNG-Bibliothek importieren in das Dokument.
Wählen Sie Importieren Symbole aus der Dokumentbibliothek Menü Optionen des Bedienfelds. Die Bibliotheken enthalten eine große Auswahl an vordefinierte Schaltflächensymbole von Adobe.
Schaltfläche Bearbeiten Symbole
Sie können mehrere Instanzen von Schaltfläche Eigenschaften auf der Symbolebene bearbeiten oder können Sie einzelne Instanzen der Schaltfläche Eigenschaften bearbeiten.
Schaltfläche Bearbeiten Eigenschaften auf der Symbolebene
Editierbare Symbolebene Schaltfläche Eigenschaften sind in der Regel unter den Tasten in einer Navigationsleiste konsistent. Siehe die folgenden Beispiele:
Grafische Aussehen wie Schlaganfall Farbe und Art, Füllfarbe und -typ, Pfadform und Bilder
Live-Filter oder Opazität auf einzelne Objekte in der Schaltfläche Symbol angewandt
Größe und Position des aktiven Bereichs
Core-Taste Verhalten
Optimierung und Exporteinstellungen
URL-Link (auch als Instanz-Level-Eigenschaft)
Target (auch als Instanz-Level-Eigenschaft)
Schaltfläche Bearbeiten Eigenschaften auf Instanzebene
Bearbeitbare Instanzebene Eigenschaften unterscheiden sich typischerweise von Taste zu Taste in einer Reihe von Tasten. Sie können auf Instanzebene Eigenschaften für eine Instanz ändern, um das dazugehörige Symbol oder andere Instanzen dieses Symbols ohne zu beeinflussen. Siehe die folgenden Beispiele:
Objektname einer Instanz, die im Ebenenbedienfeld angezeigt und für die Benennung der exportierten Scheiben für die Schaltfläche Instanz beim Export verwendet
Live-Filter oder angewendet Opazität auf die gesamte Instanz
Textzeichen und Textformatierung
URL-Link (überschreibt jede URL, die als Symbol-Level-Eigenschaft vorhanden)
Alternate (alt) Bildbeschreibung
Target (überschreibt alle Zielrahmen, der als Symbolebene Eigenschaft vorhanden)
Zusätzliche Verhaltensweisen zu einer Instanz zugewiesen das Bedienfeld Verhalten mit
The Show Down-Status On Load-Option im Eigenschafteninspektor für Instanzen in einer Navigationsleiste
Hinweis: Wenn Sie die Export mehrerer Dateien Option aus dem Dokument Spezifischen Abschnitt des HTML-Setup-Dialogfeldes und dann exportieren, um eine Navigationsleiste auswählen, exportiert Fireworks jede HTML-Seite mit dem entsprechenden Down-Status der Schaltfläche. Siehe Festlegen der HTML-Exportoptionen.
Stellen Sie interaktive Schaltfläche Eigenschaften
Sie können folgende interaktive Elemente einer Taste steuern:
Aktiver Bereich Der aktive Bereich löst Interaktivität, wenn ein Benutzer den Mauszeiger darüber bewegt oder klickt es in einem Web-Browser. Der aktive Bereich eines Knopfes ist ein Symbol-Level-Eigenschaft und ist einzigartig für Tastensymbole. Wählen Sie Aktiver Bereich aus dem Popup-Menü eine Schaltfläche Scheibe bearbeiten oder Hotspot-Objekte zu zeichnen. Wenn Sie eine neue Scheibe ziehen, ersetzt die neue Scheibe der vorherige Scheibe.
Schaltfläche Ziel Die Schaltfläche Ziel das Fenster oder Rahmen, in dem die Ziel-Webseite angezeigt wird, wenn eine Button-Instanz geklickt wird. Wenn Sie nicht ein Ziel im Eigenschafteninspektor eingeben, wird die Web-Seite im selben Rahmen oder Fenster wie der Link, der es nannte. Das Ziel kann eine Symbol- oder auf Instanzebene Schaltfläche Eigenschaft sein. Sie können das Ziel für ein Symbol gesetzt, so dass alle Instanzen des Symbols die gleiche Ziel Option.
Alternate (alt) Text für eine Schaltfläche Symbol oder Instanz Alternate (alt) Text erscheint auf oder in der Nähe eines Bild-Platzhalter, während ein Bild heruntergeladen wird oder anstelle ein Bild, wenn es zum Download fehlschlägt. Es ersetzt auch Grafiken, wenn der Benutzer den Browser Satz von Anzeigen von Bildern zu unterlassen hat. Alt-Text kann eine Symbol- oder auf Instanzebene Schaltfläche Eigenschaft sein.
Bearbeiten interaktive Schaltfläche Eigenschaften
Hinweis: Das Ändern des Ziel, URL oder Alt-Text für eine Schaltfläche Symbol nicht vorhandene Schaltfläche Instanzen dieses Symbols ändern.
Öffnen Sie die Schaltfläche Symbol im Symbolbearbeitungsmodus.
Führen Sie einen der folgenden Schritte aus:
Um ein Segment oder einen Hotspot in der Schaltfläche Symbol aktiven Bereich zu bearbeiten, wählen Aktiver Bereich aus dem Popup-Menü im Eigenschafteninspektor. Verwenden Sie das Zeigerwerkzeug zu bewegen oder die Scheibe oder eine Scheibe Führung neu zu gestalten. Oder verwenden irgendeine der Scheibe oder Hotspot-Tools einen neuen aktiven Bereich zu ziehen.
Um die URL für eine Schaltfläche Symbol zu setzen, wählen Aktiver Bereich aus dem Popup-Menü. Dann die URL eingeben in der Link-Box in dem Eigenschafteninspektoren wählen Sie eine Seite aus der Liste, oder wählen Sie eine URL aus dem URL-Panel.
Um das Ziel für eine Schaltfläche Symbol gesetzt, öffnen Sie die Taste im Arbeitsbereich. Dann ein Ziel in dem Feld Ziel eingeben oder wählen Sie eine der folgenden voreingestellten Ziele aus dem Zielmenü im Eigenschafteninspektor:
Keine oder _self lädt die Webseite in den gleichen Frame oder Fenster wie der Link
_blank Lädt die Webseite in ein neues, unbenanntes Browserfenster
_parent lädt die Webseite in die übergeordneten Rahmengruppe oder ein Fenster des Rahmens, die die Verbindung enthält
_top Lädt die Webseite in das ganze Browserfenster, alle Frames entfernt
Um den Alt-Text für eine Schaltfläche Symbol oder Schaltfläche Instanz festgelegt, wählen Sie die Schaltfläche Instanz im Arbeitsbereich. Dann im Eigenschafteninspektor, geben Sie den Text oder die Beschreibung, die Sie anwenden möchten.