Feuerwerk unter Verwendung zum Erstellen von Navigationsschaltflächen

3. Outlining Grafiken und Bilder Befederung

Verwenden Sie dieses Werkzeug, um den Teil des Bildes auszuwählen, die Sie
wollen Feder.

Stellen Sie den Grad der Befederung, von 1 bis 100. Versuchen Sie nicht,
Übernutzung Verlaufen.

Nun gehen Sie auf „Wählen Sie in der Menüleiste und wählen Sie
„Wählen inverse“, und nun die Löschtaste drücken.

Sie haben nun einen gefiederten und zugeschnittene Bild.

Verwenden Sie entweder die Bitmap oder Vektorform-Tool können Sie
einen perfekten Kreis Bild erstellen, indem Sie die ovale Auswahl
Form-Werkzeug und dann die Shift-Taste gedrückt halten,
wenn Sie Ihren Kreis zeichnen.

Wenn grafische Formen zeichnen, bemerken, dass Sie
wählen Sie den Körper und Rahmenfarbe der Form.

Durch das Zeichnen eines Vektors Box um ein Bild ohne
Farbe für den Körper ausgewählt, werden Sie jetzt haben
ein Rahmen um das Bild.

Um diesen Trick zu bekommen, müssen Sie zuerst arbeiten
eine neue Ebene für dieses Bild. Stell sicher, dass du
Diese neue Ebene ausgewählt und jetzt nutzen
das Vektor-Form-Werkzeug eine Grenze zu ziehen.

Wenn Sie Probleme haben, die Arbeit mit Bildern
in Feuerwerk, ist es in der Regel eine Schicht Problem. Sie müssen
stellen Sie sicher, haben Sie die richtige Schicht ausgewählt
die Änderungen an.

5. Buttonmakers und Herunterladen Softfware

5. Sie können Fireworks verwenden, um komplexe zu erstellen
Rollover-Buttons

In Feuerwerk, gehen Sie auf „Bearbeiten“ und wählen Sie „Einfügen Neue Schaltfläche“

Dies zeigt ein Menü aufrufen Ihnen die Möglichkeit, jeden Zustand des Button steuern Sie machen

Der einfachste Weg, dies zu tun, ist eine grundlegende Schaltfläche erstellen
und wählen Sie „Kopieren über Grafik“ das gleiche verwenden
Taste für jeden Zustand des Überrolltaste

Wählen Sie nun den Status der Schaltfläche Sie wollen
bearbeiten, zum Beispiel, „Down“, und Sie können das ändern
Hintergrundfarbe oder die Textfarbe variieren die
Zustand der Schaltfläche auf Rollover.

Wenn Sie diese Schaltfläche in Fireworks speichern, gehen Sie
In dem „Export“ und stellen Sie sicher, dass Sie den Export auswählen
HTML-Datei und Dateischeiben und überprüfen „ausgewählt
Scheiben nur“

Wenn Sie diese Schaltfläche in eine Webseite einfügen, Sie
wollen Dreamwever gehen, und wählen Sie „Einfügen“
und wählen Sie „Bild-Objekte“ und wählen Sie dann
„Fireworks-HTML“

Denken Sie daran, wenn Sie auf diese Schaltfläche Bild kopieren
über auf die Bahn, werden Sie mehrere kopieren
verschiedene kleine GIF-Dateien - eine für jede Scheibe
die rolloever - und eine HTML-Datei, die enthält
der Code den Überschlag zu arbeiten.

Hier sind einige der kleinen Bilddateien, die waren
auf diese erstellt, wenn ich rolloverbutton erstellt
Website. tester.gif, tester.htm. tester_f2.gif,
tester_f3.gif, tester_f4.gif.

5. Denken Sie daran, können Sie immer verwenden
die Flash-Tasten und Flash-Text-Tools in
Dreamweaver grundlegende Tasten zu erstellen.

In Dreamweaver, gehen Sie auf „Einfügen“ und
wählen Sie „Medien“ dann und wählen Sie dann
entweder Flash-Tasten oder Flash Text.

6. Grundregeln zu Navigationstasten erstellen

Halten Sie Tasten relativ klein. Größer ist nicht besser

Versuchen Sie, Mitte oder Layout Text auf Schaltflächen in
eine einheitliche, einfache Art und Weise zu lesen.

Stellen Sie sicher, dass, wenn Ihre Schaltfläche hat eine
Anti-Alias-Kante, die eine Farbe verwendet, die
Hintergrund fügt sich in. Legen Sie die Matte
Farbe auf die samecolor als Webseite
Hintergrundfarbe.

Denken Sie daran, dass die Anti-Aliasing kleinen Typ
kann es schwieriger machen zu lesen.

Um es einfacher zu machen, klein zum Lesen
Geben Sie auf Ihrem Tasten, können Sie verdoppeln oder
verdreifachen sogar die Textebene zu machen
der Text schärfer zu lesen.

Diese Schriften wurden gut aussehen
als kleiner Text, obwohl sie
aliased:

Der einfachste Weg, Tasten zu machen mit
Feuerwerk ist Buttons von „Styles“ zu verwenden,
die befindet sich unter „Assets“.

Sie können die Farbe, Textur ändern, und
Rechteck Rundheit des Knopfes in der
InfoBox.

Fireworks erstellt „png“ Dateien. Nicht gesetzt
„Png“ Dateien im Web.

Verwenden Sie „Export-Assistent“ oder „Exportvorschau“ zu
Speichern Sie Ihre „png“ Dateien entweder auf „jpg“ oder „gif“
Dateien für das Web.

Denken Sie daran, versuchen, die Dateigröße zu komprimieren von
Ihre Bilddateien, so dass sie nicht übernehmen
zu lange auf dem Internet herunterzuladen.

Demonstrieren Zuschneiden und ein Bild Verlaufen.

Demonstrieren Schaltflächen Erstellen und Hinzufügen von Text.

9. Sie können Fireworks verwenden, um neue Buttons einsetzen, dass die
Programm bereits gemacht hat. (Diese werden in Dosen Tasten "genannt)

Gehen Sie auf zu Bearbeiten und wählen Sie „Einfügen“ und Neue Schaltfläche wählen.“

Gehen Sie auf Bearbeiten und wählen Sie „Bibliotheken“ und wählen Sie
"Animationen", "Bullets", "Buttons" oder "Themen"

In Dreamweaver können Sie Bilder auf eine Datei ziehen
Bibliothek, so dass Sie sie auf andere Teile verwenden
der Webseite.

Um eine Datei der Bibliothek in Dreaweaver zu sehen, gehen Sie zu
„Windows“ und „Bibliothek“ aus. Stelle sicher
Ihre Menüs Tisch ist offen.

Mit Bibliothek in Dreamweaver kann und einfach sein
und nützliche Art und Weise den Überblick über die Tasten zu halten und
Bildelemente, die Sie verwenden, um auf einer Webseite.

Sie können mit fester Breite oder variabler Länge Tabellen verwenden
die äußeren Grenzen oder Ihre Webseite zu erstellen.

Seien Sie vorsichtig mit variabler Breiten Tabellen da
Ihre Inhalte einer Webseite anders aussehen wird
verschiedene Browser mit unterschiedlichen Bildschirmauflösungen.

Sobald Sie Ihre erste Tabelle erstellt haben, können Sie
jetzt verwenden Schichten in Dreamweaver das Layout
Raster für Ihre Internetseite.

Erstellen Sie eine Webseite Vorlage verwenden.

Überprüfen Sie, ob Sie Ihre Links und Bildern arbeiten.

Prüfen Sie, ob Kontrast zwischen Text und Ihre
Webseite Hintergrund.

Verwenden Sie unsichtbare Tabellen und Schichten ein Raster-Layout
die Platzierung von Bildern und Text zu balancieren auf
deine Seite.

Halten Sie ein Protokoll, was sind die Namen Ihres Bildes
Dateien, welche Schriftarten Sie verwenden, welche Farben Sie verwenden,
die Größe aller Ihrer Bilder in Höhe und Breite,
und die Namen Ihrer Webseite Dateien.

Versuchen Sie Ihre Seiten nicht mehr als ein-und-begrenzen
ein-halb-Bildschirm in der Höhe.

Prüfen Sie die Rechtschreibung und versuchen, die Zahl zu reduzieren
von Wörtern verwenden Sie in jeder Textzeile zum absoluten
das Wesentliche.

Ist Ihre Seite einen klaren Schwerpunkt haben, oder tut es
mehrere Punkte haben?

Hat Ihre Webseite eine klare Informationen
Hierarchie von wichtigsten Elemente gegebenen
die Betonung und die unwichtigste
Elemente weniger Betonung gegeben?

Ist Ihre Webseite zu unübersichtlich? Hat jeder
Sache scheint ausgeglichen und an seiner Stelle zu sein, auf
Die Seite?

15. Erstellen von textbasierten Navigationsleisten für Textlinks

Siehe cclewis.com: Digitale Fotografie

In Dreamweaver, gehen Sie auf „Einfügen“ und
wählen Sie „Sonderzeichen“. Beachten
die Sonderzeichen eingefügt werden können
in der Seite

16. Dreamweaver mithilfe von Image-Maps erstellen

Siehe Beispiel für imagemap auf cclewis.com

Wenn Sie verwenden Imagemaps, stellen Sie sicher, dass Sie
verwenden „Alt“ Text der Leser zu informieren, wo
der Link führt.

In Verbindung stehende Artikel

Zurück ◈ Weiter