Gestaltung einer Web- Seite Mock-up können Sie ein Konzept vor Verlängerung der Aufwand , um tatsächlich die Seite zu skizzieren. Dies ist nützlich für die Identifizierung irgendwelche Probleme beim Start einer neuen Website , und vor allem notwendig ist , wenn du Arbeit für einen Kunden. Adobe Fireworks CS3 ist eine ideale Lösung für die Erfüllung dieser Aufgabe , weil Sie nicht brauchen, um umfangreiche Grafiken Ausbildung oder Erfahrung haben . Mit den verschiedenen Symbolleisten , können Sie schnell mit dem Bau Ihrer Ideen. Anleitung
1
Starten Sie die Anwendung Fireworks .
2
auf "Datei" in der Symbolleiste Fireworks und wählen Sie " Neu" aus dem Drop-down- Liste.
3
Geben Sie die Breite und Höhe des beabsichtigten Web-Seite in der " Neues Dokument "-Fenster. Eine gemeinsame Größe beträgt 800 Pixel x 600 Pixel. Für die "Auflösung" , geben 72 . Für die " Canvas Color" aktivieren Sie die Option neben den gewünschten Hintergrund. Zur Auswahl stehen "White ", " Transparent" und " Benutzerdefiniert". Drücken Sie die " OK "-Taste, wenn Sie fertig sind .
4
Stellen Sie sicher, "Extras" und "Eigenschaften" Symbolleisten sichtbar sind . Tun Sie dies, indem Sie "Fenster" aus dem Fireworks Menü und markieren Sie das "Extras "-Option. Wiederholen Sie diesen Vorgang für die Option "Eigenschaften" .
5
Wählen Sie " Rechteck" aus dem "Extras "-Symbolleiste , um ein Feld für Ihren Kopf über den Anfang des Dokuments zu ziehen. Tun Sie dies , indem Sie einen Punkt auf der Leinwand und die Maus so , dass das Rechteck erweitert und erreicht die gewünschte Form . Wenn Sie Ihr Rechteck, um einen farbigen Rand haben wollen, auf die "Eigenschaften " in der Symbolleiste und klicken Sie auf die " Stroke Color" -Symbol, um eine Farbe auszuwählen . Klicken Sie auf " Fill Color" -Symbol, um eine Hintergrundfarbe auszuwählen.
6
Hinzufügen von Text zu dem Rechteck , indem Sie auf die "Text -Werkzeug " aus dem "Extras "-Symbolleiste. Sie können diesen Text durch Hervorheben und gehen auf die "Eigenschaften " in der Symbolleiste , um Optionen wie Größe , Farbe und Gewicht wählen formatieren.
7
Bilder hinzufügen , falls gewünscht , indem Sie "Datei " aus dem Fireworks -Menü und klicken Sie auf "Import " aus dem Drop -Down-Menü . Wählen Sie das Bild aus der Datei und klicken Sie auf einen Punkt auf der Seite und ziehen Sie ihn, bis er die Größe, die Sie benötigen, ist .
8
Fügen Sie weitere Rechtecke und Text zu Ihrem Dokument , um die verschiedenen Elemente Ihrer Seite stellen . Gemeinsame Merkmale sind eine Navigationsleiste , Link-Box und Inhalt Abschnitt .
9
Speichern Sie die Datei , indem Sie " Datei " aus dem Menü Fireworks und klicken Sie auf "Speichern unter" aus dem Dropdown-Menü . Benennen Sie die Datei und speichern Sie sie als " PNG ", so dass Sie später zurück und bearbeiten Sie diese Datei als nötig.
