Es gibt viele Möglichkeiten , eine Website mit Web-Anwendungen wie Deamweaver oder Frontpage, oder sogar von Hand codierte HTML erstellen. Allerdings, wenn Sie Ihre Website zu sein, grafisch ansprechende wünschen , komponieren das Layout in Photoshop. es wird viel leichter sein, zu einem späteren Zeitpunkt bearbeiten können als gut. Sie benötigen ein Logo , Header , Icons, Schaltflächen, Bilder /Fotos , Anzeigen (falls erforderlich) , Farben, Schriftarten und Textur entwerfen. Machen Sie ein Mock-up vor der Zeit, vor der Implementierung HTML . Wenn Sie bereits Ideen für Ihre Website Zusammensetzung , skizzieren sie auf einem Stück Papier. Anleitung Military Design grafische Websites mit Photoshop
1
Gehe zu> Neue Datei. Eingang : 800 Pixel, Höhe 600 Pixel. Stellen Sie die Auflösung auf 72 Pixel /Inch , RGB-Farbe 8bit . Stellen Sie die Inhalte Hintergrund transparent. Klicken Sie auf OK .
2
Erstellen Sie die Kopf-und Navigations- Design . Fügen Sie ein Logo , Banner -Bereich, einige Grafiken und Navigationstasten . Machen Sie den Header Höhe 150 Pixel und 30 Pixel für Buttons. Legen Sie das Logo und Banner-Grafiken im übrigen Bereich . Hinzufügen von Platzhaltern für Text.
3
Wählen Sie ein Logo Bild von I Stock . Gehen Sie auf die Layout- Link, der ein Wasserzeichen auf dem Bild hat . Auf das Bild mit der rechten Maustaste und wählen Sie Kopie Bild . Wählen Sie das Photoshop-Fenster und die Datei auf dem Sie arbeiten . Fügen Sie das Bild auf der neuen Ebene . Gehe zu> Transformieren> Skalieren bearbeiten . Halten Sie die Umschalttaste gedrückt , um den Anteil zu halten und die Größe des Bildes . Wählen Sie nur einen Teil der mit dem Auswahlrechteck , drücken Steuerung (command in Mac) + Shift und i -Tasten die Auswahl umkehren . Press control ( Befehl in Mac ) + d zu deaktivieren . Dann drücken Sie die Taste Entf , um den Rest des Bildes zu entfernen.
4
Erstellen von Schaltflächen für Web- Navigation. Wählen Sie das Text-Werkzeug in Photoshop. Ziehen Sie das Textfeld auf dem Bildschirm und geben Sie einen Namen für die Schaltfläche , wie Home oder kontaktieren Sie uns .
5
Entwerfen Sie das Layout der Inhalte in Körperbereich . Wenn Ihre Website hat viele Links , nutzen Sie die linke Spalte für zusätzliche Links. Wählen Sie das Text-Werkzeug . Klicken und ziehen Sie das Textfeld auf der Leinwand. Setzen Sie den Fließtext in Hauptinhalt der Leinwand. Fügen Sie etwas Blindtext von Loren Ipsum als Platzhalter . Sie werden diesen Text zu einem späteren Zeitpunkt zu ersetzen, wenn Sie bereit sind, Ihre Web-Inhalte zu schreiben.
6
hinzufügen footer Inhalte unter die wichtigsten Inhalte . Dazu gehören das Logo Ihres Unternehmens , Copyright-Text und ein Duplikat der Links in der Kopfzeile.
7
Platz neuesten Nachrichten , Ankündigungen, Pressemitteilung Zusammenfassung und Promotionen oder Anzeigen in der rechten Spalte Ihrer Web- Site-Layout .
8
erstellen Faltlinie bei 600 Pixel in der Höhe.
9
Bilder optimieren , die Sie auf Ihrer Website veröffentlichen . Schneiden Sie die Bilder mit dem Slice-Werkzeug .
10
Klicken Sie auf das Menü Datei. Klicken Sie auf Save for Web . Schieben Sie den Schieberegler Qualität , um die Bildqualität und Dateigröße anpassen. Klicken Sie auf Speichern .
11
Doppelklicken Sie auf die HTML-Datei (Photoshop erstellt die Ordner images und HTML-Datei im gleichen Verzeichnis . ) Überprüfen Sie Ihre Webseite Layout in Ihrem Internet- Browser. Sie sollten eine abgeschlossene Webseite in Photoshop auf Ihrem Bildschirm haben .
