Vor einiger Zeit veröffentlichte ich den ersten Part zu dem mehrteiligen Tutorial, in welchem ich erklären wollte wie man eine Website in Photoshop gestaltet und diese anschließend mit XHTML&CSS umsetzt.

Doch dann dachte ich mir, wieso eigentlich kein Videotutorial daraus machen? CREATESOMFING soll durch die Videos bekannt sein, und nicht durch langweilige Text Tutorials. Also habe ich mich hingesetzt und den ersten Teil zu dieser Tutorial Serie “gedreht”.

Im ersten Part zeige euch, wie ihr eure Arbeitsfläche vorbereitet, wie ihr ein passendes Stock findet und wie ihr den Header erstellt. Die Qualität ist dieses mal deutlich besser als bei den vorherigen Videotutorials, außerdem hoste ich das Video nicht auf einem Videoportal ala. YouTube.

Der erste Teil ist ungefähr 30 Minuten lang, also deutlich länger als die anderen Videotutorials.

Verwendete Programme

In diesem Videotutorial werde ich Photoshop und Dreamweaver von der Firma Adobe verwenden. Das Tutorial sollte sich aber auch recht einfach mit kostenlosen Varianten, wie zum Beispiel GIMP (Photoshop Alternative) oder NVU (Dreamweaver Alternative) nachmachen lassen.

Ergebnis des Tutorials

Das Ergebnis des Tutorials werde ich ebenfalls kostenlos zum Download anbieten. Ihr dürft mit dem Ergebnis machen was ihr wollt. Weiterverkaufen, verändern oder einfach nur benützen. Mir ist es eigentlich recht egal.

Wozu dieses Tutorial?

Im Internet gibt es genug Text Tutorials, aber ich bin der Meinung dass man durch ein Videotutorial einfacher lernt. Es gibt zwar bereits Videotutorials, die sind aber meistens recht teuer.

Wieso mache ich dass ganze?

Aus zwei Gründen. Ich möchte Einsteigern helfen. Als ich angefangen habe mich mit Webdesign zu beschäftigen bekam ich ebenfalls sehr viel Hilfe und ich möchte einfach etwas zurückgeben. Außerdem möchte ich meinen Blog durch diese Tutorial Serie ein wenig bekannter machen.

Falls euch das Tutorial also weitergeholfen hat, dürft ihr es gerne in eurem Blog erwähnen oder verlinken.

Um zum Videotutorial zu kommen, einfach auf die Grafik oben klicken.

Auf CREATESOMFING gibt es neben der SEO-Reihe nun eine neue Artikelserie. Ich werde euch Schritt für Schritt zeigen, wie ihr eine Website erstellt. Das Tutorial werde ich jedoch als Text Tutorial machen, weil es einfach verständlicher ist und weil ich denke, dass es als Text Tutorial einfach besser rübergebracht wird.

Im ersten Teil zeige ich euch wie ihr die Arbeitsfläche vorbereitet, und die Struktur der Website plant. Ich werde die Tutorials versuchen möglichst kurz zu halten, und alles so ausführlich wie möglich zu erklären. Hier geht es nicht nur um die Website, sondern um Grundlegende Dinge die Photoshop zu bieten hat.

Schritt 1 – Die Planung

Die Planung einer Website ist das A und O. Es ist natürlich erlaubt sich von anderen Seiten inspirieren zu lassen, man sollte es jedoch nicht übertreiben sonst wird man sehr schnell als Ripper bezeichnet.

(weiterlesen…)