Grids

Grids sind Raster, die eine Webseite in fix definierte Größeneinheiten aufteilen. Grids sind durch ihre klare Logik als Grundlage von Responsive Webseiten sehr verbreitet. Sie werden meist in Spalten (columns), Abständen zwischen den Spalten (gutters) und Abstände zum Device-Rand (margins) hin definiert. Klassischerweise werden Webseiten aus 12 oder 16 Spalten aufgeteilt, die sich in den verschiedenen Größen nach klar definierten und individuell einstellbaren Richtlinien neu anordnen lassen. Grids ersetzen die Tabellenstrukturen von HTML, die vor der Einführung von CSS die Grundlage von vielen Webdesigns bildeten. Sehr verbreitete Grid-Systeme im Webdesign sind aktuell Bootstrap und Foundation. Sie liegen vielen Wordpress Webseiten zu Grunde, während PrestaShop Templates oft auf das Bootstrap Grid System setzen. Mit dem PrestaShop Starter Theme ist es allerdings auch möglich, auch Foundation- basierte Shops herzustellen. Beide, Bootstrap und Foundation Grids sind in 12 Spalten eingeteilt und bieten viele vorgefertigte Möglichkeiten und Bausteine um rasch ein flexibles responsives Webseiten-Basisdesign zusammenzubauen.

zurück