Letzte Bearbeitung am 31-Jan-04 um 00:10 Uhr () Auch wenn nur Leute die nix drauf haben in Sachen Homepagedesign ihre Homepage mit Photoshop gestalten, wozu ich sicherlich dazu gehöre, wollte ich trotzdem fragen wie ich ein Photoshop Dokument als html speichere.
Step 1: ---------------------------------------------------------------------- Öffne Photoshop und lade ein Design von dir, oder halt irgendwas was du zu einer *.html datei machen willst.
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.
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.!
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.
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.
Super, so weit so gut. Danke erstmal. Nun habe ich aber das Problem das das html Dokument nach dem upload nicht angezeigt wird. Man sieht lediglich eine komplett weiße Seite.
#5