Benutzerhandbuch Abbrechen

HTML-Optionen für Slices

  1. Photoshop-Benutzerhandbuch
  2. Einführung in Photoshop
    1. Erst ist es ein Traum. Dann Realität.
    2. Neuerungen in Photoshop
    3. Bearbeite dein erstes Foto
    4. Erstellen von Dokumenten
    5. Photoshop | Häufige Fragen
    6. Photoshop – Systemanforderungen
    7. Einsatzmöglichkeiten von Photoshop
    8. Regelmäßige Aktualisierung von Photoshop
  3. Photoshop und andere Adobe-Produkte und -Dienste
    1. Arbeiten mit Illustrator-Grafiken in Photoshop
    2. Arbeiten mit Photoshop-Dateien in InDesign
    3. Substance 3D-Materialien für Photoshop
    4. Verwenden der Erweiterung „Capture in-App“ in Photoshop
  4. Photoshop auf dem iPad (nicht verfügbar in Festlandchina)
    1. Photoshop auf dem iPad | Häufige Fragen
    2. Kennenlernen des Arbeitsbereichs
    3. Systemanforderungen | Photoshop auf dem iPad
    4. Erstellen, Öffnen und Exportieren von Dokumenten
    5. Fotos hinzufügen
    6. Arbeiten mit Ebenen
    7. Zeichnen und Malen mit Pinseln
    8. Eine Auswahl treffen und Masken hinzufügen
    9. Retuschieren deiner Kompositionen
    10. Arbeiten mit Korrekturebenen
    11. Die Tonalität deiner Komposition mit Kurven anpassen
    12. Anwenden von Transformationsoperationen
    13. Kompositionen zuschneiden und drehen
    14. Drehen, Verschieben, Zoomen und Zurücksetzen der Arbeitsfläche
    15. Arbeiten mit Textebenen
    16. Arbeiten mit Photoshop und Lightroom
    17. Erhalte fehlende Schriftarten in Photoshop auf dem iPad
    18. Japanischer Text in Photoshop auf dem iPad
    19. App-Einstellungen verwalten
    20. Touch-Shortcuts und Gesten
    21. Tastaturbefehle
    22. Bearbeiten der Bildgröße
    23. Livestream beim Erstellen in Photoshop auf dem iPad
    24. Makel mit dem Reparaturpinsel beheben
    25. Pinsel in Capture erstellen und in Photoshop auf dem iPad verwenden
    26. Arbeiten mit Camera Raw Dateien
    27. Erstellen und Arbeiten mit Smartobjekten
    28. Korrigiere die Belichtung in deinen Bildern mit Abwedler und Nachbelichter
    29. Befehle für die automatische Korrektur in Photoshop auf dem iPad
    30. Verwischen von Bildbereichen in Photoshop auf dem iPad
    31. Erhöhen oder Verringern der Sättigung von Bildern mit dem Schwamm-Werkzeug
    32. Inhaltsbasierte Füllung für iPads
  5. Web-Version von Photoshop (nicht verfügbar in Festlandchina)
    1. Häufige Fragen
    2. Systemanforderungen
    3. Tastaturbefehle
    4. Unterstützte Dateitypen
    5. Einführung in den Arbeitsbereich
    6. Cloud-Dokumente öffnen und bearbeiten
    7. Generative KI-Funktionen
    8. Grundlegende Konzepte der Bildbearbeitung
    9. Schnellaktionen
    10. Arbeiten mit Ebenen
    11. Retuschieren von Bildern und Beseitigen von Bilddefekten
    12. Schnelles Auswählen von Bereichen
    13. Bildverbesserungen mit Korrekturebenen
    14. Hinzufügen einer Füllebene
    15. Verschieben, Transformieren und Zuschneiden von Bildern
    16. Zeichnen und malen
    17. Zeichnen und Bearbeiten von Formen
    18. Arbeiten mit Textebenen
    19. Arbeite mit beliebigen anderen Personen im Internet zusammen
    20. App-Einstellungen verwalten
    21. Bild generieren
    22. Hintergrund generieren
    23. Referenzbild
  6. Photoshop (Beta) (nicht verfügbar in Festlandchina)
    1. Erste Schritte mit Beta-Apps in der Creative Cloud
    2. Photoshop (Beta) auf dem Desktop
    3. Referenzbild
  7. Generative KI (nicht verfügbar in Festlandchina)
    1. Häufige Fragen zu generativer KI in Photoshop
    2. Generatives Füllen in Photoshop auf dem Desktop
    3. Generieren eines Bildes mit beschreibenden Texteingaben
    4. Generatives Erweitern in Photoshop auf dem Desktop
    5. Hintergrund durch „Hintergrund generieren“ ersetzen
    6. Weitere Varianten mit „Ähnliche generieren“ erzeugen
    7. Generatives Füllen in Photoshop auf dem iPad
    8. Generatives Erweitern in Photoshop auf dem iPad
    9. Generative KI-Funktion in der Web-Version von Photoshop
  8. Content Authenticity (nicht verfügbar in Festlandchina)
    1. Inhaltsurhebernachweise in Photoshop
    2. Identität und Herkunft für NFTs
    3. Konten für die kreative Zuordnung verknüpfen
  9. Cloud-Dokumente (nicht verfügbar in Festlandchina)
    1. Photoshop-Cloud-Dokumente | Häufige Fragen
    2. Photoshop Cloud-Dokumente | Häufige Fragen
    3. Verwalten und Bearbeiten von Cloud-Dokumenten in Photoshop
    4. Aktualisiere den Cloud-Speicher für Photoshop
    5. Cloud-Dokument kann nicht erstellt oder gespeichert werden
    6. Behebe Fehler in Photoshop Cloud-Dokumenten
    7. Erfassen von Cloud-Dokumentsynchronisierungsprotokollen
    8. Andere zum Bearbeiten deiner Cloud-Dokumente einladen
    9. Dateien freigeben und kommentieren in der App
  10. Arbeitsbereich
    1. Arbeitsbereich – Grundlagen
    2. Voreinstellungen
    3. Schnelleres Lernen mit dem Photoshop „Entdecken“-Bedienfeld
    4. Erstellen von Dokumenten
    5. Einfügen von Dateien
    6. Standard-Tastaturbefehle
    7. Tastaturbefehle anpassen
    8. Werkzeuggalerien
    9. Leistungsvoreinstellungen
    10. Verwenden von Werkzeugen
    11. Presets
    12. Raster und Hilfslinien
    13. Touch-Gesten
    14. Die Touch Bar in Photoshop
    15. Touch-Funktionen und benutzerdefinierte Arbeitsbereiche
    16. Technologievorschau
    17. Metadaten und Anmerkungen
    18. Einfügen von Photoshop-Bildern in andere Anwendungen
    19. Lineale
    20. Anzeigen oder Ausblenden nicht druckbarer Extras
    21. Festlegen von Spalten für ein Bild
    22. Befehl „Rückgängig“ und Protokollbedienfeld
    23. Bedienfelder und Menüs
    24. Positionieren von Elementen durch Ausrichten
    25. Positionieren mit dem Linealwerkzeug
  11. Web-, Bildschirm- und App-Design
    1. Photoshop für Design
    2. Zeichenflächen
    3. Gerätevorschau
    4. Kopieren von CSS aus Ebenen
    5. Slicen von Webseiten
    6. HTML-Optionen für Slices
    7. Ändern des Slice-Layouts
    8. Arbeiten mit Webgrafiken
    9. Erstellen von Web-Fotogalerien
  12. Bilder und Farben – Grundlagen
    1. So skalierst du Bilder
    2. Arbeiten mit Raster- und Vektorbildern
    3. Bildgröße und Auflösung
    4. Importieren von Bildern von Kameras und Scannern
    5. Erstellen, Öffnen und Importieren von Bildern
    6. Anzeigen von Bildern
    7. Ungültiger JPEG-Markerfehler | Bild öffnen
    8. Anzeigen mehrerer Bilder
    9. Anpassen von Farbwählern und Farbfeldern
    10. Bilder mit hohem dynamischem Bereich
    11. Abgleichen von Farben in deinem Bild
    12. Konvertieren zwischen Farbmodi
    13. Farbmodi
    14. Entfernen von Teilen eines Bildes
    15. Füllmethoden
    16. Auswählen von Farben
    17. Anpassen von indizierten Farbtabellen
    18. Bildinformationen
    19. Verzerrungsfilter sind nicht verfügbar
    20. Wissenswertes zu Farbe
    21. Farb- und Monochromkorrekturen über Kanäle
    22. Auswählen von Farben im Farb- und Farbfeldbedienfeld
    23. Aufnehmen
    24. Farbmodus oder Bildmodus
    25. Farbstich
    26. Hinzufügen einer bedingten Modusänderung zu einer Aktion
    27. Hinzufügen von Farbfeldern aus HTML, CSS und SVG
    28. Bittiefe und Voreinstellungen
  13. Ebenen
    1. Ebenen – Grundlagen
    2. Nicht-destruktive Bearbeitung
    3. Erstellen und Verwalten von Ebenen und Gruppen
    4. Auswählen, Gruppieren und Verbinden von Ebenen
    5. Platzieren von Bildern in Rahmen
    6. Deckkraft und Mischmodus einer Ebene
    7. Ebenen maskieren
    8. Anwenden von Smartfiltern
    9. Ebenenkompositionen
    10. Verschieben, Stapeln und Fixieren von Ebenen
    11. Maskieren von Ebenen mit Vektormasken
    12. Verwalten von Ebenen und Gruppen
    13. Ebeneneffekte und -stile
    14. Bearbeiten von Ebenenmasken
    15. Elemente extrahieren
    16. Anzeigen von Ebenen mit Schnittmasken
    17. Erzeugen von·Bildelementen aus Ebenen
    18. Die Arbeit mit Smartobjekten
    19. Füllmethoden
    20. Kombinieren mehrerer Bilder zu einem Gruppenporträt
    21. Kombinieren von Bildern mit automatisch überblendeten Ebenen
    22. Ausrichten und Verteilen von Ebenen
    23. Kopieren von CSS aus Ebenen
    24. Laden der Auswahl aus einer Ebene oder den Begrenzungen der Ebenenmaske
    25. Aussparen von Bereichen, um Inhalt von anderen Ebenen zu sehen
  14. Auswahl
    1. Erste Schritte mit der Auswahl
    2. Treffen von Auswahlen in deinem Composite
    3. Arbeitsbereich „Auswählen und maskieren“
    4. Auswählen mit den Auswahlwerkzeugen
    5. Auswählen mit den Lasso-Werkzeugen
    6. Einstellen einer Pixelauswahl
    7. Verschieben, Kopieren und Löschen ausgewählter Pixel
    8. Erstellen einer temporären Maskierung
    9. Auswählen eines Farbbereichs in einem Bild
    10. Konvertieren von Pfaden in Auswahlbegrenzungen (und umgekehrt)
    11. Kanäle – Grundlagen
    12. Speichern der Auswahl und Alphakanalmasken
    13. Auswahl der Bildbereiche im Fokus
    14. Duplizieren, Teilen und Zusammenfügen von Kanälen
    15. Kanalberechnungen
  15. Bildkorrekturen
    1. Ersetzen von Objektfarben
    2. Perspektivische Verformung
    3. Bildstabilisierung zum Ausgleichen des Wackelns der Kamera
    4. Reparaturpinsel-Beispiele
    5. Exportieren von Color Lookup-Tabellen
    6. Anpassen der Bildschärfe und Weichzeichnung
    7. Farbkorrekturen
    8. Anwenden einer Helligkeits-/Kontrastkorrektur
    9. Anpassen der Details von Tiefen und Lichtern
    10. Tonwertkorrektur
    11. Anpassen von Farbton und Sättigung
    12. Anpassen der Lebendigkeit
    13. Anpassen der Farbsättigung in Bildbereichen
    14. Durchführen schneller Farbtonkorrekturen
    15. Anwenden von speziellen Farbeffekten auf Bilder
    16. Verbessere dein Bild mit der Farbbalancekorrektur
    17. Bilder mit hohem dynamischem Bereich
    18. Anzeigen von Histogrammen und Pixelwerten
    19. Abgleichen von Farben in deinem Bild
    20. Freistellen und gerades Ausrichten von Fotos
    21. Konvertieren eines Farbbildes in Schwarzweiß
    22. Einstellungs- und Füllebenen
    23. Gradationskurvenkorrektur
    24. Füllmethoden
    25. Anpassen von Bildern für die Ausgabe auf Druckmaschinen
    26. Korrigieren von Farbe und Tonwert mit Tonwertkorrektur- und Gradations-Pipetten
    27. Anpassen von HDR-Belichtung und -Tonung
    28. Abwedeln oder Nachbelichten von Bildbereichen
    29. Vornehmen von selektiven Farbkorrekturen
  16. Adobe Camera Raw
    1. Camera Raw – Systemanforderungen
    2. Neuerungen in Camera Raw
    3. Wissenswertes zu Camera Raw
    4. Erstellen von Panoramen
    5. Unterstützte Objektive
    6. Vignettierung, Körnungs- und Dunstentfernungseffekte in Camera Raw
    7. Standard-Tastaturbefehle
    8. Automatische Perspektivkorrektur in Camera Raw
    9. Radial-Filter in Camera Raw
    10. Verwalten von Camera Raw-Einstellungen
    11. Öffnen, Bearbeiten und Speichern von Bildern in Camera Raw
    12. Reparieren von Bildern mit dem erweiterten Bereichsreparaturwerkzeug in Camera Raw
    13. Drehen, Freistellen und Anpassen von Bildern
    14. Einstellen des Farbrenderings in Camera Raw
    15. Verarbeitungsversionen in Camera Raw
    16. Durchführen lokaler Korrekturen in Camera Raw
  17. Reparieren und Wiederherstellen von Bildern
    1. Entfernen-Werkzeug
    2. Entfernen von Objekten aus deinen Fotos mit der Funktion Inhaltsbasierte Füllung
    3. Inhaltsbasiertes Ausbessern und Verschieben
    4. Fotos retuschieren und reparieren
    5. Korrigieren von Bildverzerrung und Rauschen
    6. Grundlegende Schritte zur Fehlerbehebung, die die meisten Probleme beheben
  18. Bildoptimierung und -transformation
    1. Himmel auf deinen Bildern ersetzen
    2. Transformieren von Objekten
    3. Anpassen der Funktionen für Freistellen, Drehen und Arbeitsfläche
    4. So stellst du Fotos frei und richtest sie gerade aus
    5. Erstellen und Bearbeiten von Panoramabildern
    6. Verformen von Bildern, Formen und Pfaden
    7. Fluchtpunkt
    8. Inhaltsbasiertes Skalieren
    9. Transformieren von Bildern, Formen und Pfaden
  19. Zeichnen und Malen
    1. Malen symmetrischer Muster
    2. Zeichne Rechtecke und ändere Konturoptionen
    3. Zeichnen
    4. Zeichnen und Bearbeiten von Formen
    5. Malwerkzeuge
    6. Erstellen und Bearbeiten von Pinseln
    7. Füllmethoden
    8. Hinzufügen von Farbe zu Pfaden
    9. Bearbeiten von Pfaden
    10. Malen mit dem Misch-Pinsel
    11. Pinselvorgaben
    12. Verläufe
    13. Interpolation für Verläufe
    14. Füllen und Zuweisen von Kontur für Auswahlbereiche, Ebenen und Pfade
    15. Zeichnen mit den Zeichenstift-Werkzeugen
    16. Erstellen von Mustern
    17. Erstellen eines Musters mit dem Mustergenerator
    18. Verwalten von Pfaden
    19. Verwalten von Musterbibliotheken und -vorgaben
    20. Zeichnen oder Malen mit einem Grafiktablett
    21. Erstellen von strukturierten Pinseln
    22. Hinzufügen von dynamischen Elementen zu Pinseln
    23. Verlauf
    24. Malen stilisierter Striche mit dem Kunst-Protokollpinsel
    25. Malen mit einem Muster
    26. Synchronisieren von Vorgaben auf mehreren Geräten
    27. Vorgaben, Aktionen und Einstellungen migrieren
  20. Text
    1. Hinzufügen und Bearbeiten von Text
    2. Unified Text Engine
    3. Arbeiten mit OpenType SVG-Schriftarten
    4. Formatieren von Zeichen
    5. Formatieren von Absätzen
    6. Erstellen von Texteffekten
    7. Bearbeiten von Text
    8. Zeilen- und Zeichenabstand
    9. Arabische und hebräische Schrift
    10. Schriften
    11. Fehlerbehebung bei Schriftarten
    12. Asiatische Schrift
    13. Erstellen von Text
  21. Filter und Effekte
    1. Verwendung der Weichzeichnergalerie
    2. Filter – Grundlagen
    3. Filtereffektereferenz
    4. Hinzufügen von Beleuchtungseffekten
    5. Verwenden des adaptiven Weitwinkelkorrekturfilters
    6. Verwenden des Ölfarbenfilters
    7. Verwenden des Verflüssigen-Filters
    8. Ebeneneffekte und -stile
    9. Anwenden spezifischer Filter
    10. Verwischen von Bildbereichen
  22. Speichern und Exportieren
    1. Speichern deiner Dateien in Photoshop
    2. Exportieren deiner Dateien in Photoshop
    3. Unterstützte Dateiformate
    4. Speichern von Dateien in Grafikformaten
    5. Designs zwischen Photoshop und Illustrator verschieben
    6. Speichern und Exportieren von Videos und Animationen
    7. Speichern von PDF-Dateien
    8. Digimarc-Copyrightschutz
  23. Farbmanagement
    1. Farbmanagement
    2. Gewährleisten konsistenter Farben
    3. Farbeinstellungen
    4. Duplexbilder
    5. Arbeiten mit Farbprofilen
    6. Farbmanagement für Dokumente zur Onlineanzeige
    7. Farbmanagement für Dokumente beim Drucken
    8. Farbmanagement für importierte Bilder
    9. Prüfen von Farben
  24. Web-, Bildschirm- und App-Design
    1. Photoshop für Design
    2. Zeichenflächen
    3. Gerätevorschau
    4. Kopieren von CSS aus Ebenen
    5. Slicen von Webseiten
    6. HTML-Optionen für Slices
    7. Ändern des Slice-Layouts
    8. Arbeiten mit Webgrafiken
    9. Erstellen von Web-Fotogalerien
  25. Video und Animation
    1. Videobearbeitung in Photoshop
    2. Bearbeiten von Video- und Animationsebenen
    3. Videos und Animationen – Übersicht
    4. Anzeigen einer Vorschau von Videos und Animationen
    5. Malen auf Frames in Videoebenen
    6. Importieren von Videodateien und Bildsequenzen
    7. Erstellen von Frame-Animationen
    8. Creative Cloud 3D Animation (Vorschau)
    9. Erstellen von Zeitleistenanimationen
    10. Erstellen von Bildern für Videos
  26. Drucken
    1. Drucken von 3D-Objekten
    2. Drucken aus Photoshop
    3. Drucken mit Farbmanagement
    4. Kontaktabzüge und PDF-Präsentationen
    5. Drucken von Fotos in einem Bildpaket-Layout
    6. Drucken von Volltonfarben
    7. Drucken von Bildern auf einer kommerziellen Druckmaschine
    8. Verbessern der Farbdrucke von Photoshop
    9. Beheben von Problemen beim Drucken | Photoshop
  27. Automatisierung
    1. Erstellen von Aktionen
    2. Erstellen von auf dynamischen Daten basierenden Grafiken
    3. Skripting
    4. Gleichzeitiges Verarbeiten mehrerer Dateien
    5. Abspielen und Verwalten von Aktionen
    6. Hinzufügen von bedingten Aktionen
    7. Aktionen und das Aktionenbedienfeld
    8. Aufzeichnen von Werkzeugen in Aktionen
    9. Hinzufügen einer bedingten Modusänderung zu einer Aktion
    10. Photoshop UI-Toolkit für Zusatzmodule und Skripten
  28. Fehlerbehebung
    1. Behobene Probleme
    2. Bekannte Probleme
    3. Optimieren der Leistung von Photoshop
    4. Grundlagen zur Fehlerbehebung
    5. Fehlerbehebung bei Abstürzen oder Einfrieren
    6. Fehlerbehebung bei Programmfehlern
    7. Beheben von Fehlern bei vollem Arbeitsvolume
    8. Fehlerbehebung bei GPU- und Grafiktreiberproblemen
    9. Fehlende Werkzeuge finden
    10. Photoshop 3D | Häufig gestellte Fragen zu eingestellten Funktionen

Anzeigen des Dialogfelds „Slice-Optionen“

Führe einen der folgenden Schritte durch:

  • Doppelklicke mit dem Slice-Auswahlwerkzeug auf ein Slice . (Wenn das Werkzeug nicht sichtbar ist, klicke auf das Freistellungs- oder Slice-Werkzeug.)
  • Wähle das Slice-Auswahlwerkzeug aus und klicke in der Optionsleiste auf die Schaltfläche „Slice-Optionen“ . Diese Methode steht im Dialogfeld „Für Web und Geräte speichern“ nicht zur Verfügung.

Festlegen eines Slice-Inhaltstyps

Du kannst festlegen, wie die Slice-Daten nach dem Exportieren in eine HTML-Datei im Webbrowser angezeigt werden. Die verfügbaren Optionen variieren je nach dem gewählten Slice-Typ.

  • „Bild“-Slices enthalten Bilddaten. Dies ist der Standard-Inhaltstyp.

  • Mit Slices vom Typ „Kein Bild“ kannst du leere Tabellenzellen erstellen, die mit Text oder einer Farbfläche gefüllt werden können. Du kannst in Slices vom Typ „Kein Bild“ HTML-Text eingeben. Wenn du die Option „Text im HTML-Format“ im Dialogfeld „Für Web und Geräte speichern“ markierst, wird der Text beim Anzeigen in einem Browser als HTML interpretiert. Slices vom Typ „Kein Bild“ werden nicht als Bilder exportiert und können als Vorschau in einem Browser angezeigt werden.

Hinweis:

Durch Festlegen von Optionen für ein Auto-Slice wird dieses Slice in ein Benutzer-Slice konvertiert.

  1. Wähle ein Slice aus. Wenn du in Photoshop arbeitest, doppelklicke mit dem Slice-Auswahlwerkzeug auf das Slice, um das Dialogfeld „Slice-Optionen“ anzuzeigen.
  2. Wähle im Dialogfeld „Slice-Optionen“ unter „Slice-Typ“ einen Typ aus.

Umbenennen von Slices

Beim Hinzufügen von Slices zu einem Bild ist es möglicherweise sinnvoll, Slices mit Bezug zu ihrem Inhalt umzubenennen. Standardmäßig werden Benutzer-Slices anhand der Einstellungen im Dialogfeld „Ausgabeeinstellungen“ benannt.

  1. Wähle ein Slice aus und doppelklicke mit dem Slice-Auswahlwerkzeug auf das Slice, um das Dialogfeld „Slice-Optionen“ anzuzeigen. Gib im Dialogfeld „Slice-Optionen“ unter „Name“ einen neuen Namen ein.
    Hinweis:

    Das Textfeld „Name“ ist bei Slices vom Typ „Kein Bild“ nicht verfügbar.

Auswählen einer Hintergrundfarbe für ein Slice

Du kannst eine Farbe für den transparenten Bereich (bei „Bild“-Slices) bzw. den gesamten Bereich (bei „Kein Bild“-Slices) auswählen.

Die ausgewählte Hintergrundfarbe wird in Photoshop nicht angezeigt. Du musst eine Vorschau des Bildes in einem Browser anzeigen, um die Wirkung der Hintergrundfarbe zu prüfen.

  1. Wähle ein Slice aus. Wenn du das Photoshop-Dialogfeld „Für Web und Geräte speichern“ verwendest, doppelklicke mit dem Slice-Auswahlwerkzeug auf das Slice, um das Dialogfeld „Slice-Optionen“ anzuzeigen.
  2. Wähle im Dialogfeld „Slice-Optionen“ im Popupmenü „Slice-Hintergrundart“ eine Hintergrundfarbe aus. Wähle „Ohne“, „Hintergrund“, „Weiß“, „Schwarz“ oder „Andere“ (aus dem Adobe-Farbwähler).

Wenn du einem Slice eine URL zuweist, wird der gesamte Slice-Bereich auf der erstellten Webseite als Link dargestellt. Wenn ein Benutzer auf den Link klickt, navigiert der Webbrowser zu diesem URL und Ziel-Frame. Diese Option ist nur für „Bild“-Slices verfügbar.

  1. Wähle ein Slice aus. Wenn du in Photoshop arbeitest, doppelklicke mit dem Slice-Auswahlwerkzeug auf das Slice, um das Dialogfeld „Slice-Optionen“ anzuzeigen.
  2. Gib im Dialogfeld „Slice-Optionen“ unter „URL“ eine URL ein. Du kannst eine relative URL oder eine absolute (vollständige) URL eingeben. Denk bei der Eingabe eines absoluten URL-Pfads daran, auch das richtige Protokoll anzugeben (z. B. „http://www.adobe.de“, nicht „www.adobe.de“). Weitere Informationen zur Verwendung relativer und absoluter URLs findest du in der einschlägigen HTML-Dokumentation.
  3. Gib ggf. im Textfeld „Ziel“ den Namen eines Ziel-Frames ein:

    _blank

    Zeigt die verknüpfte Datei in einem neuen Fenster an. Das ursprüngliche Browserfenster bleibt geöffnet.

    _self

    Zeigt die verknüpfte Datei im selben Frame wie die Originaldatei an.

    _parent

    Zeigt die verknüpfte Datei in ihrem übergeordneten eigenen Frameset an. Wähle diese Option, wenn das HTML-Dokument Frames enthält und der aktuelle Frame untergeordnet ist. Die verknüpfte Datei wird im aktuellen übergeordneten Frame angezeigt.

    _top

    Öffnet die verknüpfte Datei im gesamten Browserfenster und entfernt sämtliche Frames. Der Name muss dem Namen eines zuvor in der HTML-Datei des Dokuments definierten Frames entsprechen. Wenn ein Anwender auf den Link klickt, wird die angegebene Datei im neuen Frame angezeigt.

    Hinweis:

    Weitere Informationen zu Frames findest du in der einschlägigen HTML-Dokumentation.

Festlegen von Browsermeldungen und Alt-Text

Du kannst festlegen, welche Meldungen im Browser angezeigt werden. Diese Optionen stehen nur für „Bild“-Slices zur Verfügung und werden ausschließlich in exportierten HTML-Dateien angezeigt.

  1. Wähle ein Slice aus. Wenn du in Photoshop arbeitest, doppelklicke mit dem Slice-Auswahlwerkzeug auf das Slice, um das Dialogfeld „Slice-Optionen“ anzuzeigen.
  2. Gib im Dialogfeld „Slice-Optionen“ den gewünschten Text ein.

    Meldungstext

    Ändert die Standardmeldung im Browserstatusbereich für ein oder mehrere ausgewählte Slices. Standardmäßig wird, sofern vorhanden, die URL des Slice angezeigt.

    Alt-Tag/Alt

    Legt das Alt-Tag für ein oder mehrere ausgewählte Slices fest. Der Alt-Text wird anstatt des Slice-Bildes in nicht-grafischen Browsern angezeigt. Außerdem wird er beim Herunterladen anstatt des Bildes und bei einigen Browsern als QuickInfo angezeigt.

Hinzufügen von HTML-Text zu einem Slice

Wenn du ein Slice vom Typ „Kein Bild“ wählst, kannst du den Text eingeben, der im Slice-Bereich der Webseite angezeigt wird. Dies kann Klartext sein oder auch Text, der mit den HTML-Standard-Tags formatiert ist. Du kannst auch vertikale und horizontale Ausrichtungsoptionen auswählen. Weitere Informationen zu einzelnen HTML-Tags findest du in der einschlägigen HTML-Dokumentation.

In Photoshop wird kein HTML-Text im Dokumentfenster angezeigt. Für die Vorschau des Textes musst du einen Webbrowser verwenden. Zeige deinen HTML-Text mit verschiedenen Browsern, Browsereinstellungen und Betriebssystemen in einer Vorschau an, um zu prüfen, ob der Text im Web korrekt dargestellt wird.

Hinweis:

Die Textmenge in Slices des Typs „Kein Bild“ kann sich auf das Layout einer exportierten Seite auswirken.

  1. Wähle ein Slice aus. Doppelklicke mit dem Slice-Auswahlwerkzeug auf das Slice, um das Dialogfeld „Slice-Optionen“ anzuzeigen. Du kannst im Dialogfeld „Für Web und Geräte speichern“ auf das Slice doppelklicken, um weitere Formatierungsoptionen festzulegen.
  2. Wähle im Dialogfeld „Slice-Optionen“ unter „Slice-Typ“ die Option „Kein Bild“ aus.
  3. Gib den gewünschten Text in das Textfeld ein.
  4. (Nur Dialogfeld „Für Web und Geräte speichern“) Enthält der Text HTML-Formatierungstags, wähle die Option „Text im HTML-Format“ aus. Wenn du diese Option nicht aktivierst, werden HTML-Tags ignoriert und der gesamte Text wird auf der Webseite als unformatierter Klartext angezeigt.
  5. (Nur Dialogfeld „Für Web und Geräte speichern“) Wähle ggf. Optionen im Dialogfeldbereich „Zellenausrichtung“ aus:

    Standard

    Verwendet die Standardeinstellung des Browsers für die horizontale Ausrichtung.

    Linke Kanten verteilen

    Richtet den Text linksbündig im Slice-Bereich aus.

    Zentrieren

    Richtet den Text zentriert im Slice-Bereich aus.

    Rechte Kanten verteilen

    Richtet den Text rechtsbündig im Slice-Bereich aus.

    Standard

    Verwendet die Standardeinstellung des Browsers für die vertikale Ausrichtung.

    Obere Kanten verteilen

    Richtet den Text am oberen Rand des Slice-Bereichs aus.

    Grundlinie

    Legt eine gemeinsame Grundlinie für die erste Textzeile in Zellen derselben Reihe (der erstellten HTML-Tabelle) fest. Diese Option muss für jede Zelle in der Reihe verwendet werden.

    Mitte

    Richtet den Text vertikal mittig im Slice-Bereich aus.

    Untere Kanten verteilen

    Richtet den Text am unteren Rand des Slice-Bereichs aus.

 Adobe

Schneller und einfacher Hilfe erhalten

Neuer Benutzer?