Wie Slice ich?

Wie Slice ich ? Mit diesem Tut wollen wir euch zeigen wie man aus einer Grafik diese in eine html Datei bekommt.

Step 1:
----------------------------------------------------------------------
Öffne Photoshop und lade ein Design von dir, oder halt irgendwas
was du zu einer *.html datei machen willst.



Step 2:
----------------------------------------------------------------------

Nun wählst du das Slice tool aus (einfach K drücken).
Damit kannst du nun dein Design bzw. dein Bild zerschneiden.
Fahre einfach so über das Design, wie du es später mal haben willst,
das heisst, zerschneide es so, das es später auch sinnvoll ist.



Step 3:
----------------------------------------------------------------------

Nun hast du deine Slices so sortiert das es Sinnvoll wäre jetzt eine
*.html Datei daraus zu machen, allerdings fällt dir auf, das 1-2 Striche
nicht ganz passen. Was nun ? Richtig, du rufst bei Adobe an und fragst
warum deine Gerippte Version so rumzickt :)

Nein Gschmarre. Du klickst solange auf das Slicewerkzeug Symbol bis sich
ein kleines Untermenü öffnet und du das 2te Tool auswählen kannst. Tu
das dann auch. Mit diesem Tool, dem Slice Auswahlwerkzeug, kannst du
z.b. nachkorrigieren usw.!



Step 4:
----------------------------------------------------------------------

Nun zum Code!
Klicke auf Datei -> Für Web speichern.
Ein neues Fenster mit einer Ansicht deines Objektes in dem man die
aktiven Slices bewundern kann und einigen Einstellungsmöglichkeiten
öffnet sich. Klicke nun auf Ausgabe - Einstellung.
Unter Einstellungen würde ich "Eigene" auswählen. Nun kannst du dir deine
Eigenen Wünsche einstellen und später durch einen klick auf "Speichern..."
auch dauerhaft abspeichern.



Step 5:
----------------------------------------------------------------------

Nun, wenn du deine Einstellungen gemacht und gespeichert hast, klickst
du auf Ok und dir erscheint wieder ein neues Fenster.
In diesem kannst du den Ordner, den Filenamen und noch einige Sachen
mehr einstellen.
Alles einstellen und noch einmal auf Speichern klicken und schon
hast du dein Design im *.html Vormat.

HaVe fun :)