https://wiki-de.moshellshocker.dns64.de/index.php?action=history&feed=atom&title=Slicen 2026-06-01T15:00:19Z Versionsgeschichte dieser Seite in Wikipedia (Deutsch) – Lokale Kopie MediaWiki 1.43.8 https://wiki-de.moshellshocker.dns64.de/index.php?title=Slicen&diff=620483&oldid=prev 2025-05-16T22:59:29Z

<p></p> <p><b>Neue Seite</b></p><div>{{Dieser Artikel|behandelt das Verfahren im Screen- und Webdesign. Zu weiteren Bedeutungen siehe [[Slicing]].}}<br /> <br /> &#039;&#039;&#039;Slicen&#039;&#039;&#039; oder &#039;&#039;&#039;Slicing&#039;&#039;&#039; (vom englischen &#039;&#039;{{lang|en|slice}}&#039;&#039; für „Scheibe“ und &#039;&#039;{{lang|en|to slice}}&#039;&#039; in der Bedeutung von „in Scheiben schneiden“, „aufteilen“) ist ein Verfahren im [[Screendesign|Screen-]] und vor allem im [[Webdesign]]. Dabei wird ein Bild in mehrere kleinere zerteilt. Diese Teilbilder werden dann im [[Hypertext Markup Language|Markup]] lückenlos nebeneinander gesetzt, sodass die fertige Konstruktion wieder aussieht wie das ganze Bild. Die Webseite zeigt also nicht eine große Grafik, sondern mehrere kleinere Teilgrafiken, die zusammen wie eine größere Grafik aussehen.<br /> <br /> Ein Hauptgrund für das Zerteilen großer Bilder in Segmente war, dass dadurch einzelne Webseiten schneller in den Browser geladen wurden.<br /> <br /> == Hintergrund ==<br /> Die Technik des Slicens von Grafiken kam vermutlich Mitte der 90er-Jahre erstmals zum Einsatz, als das [[Layout]] der Webseiten hauptsächlich mit [[Hypertext Markup Language|HTML-Tabellen]] erstellt wurde. In der Anfangszeit mussten die Bilddateien mit dem Maskierungs- oder mit dem Freistell-Werkzeug der [[Elektronische Bildverarbeitung|EBV]]-Software zerteilt werden; erst ab 1998 beinhalteten Bildbearbeitungsprogramme wie [[Adobe ImageReady|ImageReady]] oder Fireworks eigens entwickelte Slicing-Werkzeuge, die die Aufteilung der Bilder sowie die Portierung in HTML-Code übernahm.<br /> <br /> Zum Slicen benötigt man ein [[Grafiksoftware|Bildbearbeitungsprogramm]] wie [[Adobe Fireworks|Fireworks]], [[Corel Photo-Paint]], [[Adobe Photoshop|Photoshop]] oder [[GIMP]].<br /> <br /> == Anwendung ==<br /> Der [[Grafikdesign]]er erstellt das Aussehen der Website mit einem Bildbearbeitungsprogramm. Da alle grafischen Bereiche flexibel genug sein müssen, später in einzelne Layout-Fragmente der Webseite integriert zu werden, müssen sie auf die Größe des HTML-Elements zurechtgeschnitten werden. Ein [[Schaltfläche|Button]], den der Designer als Teil des Layouts kreierte, muss nun mit der Slicing-Methode zurechtgeschnitten werden, damit der [[Webdesigner]] diese Grafik später als Hintergrund für die Schaltfläche angeben kann.<br /> <br /> [[Kategorie:Webdesign]]</div>

imported>Trustable