In diesem Artikel möchte ich euch zeigen, wie man mit Hilfe von Gimp ein schönes Design für eine Homepage erstellen kann. Hierzu verwenden wir, als fiktives Beispiel, die Homepage einer Pizzeria. Dieses Tutorial behandelt den gestalterischen Teil. Die Umsetzung in html und css würde den Rahmen sprengen. Hierzu werde ich jedoch weiterführende Links auflisten.
Das Grundgerüst:
Unsere Seite soll später auf vielen Computern gut dargestellt werden können. Daher müssen wir uns ein wenig nach der breiten Masse richten. Die am weitesten verwendete Bildschirmauflösung ist 1024*768 Pixel. Also darf unsere Seite nicht breiter, als 1024 Pixel sein. Durch den Scrollbalken des Browser verringert sich die Breite noch etwas. Für unsere Seite nehmen wir eine Breite von 960 Pixel. Diese 960 Pixel sind mittlerweile eine Art inoffizieller Standart geworden.
Nun aber zur Umsetzung. Wir erstellen ein neues Dokument mit einer Abmessung von 1024*768 Pixel. Anschließend erstellen wir eine neue Ebene mit 960*700 Pixel und zentrieren diese innerhalb des Dokuments. Auf einer weiteren Ebene erstellen wir nun den Kopfbereich der Seite. In diesen wollen wir später eine Grafik einbinden. Wir geben ihm die Breite von 960 Pixeln und eine Höhe von 200 Pixel. Anschließend sollte es wie in nachfolgendem Bild aussehen. Die Farben spielen jedoch keine Rolle. Sie dienen im Moment nur der Übersichtlichkeit.
Klicken zum Vergrößern
