Anlegen einer Ordnerstruktur und Zerschneiden der Photoshop-Layoutdatei entprechend der Sitestruktur
Icon der Übung
Worum geht es in dieser Übung? Was soll damit erreicht werden? Zielbeschreibung und Aufzählung der Prozesse
  • Hier werden der Aufbau einer Ordnerstruktur und die Ordnerinhalte für das Webprojekt gezeigt sowie
  • das Zerschneiden der Photoshop-Layoutdatei in sinnvolle Teile entsprechend der Sitestruktur.
Beispiele des Endergebnisses
Gliederung der Ordner und deren Inhalte für das Webprojekt:

Zerschneiden der Photoshop-Layoutdatei in sinnvolle Teile, entsprechend der Sitestruktur:

Verwendete Software und Hardware
Photoshop 7; Windows 2000
Module, die für die Übung unbedingt vorausgesetzt werden




Arbeitsschritte
Hier werden der Aufbau einer Ordnerstruktur und die Ordnerinhalte für das Webprojekt gezeigt.
 

Zerschneiden des Photoshop-Layouts entsprechend der Sitestruktur in

  • Navigation
  • Subnavigation
  • Inhalt
 
Freistellen der Hauptnavigation und Abspeichern der Datei in dem Layoutordner,
unter dem Namen: hauptnavigation.psd
 
Freistellen des Subnavigation-Bereichs und
Abspeichern der Datei in dem Layoutordner, unter dem Namen: subnavigation_gsmt.psd
 
Freistellen des Inhaltbereichs und Abspeichern der Datei in dem Layoutordner unter dem Namen: inhalt_gsmt.psd
 

Die Photoshop-Datei subnavigation_gsmt wird konform der Hauptbereiche aufgeteilt und abgespeichert in dem Layoutordner:

  • subnavigation_mission.psd
  • subnavigation_schnecke.psd
  • subnavigation_augen.psd
  • subnavigation_schraube.psd

Die Photoshop-Datei inhalt_gsmt wird konform der Hauptbereiche aufgeteilt und abgespeichert in dem Layoutordner:

  • inhalt_mission.psd
  • inhalt_schnecke.psd
  • inhalt_augen.psd
  • inhalt_schraube.psd
 
Ergänzende, erweiternde und vertiefende Module






Relevante Kategorien und Bereiche
Web, Planung und Entwurf
Material zum Downloaden