Einige von euch würden es sicherlich auch gerne können, Webseiten selbst zu erstellen. Manchmal kann oder möchte man einfach kein Geld für eine Webseite von einem Profi bezahlen oder man ist einfach wirklich selbst daran interessiert, wie so etwas eigentlich geht. Ich möchte hier deswegen jetzt einige Anlaufstellen nennen, die mir persönlich auch immer sehr weitergeholfen haben, um das Programmieren und Designen von Webseiten zu erlernen bzw. diese Fähigkeiten auszubauen. Alle Webseiten, die ich hier empfehle, habe ich auch selbst benutzt, um mich “fortzubilden”.

Dabei solltet ihr aber nicht vergessen, dass es einen enormer Zeit- und Arbeitsaufwand darstellt, die Erstellung von Webseiten wirklich so gut zu beherrschen, wie ein Profi. Dies soll also keine Aufforderung sein, nur um ein paar Euro zu sparen, sich voll und ganz auf das Webdesign zu fokussieren – es wird sowieso nichts bringen. Man muss dies einfach einmal klar herausstellen: Wie in jedem Beruf zeichnen einen echten Profi Erfahrung, Flexibilität, Sicherheit im Umgang mit seinem “Handwerk” und noch vieles mehr aus. Auch ich könnte mich jetzt ranmachen, Musiker zu werden – mehr als ein Hobby wird es nur in den seltensten Fällen.

Und noch etwas möchte ich erwähnen: Diese Zusammenfassung ist – wie bereits erwähnt – eine Sammlung meiner von mir persönlich am besten eingestuften Anlaufstellen. Wenn also etwas fehlt kann es sein, dass ich eine Seite nicht für gut genug erachtet habe, dass sie in dieser Zusammenfassung erscheint (welche ja schließlich auch halbwegs übersichtlich sein soll ;-) ) oder aber eine Seite nicht kenne bzw. sie nicht in dem erwähnten Zusammenhang genutzt habe. Doch nun genug der Vorrede!

Foren – die besten Anlaufstellen überhaupt

Es gibt keinen besseren Ort anzufangen, als in Foren. Es wird immer individuelle, meist freundliche und kompetente Hilfe angeboten. Man fühlt sich beim lernen, tun, machen auch nie allein. Man kann sich die Werke anderer Neulinge so wie auch Profis ansehen und mit seinen eigenen vergleichen, von ihnen lernen. Man kann seine eigenen Werke präsentieren und bewerten, kritisieren lassen. Wo sich so viele Menschen wie in Foren, gibt es immer gute Ideen, Ideenanstöße und Inspirationen. Für mich sind Foren wirklich das allerwichtigste Puzzleteil. Egal wie gut man ist, wenn jeder etwas zur Gemeinschaft beiträgt, werden Probleme unglaublich schnell und kreativ gelöst.

der-Webdesigner

Hier hat bei mir alles angefangen. Es gibt wohl kaum eine Webdesignercommunity im gesamten deutschsprachigen Raum, welche so kompetent und freundlich bei den eigenen Problemen hilft. Der Fokus ist nicht spezifisch festgelegt, von Suchmaschinenoptimierung über Javascript und HTML bis hin zur 2D-, 3D-Bildbearbeitung und Fotografie wird alles behandelt. Es gibt weiterhin eine riesige und vor allem unglaublich qualitative Tutirialabteilung (die ich auch noch einmal empfehlen werde ;-) ) und es werden Wettkämpfe in einzelnen Kategorien durchgeführt, bei welchen ihr sogar Preise gewinnen könnt. So macht das lernen einfach nur Spaß!

Traumprojekt

Diese Community überzeugt mit ihrer schier unglaublichen Zahl an Usern und ihrer Aktivität. Mir ist kaum ein Forum bekannt, in welchem sich mehr als 45.000 User tummeln. Das Prinzip “Wenn da so viele sind, muss auch was dran sein” ist völlig zutreffend. Es gibt viele (leider nicht immer qualitativ hochwertige) Tutorials, Hilfe im Forum wird meist freundlich und unglaublich schnell geliefert. Natürlich finden sich unter so vielen Usern auch einige schwarze Schafe (man muss bedenken, dass dies meine subjektive Meinung ist), aber das schadet dem Gesamteindruck kaum. Behandelt wird wieder einmal eigentlich alles. Manch einer, der schon ein fortgeschrittener Webdesigner ist, wird das Design der Seite möglicherweise für nicht allzu zeitgemäß befinden und aufgrund dessen wieder verlassen. Ich kann nur sagen, lasst euch nicht von dem Erscheinungsbild täuschen!

fxencore

fxencore gehört eindeutig zu meinen Lieblingen. Obwohl das Design schon etwas älter ist, halte ich es immernoch für eines der gelungensten Communitydesigns überhaupt.  Leider leidet die Seite ein wenig unter etlichen technischen Ungereimtheiten (kleinere Bugs sind öfters zu finden) so wie an zurückgehender Useraktivität.  Der Fokus liegt wieder einmal auf dem Design und Grafik, obwohl auch Programmiersprachen wie CSS, HTML, JavaScript etc. berücksichtigt werden, leider allerdings etwas mau. Dafür gibt es ein tolles Bewertungs- und Profilsystem, allerdings hapert es wieder geringfügig an der Umsetzung. Dies liegt aber auch mit Sicherheit zum großen Teil an den registrierten Usern, welche ganz offensichtlich viele gute Werke absichtlich runterwerten. Vorbeischauen lohnt sich aber auf jeden Fall!

html.de

Hier haben wir nun ein etwas Programmiersprachenlastigeres Forum, wo Designs eigentlich bis auf eine “Showcase”-Kategorie kaum angesprochen werden. Die Community habe ich freundlich und kompetent in Erinnerung (wie eigentlich fast überall ;-) ), allerdings ist diese Seite auch nicht für allzuviel mehr als ein Forum zu gebrauchen. Aber darum soll es hier ja eigentlich auch nur gehen, von daher gibt es hier für Menschen, die das Programmieren erlernen möchten, eine klare Empfehlung!

Tutorials – wo man Schritt für Schritt von Profis lernen kann

Auch Tutorials haben mich sehr weit gebracht. Man kann nicht von 0 auf 100 etwas eigenständiges entwickeln, erst recht, wenn es ums Programmieren geht (wobei man natürlich auch als reinrassiger Designer erst einmal lernen muss, wie jener und dieser Effekt in Photoshop erstellt werden kann). Es ist also keine Scham, quasi stupide einen vorgefertigten Ablauf durchzugehen und nachzuvollziehen, sondern vielmehr eine Notwendigkeit, ohne welche keiner weit kommen wird. Irgendwie muss man anfangen, und das macht man nunmal am besten mit Tutorials. Wenn man dann genügend gelesen und nachempfunden hat, kann man eigene Wege bestreiten, die in den Tutorials vorgeschlagenen Lösungen verbessern und mehrere Funktionen miteinander verbinden.

SELFHTML

Hieran führt absolut kein Weg vorbei. Als Webdesigner dürft ihr nicht nur Designs mit Photoshop erstellen können, ihr müsst diese dann zu allermindest auch in statisches HTML “übersetzen” können. Deshalb ist SELFHTML die erste Anlaufstelle, die ihr aufsuchen solltet, sobald ihr einen Code-Editor geöffnet habt und nicht wisst, was ihr eingeben müsst. Ich behaupte jetzt einfach mal, ohne geht nicht! Zu allermindest müsst ihr den HTML-Teil abarbeiten! Ach ja, und lasst euch bloß nicht von dem “Design”, sofern man es so bezeichnen kann, abschrecken (oder aber vom letzten Bearbeitungsdatum ;-) ). Hier zählt nur Inhalt, Inhalt und nochmal Inhalt!

Quakenet PHP Tutorial

Wenn ihr später tatsächlich vorhabt, dynamische Seiten zu betreiben, sei es nun mit einem CMS wie WordPress oder Joomla, so empfiehlt es sich stark, für kleinere Anpassungen zumindest Grundlagen von PHP zu beherrschen – dann solltet ihr zumindest einmal reinschnuppern. Oder vielleicht sind die vorhandenen CMS euch ja zu aufgeblasen und zu unflexibel und ihr wollt etwas eigenes programmieren – dann ist dieses Tutorial absolut unumgänglich. Das Tutorial führt an Beispielen einer Galerie, eines Newsscripts, Adminbereichs und noch einiges mehr vor Augen, wie man gut und sinnvoll programmiert. Und natürlich wird auch erklärt, wie man mit Datenbanken umgeht (bzw. der Datenbank, nämlich MySQL), was im praktischen Einsatz absolut notwendig ist.

tutorials.de

Diese Community hat noch einmal dreimal mehr Mitglieder als das ohnehin schon riesige Traumprojekt. Es gibt auch ein großes Forum, aber ich habe mich dort niemals angemeldet, weil mir die Seite einfach unsympathisch war und immernoch ist. An der Tutorialabteilung kommt man allerdings kaum vorbei. Dort sind unglaublich viele Tutorials zu den verschiedensten Themen zu finden, leider sind auch öfters einige recht – minderwertig… Nichtsdestotrotz, schon allein die PHP-Tutorials bieten eigentlich alles, wonach man als Anfänger so strebt. Klare Empfehlung, da auch kostenlos und ohne Registrierung alles einzusehen ist (wenngleich auch alles mit Werbung zugepflastert ist…)

Webdesign Tutorial

Diese Seite ist noch sehr jung. Sie ist vermutlich die einzige, in welche ich (bisher) noch nicht näher reingeschaut habe (was nicht bedeutet, dass ich sie nicht doch überflogen habe). Sie ist aber jetzt schon eine der dringendsten Empfehlungen, die ich bieten kann. Hier hat man den ganzen Lernprozess fürs Webdesign an einem Ort, maximal gebündelt, supder strukturiert und inhaltlich zweifellos top. Letzteres behaupte ich einfach mal so, weil dort Manuel, der Betreiber und Gründer des-Webdesigners so wie der-Webdesigner selbst hintersteht. Und das bedeutet Qualität pur. Ohne Kompromisse. Punkt!

Nettuts+

Für die Englischsprachigen unter euch: eine ausgezeichnete Seite aus den USA, welche wirklich super Tutorials liefert. Leider wünscht man sich etwas mehr bzw. man braucht gerade ein Tutorial oder Material, welches nur Premium-Mitgliedern zugänglich ist. Und die Mitgliedschaft kostet 9$ im Monat (oder 78$ ima Jahr). Das ist zwar nicht viel, (dem aktuellen Wechselkurs nach ungefähr 6,65€ monatlich oder 57,6€ jährlich), aber wollen wir mal ehrlich sein: Die wenigsten von euch möchten dafür Geld ausgeben. Wenn ihr nun aber doch am Überlegen seid, ob ihr euch so eine Mitgliedschaft kaufen solltet kann ich euch nur sagen: Es lohnt sich. Aber ich sage euch auch: Wenn ihr noch nicht allzusehr fortgeschritten seid bzw. einigermaßen genügsam seid, sollten auch die frei verfügbaren Tutorials allemal reichen!

Gute Tutorialarchive in Foren

Ohne noch einmal die bereits erwähnten Foren zu erwähnen möchte ich nur kurz auf die sonst noch sehr hochwertigen Tutorialarchive selbiger hinweisen. Dies soll aber nicht heißen, dass die Tutorials aus den folgenden Foren schlechter sind als die bereits erwähnten Quellen.

• der-Webdesigner bietet ein strukturiertes, riesiges Archiv mit Tutorials zu beinahe jedem Thema, unterteilt in verschiedene Schwierigkeitsgrade. Reinschauen ist Pflicht!
• fxencore hat eine ausgeprägte und tolle Sammlung von Tutorials, besonders die Photoshop-Tutorials stechen dabei unglaublich positiv hervor.

hochwertige Inspirationsquellen

Inspiration ist wichtig. Solange sie nicht in das wilde eins-zu-eins-Kopieren umschlägt. Ihr solltet nach wie vor euren eigenen Kopf behalten und euer eigenes Ding durchziehen. Manchmal kann es aber dennoch nicht schaden, einzelne Elemente ganz zu kopieren – wenns halt passt. So ganz neu muss man denn das Rad auch nicht erfinden. Ich widerspreche mir hier jetzt selbst teilweise, dieses Thema ist auch sehr grenzwertig. In meinen Augen ist es in Ordnung einzelne Elemente auch mal “eins-zu-eins” zu übernehmen, solange man dabei nicht gegen die Wiedererkennbarkeit der Inspirationsquelle verstößt und man selbst immer noch etwas Einzigartiges erschafft.

Deviantart

Die wichtigste, größte und vermutlich auch bekannteste Inspirationsquelle in allen Designfragen. Alles, was Digital irgendwie zu Papier gebracht werden kann, gibt es hier zum Anschauen und manchmal auch zum Anfassen ;-) Besonders interessant ist natürlich die Kategorie Designs & Interfaces -> Web Interfaces. Dort gibt es wirklich eine Umenge an Inspirationsmöglichkeiten, ich denke, jede weitere Erläuterung ist hier auch überflüssig!

Smashingmagazine

Auch an Smashingmagazine führt kein Weg vorbei. Dieses unglaublich hochwertige Designblog inspiriert mich mit seinen Artikeln immer wieder aufs neue. Natürlich eignet sich der Blog nicht nur als Inspirationsquelle, sondern schreibt auch sonst über allerlei Interessantes und Wissenswertes aus der Designerszene.

MakeBetterWebsites

Auch Showcase-Galerien müssen sein. Hier sind wirklich einige tolle Vorzeigewebseiten gelistet. Im Übrigen ist auch das Design der Galerie selbst sehr gelungen – kein Wunder, stammt es doch von David Hellmann, einem bekannten deutschen Webdesigner. Schade nur, dass die Seite selbst dann noch Englisch sein muss. Naja, vermutlich würde “MachBessereWebseiten” etwas blöder klingen, und wenn der Name schon englisch ist, dann wohl auch der Rest ;-)

Designnation

Als Inspirationsquelle eher unumgänglich – die riesige und fantastische Artwork-Galerie dieser Community ist absolut anregend und inspirierend! Wer im Internet surft, kann dem Einfluss dieser Community nicht entfliehen – egal ob man (angehender) Webdesigner ist oder nicht. Überall tauchen Bilder aus den Artworks dieser Community auf. Bei alltäglichen Bildersuchen bei Google mit “Audi R8” wird man sofort mit diesem Bild hier konfrontiert. Und das ist nur eines der vielen Beispiele. Das Forum, die Community allerdings hat ihren Höhepunkt meiner Meinung nach bereits gehabt. Früher war designnation wirklich unumgänglich, jetzt geht es eher nur noch bergab. Außer ein paar kümmerlichen Tutorials, einigen Hochstaplern und einem nicht allzu hilfreichen Forum bleibt als einziges Glanzstück des ganzen eigentlich nur noch die Artwork-Galerie. Ich habe mich seit einiger Zeit dort nicht mehr eingeloggt, aber ich meine, dass immernoch eine bezahlte Premium-Mitgliedschaft angeboten wird. Als normaler User wird man mit Werbung inzwischen nur noch zugemüllt und selbst die Betreiber der Community selbst haben beim letzten Redesign den seit längerem kursierenden Spruch “Weniger ist mehr.” scheinbar allzu wörtlich genommen. Der Fokus liegt natürlich beim Designen, weniger beim Programmieren…

Alte Bekannte

Auch hier treffen wir wieder ein paar Seiten erneut, die bereits vorgestellt wurden:

• art.fxencore: Die Galerie der Community bietet einige interessante Ansätze.
• der-Webdesigner: Die Artworks sind in übersichtliche Kategorien gegliedert. Allerdings sind hier leider auch nur Artworks zu finden. Wer also Inspiration für Webdesigns sucht, ist hier falsch. Möglicherweise findet man hier aber etwas, was eine super Idee für einen tollen Header liefert ;-)

Sonstige Anlaufstellen

Der Weg zum Webdesigner und Programmierer ist hart und beschwerlich. Man braucht Hilfe an vielen Stellen. Deswegen ist eines der wichtigsten Instrumente nach wie vor Google. Ihr werdet in betimmten Fällen immer gezwungen sein, etwas suchen zu müssen, was euch selbst diese Linksammlung nicht bieten kann.

Aber seien wir ehrlich, es gibt noch ein paar Geheimtipps, die nicht zu verachten sind ;-) Obwohl nicht mit einem Bildchen illustriert, sollte man auch die letzten Anlaufstellen auf gar keinen Fall ignorieren:

IRC

IRC ist eine Art Chat-Protokoll, nach welchem man auf eine ganz besondere Art mit anderen Menschen kommunizieren kann. Man betritt sozusagen einen “Raum” (Channel), in welchem sich viele andere Leute tummeln, die meistens Ahnung von dem Thema haben. So kann ich nur auf dem IRC-Server quakenet (Link zur zugehörigen Webseite) die Channel #css.de, #php.de, #html.de und #javascript.de für die entsprechend gleichnamigen, zugehörigen Themenbereiche empfehlen.

Allerdings muss ich vorwarnen: Es kann sehr gut sein, dass ihr gar keine Antwort, eine sarkastisch gemeinte, ziemlich nicht hilfreiche Antwort kriegt oder bei zu spamigen Verhalten gleich gekickt werdet. Ich möchte das IRC bzw. genannte Channel hier nicht schlecht reden, aber der Umgang mit Hilfesuchenden ist nicht unbedingt immer der Beste. Stellt euch vor, zu euch kommt ein 10-jähriger und fragt nach der Lösung für 2+2. Ungefähr so kann man sich das vorstellen ;-) Wenn ihr aber Hilfe kriegt (was ja eigentlich auch der Normalfall ist), dann zeitnah und absolut kompetent. Nur selber nachdenken sollte man können, sonst ist man falsch

Bücher

Bücher sind eine sinnvolle und vergleichsweise günstige Investition. Denn abgedruckte Bücher sind im Regelfall hochgradig qualitativ. Und notfalls kan man ja auch noch einmal bei den Bewertungen und Rezensionen schauen ;-) Einfach mal bei Amazon stöbern!

Schlusswort

Das Internet ist absolut riesig. Es gibt beinahe unendlich Seiten, die Hilfestellungen in allen Lebenslagen bieten. Um sich den Wunsch einer Seite zu erfüllen muss man daher nicht unbedingt tief in die Tasche greifen, um eine teure Seite vom Profi erstellen zu lassen – erst recht, wenn die Seite privat sein soll. Wenn euch das Thema aber interessiert, seid ihr herzlich dazu eingeladen, den Feed zu abonnieren so wie euch mit Kommentaren auszutauschen oder eigene Vorschläge für inspirierende Seiten zu bringen.

Seht euch auch mal daswebdesignblog von Lennart Prange an, der dort seine Gedanken und viele Ideen, Anregungen zum Thema Webdesign veröffentlicht. Meiner Meinung nach nicht unbedingt ein Ort, um das “Webdesignen” zu erlernen, aber definitiv eine unglaublich gute Seite, die sich mit Thema generell beschäftigt!