Wie man mit dem Webdesign anfängt

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Hier ist eine Antwort darauf, wie man mit dem Erstellen von Websites beginnt, die ich voll und ganz befürworte und die nicht vage ist. Das wird ein wenig Geld kosten, genau wie das Erlernen des Gitarrenspiels den Kauf einer Gitarre und einiger Zubehörteile erfordert. Es wird auch etwas Zeit in Anspruch nehmen und sich meistens nicht direkt um das eigentliche Programmieren drehen. Es geht darum, dich an einen Punkt zu bringen, an dem du echtes Webdesign machst und gar nicht anders kannst, als zu lernen!

Ich werde spezifische Firmennamen erwähnen, ohne sie zu verlinken, nur um klarzustellen, dass dieser Artikel kein Affiliate-Marketing-Ding ist. Googeln sollte sie schnell finden lassen.

1. Kaufe einen Domainnamen

Kaufe einen Domainnamen bei Hover. Kaufe etwas Nützliches, wie dein-name.de oder geschäftsidee.de. Oder kaufe etwas Albernes, womit du dann auch wirklich etwas machst.

2. Kaufe Webhosting

Kaufe das günstigste Hosting-Paket bei Media Temple. Sag ihnen, dass du bereits eine Domain hast. Ich finde es besser, dein Domain-Anbieter und dein Hosting-Anbieter zu trennen1.

Sobald das durch ist, erhältst du eine E-Mail zur Aktivierung des Dienstes.

3. Richte die Nameserver deiner neuen Domain auf dein neues Hosting

Der Link in dieser E-Mail zur Aktivierung des Dienstes führt dich zu Media Temples Anleitung mit allen notwendigen Informationen, um das einzurichten. Unter dem Abschnitt DNS siehst du die Nameserver von Media Temple. Wir müssen die Nameserver für unsere Domain bei Hover ändern, damit die Domain richtig auf Media Temple verweist.

Wenn wir diese Nameserver ändern, ändern wir DNS-Informationen. Immer wenn du DNS-Informationen änderst, kann es etwas dauern. Diese Informationen müssen sich zu den Routern auf der ganzen Welt verbreiten, die das Internet antreiben. So funktioniert das Internet!

Sei dir einfach bewusst, dass es ein wenig dauern kann, bis dies funktioniert (bis deine Website, die wir gleich erstellen werden, tatsächlich angezeigt wird).

4. Besorge dir FTP-Software

FTP dient zur Übertragung von Dateien. Wir werden es verwenden, um Dateien von deinem Computer auf den Webhosting-Server zu übertragen. Wir sprechen gleich über diese Dateien, aber im Moment richten wir es nur ein.

Wenn du einen Mac hast, besorge dir Coda. Coda ist ein FTP-Client, aber auch ein Code-Editor, und wenn du gerade erst anfängst, ist das sehr praktisch.

Ich kenne mich mit PC-Software nicht so gut aus, aber wenn du "FTP client for PC" googelst, findest du reichlich Ergebnisse. Ich bin sicher, es gibt einige gute.

5. FTP auf dein Webhosting

Der Media Temple-Anleitungsbereich enthält auch FTP-Informationen, d.h. einen

  1. Hostname
  2. Benutzernamen
  3. Passwort

Gib die FTP-Zugangsdaten aus der E-Mail in den FTP-Client ein (erstelle eine neue Website).

Verbinde dich mit dem Server.

6. Füge die Domain zum Hosting hinzu

Als wir das Hosting kauften, sagten wir ihnen, dass wir eine eigene Domain hätten. Lass uns das also dort einrichten. Das variiert sicherlich von Hosting-Unternehmen zu Hosting-Unternehmen. So funktionierte es bei Media Temple.

7. Finde das Web-Root-Verzeichnis über FTP auf deinem Server

Auf deinem Server gibt es immer einen bestimmten Ordner, der das "Web-Root-Verzeichnis" ist. Wenn du zum Beispiel eine index.html-Datei dort ablegst, wird diese angezeigt, wenn du zu dein-name.de gehst. Oder wenn du dort einen Ordner namens "cool" erstellst und eine index.html-Datei darin ablegst, wird diese angezeigt, wenn du zu dein-name.de/cool/ gehst.

8. SPÜRE, WIE DIE KRAFT DURCH DEINE ADERN FLIESST

Was auch immer du in dieses Web-Root-Verzeichnis legst, ist im Internet live!

Wenn du dort eine index.html-Datei ablegst, wird diese angezeigt, wenn du deine Domain in einem Webbrowser aufrufst.

9. Finde eine schöne Vorlage zum Herunterladen und lade sie auf deinen Server hoch

Lade eine Vorlage herunter. Google nach etwas wie "Kostenlose HTML-Vorlagen" oder finde eine kostenpflichtige, die dir gefällt, und kaufe sie. An Vorlagen ist nichts falsch. Irgendwann wirst du gut genug sein, um sie nicht mehr zu brauchen oder fundierte Entscheidungen darüber zu treffen, wann du eine verwenden sollst, aber fürs Erste ist es am besten, mit einer schön aussehenden Website zu beginnen, die du anpassen und zu deiner machen kannst. Ähnlich wie es mehr Spaß macht (und einfacher ist, besser zu werden), ein Instrument zu lernen, indem man ein Lied spielt, das man mag, anstatt Tonleitern zu lernen.

10. Glückwunsch

Du hast jetzt eine Website erstellt. Du hast absolut die Fähigkeit, diese Dateien zu bearbeiten und Dinge zu tun. Ohne weiteres Training bist du schlau genug, um Wörter zu finden, die du ändern möchtest, sie in HTML zu ändern und die Ergebnisse zu sehen. Du bist schlau genug, um Farbwerte in CSS zu finden und sie zu ändern, um die Ergebnisse zu sehen. Du bist schlau genug, um die Verbindungen zwischen HTML-Elementen und CSS-Selektoren herauszufinden.

So haben die allermeisten Webdesigner angefangen. Ich weiß, ich habe es getan.

Jetzt kannst du alles weitere, was du lernst, im Kontext einer tatsächlichen Website lernen, an der du arbeitest. Du kannst dir vorstellen, wie die Dinge, die du lernst, auf deine echte Website angewendet werden könnten. Und je mehr du es tust, desto besser wirst du. Willst du besser werden? Baue einfach Websites!

Alternativen

Ich wollte in diesem Artikel sehr spezifisch sein. Nichts vages. Aber das bedeutet nicht, dass dies der einzige Weg ist. Lasst uns ähnliche, aber alternative Wege in den Kommentaren diskutieren.

Aufleveln

Nachdem du dich mit diesem Prozess einigermaßen wohlfühlst, gibt es viele Möglichkeiten, dich zu verbessern. Einige davon könnten sein:

  • Installiere ein CMS wie WordPress (Videoserie), Kirby, Perch, Ghost oder ähnliches.
  • Arbeite allgemein an deinen Designfähigkeiten, indem du mehr designst.
  • Lerne etwas jQuery (Videoserie), um erweiterte Funktionalität und Interaktion hinzuzufügen.
  • Lerne etwas über ein Versionskontrollsystem wie Git.
  • Lerne, wie man ein Webdesign-Unternehmen effektiv führt.

Es gibt Millionen Wege, besser zu werden. Du wirst die meisten davon wahrscheinlich organisch entdecken.


1Wenn du zum Beispiel deine Domain bei deinem Hosting-Unternehmen kaufst und dann beschließt, das Hosting-Unternehmen zu wechseln, ist das Hosting-Unternehmen nicht motiviert, dir bei deiner Domain zu helfen.