In diesem Tutorial möchte ich euch erklären, wie ihr eine Collage für den Header eurer Webseite erstellt. Es handelt sich dabei um einen Header, den ihr z.B. für eine Reise- / Urlaubsseite verwenden könnt bzw. durch die in dem Tutorial verwendete Burg eher für ein mystisch wirkendes Portfolio. Natürlich könnt ihr statt der Bug auch etwas anderes nehmen und für euren Zweck anpassen. Ich werde euch zeigen wie ihr einen Wasser-Hintergrund anlegt und eine Insel mit Felsen die aus dem Meer ragen erstellt.
Für das Tutorial verwende ich folgende Stockgrafiken aus dem Bildarchiv von StockXchange – sxc.hu:
http://www.sxc.hu/photo/1253789
http://www.sxc.hu/photo/1310577
http://www.sxc.hu/photo/1287251
Die Dateien zum Nachbauen findet ihr hier als *.zip Datei (64MB). Es sind zwei *.psd Dateien enthalten, die eine die ich zur Vorschau erstellt habe und die andere die ich während der Podcast-Folge erstellt habe. Tutorial Dateien herunterladen
In Kooperation mit Terrashop präsentieren wir euch in dieser Podcast-Folge das Buch Little Boxes Teil 0 von Peter Müller erschienen im Verlag Markt und Technik.
Auszug aus dem Buch:
Webseiten bauen beginnt nicht erst mit HTML & CSS. Sondern mit dem Wissen um den richtigen Einsatz von Text und Bild. Mit dem Wissen um den richtigen Aufbau Ihrer Website, damit Besucher und Suchmaschinen gern vorbeischauen. Mit der passenden Auswahl von Technologie, Webhoster und Werkzeugen. Und mit einem guten Plan für die Umsetzung Ihres Vorhabens. Kurz: Webseiten bauen beginnt mit den Grundlagen. Bei Null. Wie dieses Buch. weitere Informationen…
Das Buch könnt ihr bei Terrashop im Rahmen einer Aktion für 4,95€ bekommen anstatt der üblichen 17,95€, da kann man also nicht viel falsch machen 😉 -> Little Boxes Teil 0 auf Terrashop.de ansehen
Ein Exemplar des Buches könnt ihr hier bei uns im Rahmen einer Verlosung gewinnen.
Podcast-Info:
Titel: Header-Collage für Webseite
Autor: Sascha Rudolph
Länge: ca. 27 Min
Dateigröße: 160 MB
Video-Podcast in HD 720p über Vimeo ansehen:
Schlagworte zu diesem Artikel: CSS, Header, HTML, Photoshop, Webdesign
Schönes Tutorial Sascha!
Deine Arbeitsweise ist wirklich interessant, besonders was die Benutzung von Verläufen angeht. Aber gut, jeder kommt anders zu seinem Ergebnis. (:
Was mich ein wenig stört ist die ständige Werbung für andere Artikel (speziell Gewinnspiele) in eueren Artikeln und Podcast-Folgen. Da könnte ihr ja evtl. mal darüber nachdenken, ob man das nicht eventuell vermeiden könnte. 😉
Lg Kai
Hallo,
finde die Seite echt super, möchte nur wissen kann ich mir hier
wirklich die Sachen downloaden ohne irgendein abo dann zu haben.
mfg
elo
So eine Frage habe ich auch noch nicht gehört?! Aber ja, alle Downloads sind kostenlos und ohne Abo, die einzigen Personenbezogenen-Daten werden zum Kommentieren gefordert, nicht bei den Downloads. Daher wundert es mich das du deine Daten in den Kommentaren angibst nicht aber einfach die Daten downloadest. Ich hoffe ich konnte dir weiterhelfen…