Home > videotutorials > Website erstellen Videotutorial - Part 1

Website erstellen Videotutorial - Part 1

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. :P

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

videotutorials , ,

  1. 14. Oktober 2008, 17:25 | #1

    Hi!

    Gutes Video. Ich bin der Meinung Du hättest es mit Worten beschreiben sollen. Auch wenn es für einen selbst peinlich wirkt, sehen tut dich keiner! Aber sonst echt super, weiter so!

  2. 14. Oktober 2008, 17:27 | #2

    Hej Hadi, ich hab leider kein Headset, hab bis jetzt einfach keines benötigt. Werd mir demnächst eines holen ;)

  3. 14. Oktober 2008, 18:20 | #3

    Sehr schön! Steckt auch viel Arbeit drin. Allerdings ist es ohne Ton echt etwas schwierig dir zu folgen bei der ganzen Photoshopklickerei, ansonsten super Tutorial und ich bin gespannt wie es weiter geht.

  4. 14. Oktober 2008, 18:26 | #4

    Ich fände es auch besser, wenn du ein Headset beutzen würdest, das macht das ganze Tutorial noch besser verständlich, besonders für Anfänger. Außerdem nervt dieses Klicken irgendwann ;)

  5. 17. Oktober 2008, 00:25 | #5

    Hey, super Tutorial. Ich denke, dass das mein eingerostetes Photoshop Wissen wieder etwas aufgefrischt hat. :-)

    P.S.: das Klicken ist echt nervig. *g*

  6. Susi
    17. November 2008, 23:11 | #6

    Hey, echt net schlecht..allerdings würde mich mal interessieren, wie es weitergeht :P

  7. 20. Dezember 2008, 11:49 | #7

    Schöne Einführung und gute Video-Qualität. Die Ton-Kritik wurde ja mehrfach genannt. Durch die Erklärungen beim designen würde sich das Video auch deutlich verkürzen. Die Bildersuche hat ebenfalls sehr lange gedauert, sowas würde ich bei einem Tutorial über designen auch verkürzen. Ansonsten echt super!

  1. 16. Oktober 2008, 08:16 | #1
  2. 16. Oktober 2008, 10:53 | #2