Welche Art von Struktur generiert das Slice-Tool, wenn es als HTML exportiert wird?

Wenn ich das Slice-Tool für jedes Teil verwendet und als HTML exportiert habe, generiert es einen Skelett-HTML-Code, wenn es aus Frame-Layouts besteht? Ich würde es gerne sowohl für Photoshop CS4 als auch für GIMP wissen.

Wenn Sie Bilder mit Adobe Creative Suite 4-Anwendungen aufteilen und für das Web als HTML speichern, erhalten Sie 2002-Code, der aus Tabellen und nicht aus Rahmen besteht. Dies ist nicht vergleichbar mit der Codierung moderner Websites.
Ich denke, vielleicht hat sich jeder mit der Methode beschäftigt, ohne die Begründung dahinter zu verstehen. Es ist zwar absolut richtig, dass keine Website, die seit 2008 erstellt wurde, Tabellen für etwas anderes als tabellarische Daten verwenden sollte. Es gibt Fälle, in denen HTML mit Tabellenlayout noch verwendet wird, z. B. E-Mail-Marketing. Es kann für Sie hilfreich sein, die Frage zu bearbeiten und die gewünschte Endausgabe und ihre Verwendung zu erläutern.

Antworten (2)

Um Ihnen eine ehrliche Antwort zu geben, die Antwort lautet „schreckliches HTML“. Wie Scott sagte, wird Photoshop ein tabellenbasiertes Layout erstellen. Dasselbe gilt für GIMP.

Hier ist eine Beispielausgabe für GIMP:

<table cellpadding="0" border="0" cellspacing="0">
  <tr>
    <td><img alt="" src="slice_0_0.png"/></td>
    <td><img alt="" src="slice_0_1.png"/></td>
  </tr>
  <tr>
    <td><img alt="" src="slice_1_0.png"/></td>
    <td><img alt="" src="slice_1_1.png"/></td>
  </tr>
</table>

Dies ist eine unglaublich veraltete und falsche Art des Webdesigns. Eine ausführlichere Erklärung dazu finden Sie in diesem Artikel: Warum Tabellen für das Layout dumm sind

Das Problem bei der Verwendung von Tabellen

  • mischt Präsentationsdaten mit Ihren Inhalten.
    • Dadurch werden die Dateigrößen Ihrer Seiten unnötig groß , da Benutzer diese Präsentationsdaten für jede besuchte Seite herunterladen müssen.
    • Bandbreite ist nicht kostenlos.
  • Dies macht Neugestaltungen bestehender Sites und Inhalte extrem arbeitsintensiv (und teuer ).
  • Es macht es auch extrem schwierig (und teuer), die visuelle Konsistenz auf einer Website aufrechtzuerhalten.
  • Tabellenbasierte Seiten sind auch viel weniger zugänglich für Benutzer mit Behinderungen und Betrachter, die Mobiltelefone und PDAs für den Zugriff auf das Web verwenden.

Es ist in Ordnung, Photoshop oder GIMP zu verwenden, um Webdesign-Modelle zu erstellen, und es ist in Ordnung, das Slice-Tool zu verwenden, um notwendige Bilder für Ihre Website zu unterteilen und zu exportieren, aber es ist nicht in Ordnung, Ihren HTML-Code mit dem Slice-Tool zu generieren!

Warum ist es nicht in Ordnung, das Slice-Tool zu verwenden? Liegt es daran, dass der Export in HTML nicht zuverlässig ist? Soweit ich weiß, passen sich Layouts automatisch an und behalten jede Größe von untergeordneten Layouts innerhalb des übergeordneten Layouts bei, unabhängig von der Bildschirmauflösung? Und eine Sache, einige Bilder werden beim Vergrößern oder Verkleinern der Webseite nicht gedehnt.
Denn das Slice-Tool erzeugt tabellenbasierte Layouts. Lesen Sie den Link , den ich bereitgestellt habe, um eine bessere Erklärung zu erhalten, als ich zu diesem Thema gebe
Tatsächlich können Sie div-basiertes HTML aus Photoshop erstellen. Obwohl ... es ist nicht besser als die Tabellen, da alle Eltern divdie absolute Positionierung verwenden und es alles nur so viel schwieriger macht. i.stack.imgur.com/8eRCg.png
@Joonas das ist CS6+, richtig?
Ich kann nur bestätigen, dass es mindestens cs3+ ist

Ergänzung zu Johns Antwort:

Mit dem Slice-Werkzeug (sowohl in Photoshop als auch in Gimp) können Sie rechteckige Bereiche definieren, die als einzelne Bilder exportiert werden sollen, mit einigen Einschränkungen: Pro Dokument kann nur ein Satz von Slices vorhanden sein, und Slices dürfen sich nicht überlappen .

Das Endergebnis ist eine mit Bildern gefüllte Tabelle. Abgesehen von den zuvor genannten Gründen sind Tabellen die schlechteste Idee für responsive Layouts, da Sie die Reihenfolge der s nicht ändern können TD(selbst Frames sind dafür besser geeignet).

Grafikprogramme eignen sich gut zum Ausprobieren von Stilen und Erstellen von Mockups (zusammen mit Wireframing-Tools), aber sobald Sie zu HTML wechseln müssen, ist das Beste, was Sie tun können, Ihren eigenen Code zu schreiben.

Ist es nur egal, wie viele Slices ich gemacht habe und wenn ich sie exportiere, wird es immer nur eine Datei auf einmal geben oder nicht?
Wenn Sie alle Ihre Bilder auf einmal speichern, gibt es einen HTML-Code, ja.
Welche Art von Struktur generiert das Slice-Tool, wenn es als HTML exportiert wird?
AntwortenHierDatenschutz-Bestimmungen1y, 0v