Tutorial: Erstellen Ihrer ersten Website mit Hilfe einer Website-Vorlage - Teil 1

Dies ist der erste Artikel einer Serie von Beiträgen, die Ihnen beim Erstellen Ihrer ersten Website mit Rat und Tat zur Seite stehen sollen.

  • Wie erstelle ich mit Hilfe einer kostenlosen Website-Vorlage eine komplette Website und kann diese veröffentlichen?
  • Was ist eine Website-Vorlage, wo kann ich diese herunterladen und das Design mit einem Quellcode-Editor nach meinen Wünschen anpassen?
  • Wie veröffentliche ich Inhalte wie Texte und Bilder?
  • Wie ist es möglich, Elemente wie Menüleisten hinzuzufügen?
  • Was muss ich tun, damit die Website unter einer eigenen Domain im Internet verfügbar ist und somit von überall auf der Welt aufgerufen werden kann?

Einleitung

Sie haben sich entschieden, Ihre eigene Website zu erstellen? Wunderbar! Sie werden eine Menge Spaß haben, Überraschungen erleben und nützliche Erfahrungen machen. Allerdings werden Sie auch öfters Entscheidungen treffen müssen, ohne recht zu wissen, in welche Richtung es gehen wird. In dieser Serie möchte ich einige meiner Erlebnisse, die ich im Laufe meiner Jahre als professioneller Web-Designer gesammelt habe, mit Ihnen teilen. Mein Ziel ist es nicht, die perfekte Anleitung zur Erstellung einer Website zu schreiben, was auch unmöglich wäre, da es kein Tutorial gibt, das für jeden geeignet ist. Vielmehr möchte ich einen von vielen Wegen, die man gehen kann, erklären und hoffentlich den ein oder anderen ein wenig inspirieren. Ich würde sagen, es ist ohne Zweifel ein guter Weg, aber definitiv nicht der einzige.

Doch fangen wir von ganz vorne an...

Die erste Entscheidung: Der Ausgangspunkt

Allem voran gibt es Unmengen von Möglichkeiten, eine Website zu erstellen. Es gibt eine Vielzahl von Online-Anbietern (kostenlos oder kostenpflichtig), verschiedene Softwareprogramme (Quelltext-Editoren oder grafische Editoren), man kann einen Web-Designer engagieren (professionell oder nicht professionell), ebenso ist die Benutzung von Content-Management-Systems (Inhaltsverwaltungssysteme) mit verschieden Designs möglich oder aber man erstellt die Website mit Hilfe einer Vorlage. Websites können auf vielen verschieden Hosting-Services oder aber auf einem eigenen Server gehostet werden und durch eine sogenannte „generic service URL“ (es handelt sich hierbei zumeist um kostenlose Subdomains von Anbietern wie blog.de oder wordpress.com) oder eine eigene Domain erreicht werden. Für denjenigen, der seine erste Website erstellt, können all diese Möglichkeiten schnell erschlagend wirken. Und um es noch verwirrender zu machen unterscheiden sich diese angesichts der Qualität und Vielfältigkeit. Somit kommt es auf die individuellen Bedürfnisse und Erfahrungen des Nutzers an. Später werde ich mehr über Qualität und die Wichtigkeit dieser schreiben.

Welcher ist nun der beste all dieser Anfangspunkte? Gewöhnlich gibt es keine gute Antwort auf diese Frage. Es hängt alles von der Person ab, die diese zukünftige Seite betreiben wird, und was das Ziel der Seite ist. Wenn es ein Blog werden soll, könnte es ein guter Weg sein, eines der Blog-Netzwerke wie wordpress.com oder ein Blog-Script wie WordPress zu verwenden. Wenn Sie einen Online-Shop betreiben wollen, wäre eine e-Commerce-Service oder ein Content-Management-System für Online-Shops wohl der beste Anfangspunkt.

Wenn Sie jedoch eine reguläre Website, beispielsweise zur Selbstdarstellung oder Präsentation einer Firma, benötigen, bei der Sie die volle Kontrolle über Design und Inhalt haben wollen, könnte es eine gute Idee sein, mit einer Website-Vorlage zu beginnen. Auf diese Art und Weise können sehr schnelle erste Ergebnisse sichtbar und somit eine funktionierende Website innerhalb nur weniger Minuten erstellt werden. Außerdem können Sie viel über den jeder Website zugrundeliegenden sowie Inhalt und Struktur bestimmenden Code (HTML sowie CSS) lernen. Des Weiteren wird Ihnen alles in kleinen Schritten beigebracht. Eine Website-Vorlage erlaubt es mit dem Wichtigsten jeder Internetseite zu beginnen: dem Inhalt. Sobald der Inhalt seinen Platz eingenommen hat, können Sie tiefer in den Quelltext eintauchen und beginnen, mit Designelementen und Styles herumzuspielen.

Der Fokus dieses Tutorials: Website-Vorlagen

Auf der Website des Urhebers dieser Artikel-Serie finden Sie Website-Vorlagen und vorgefertigte Homepages, die Beispielinhalte enthalten, um zu zeigen, wie eine Website aussehen kann. Die Vorlagen können kostenlos heruntergeladen und benutzt werden. Außerdem können sie je nach Ihrem Geschmack verändert werden. Eine Website mit diesen Vorlagen zu erstellen, kostet Sie keinen Cent. Die Vorlagen sind in einer Art und Weise erstellt worden, die es einfach macht, diese zu bearbeiten und von diesen zu lernen. Einige Vorlagen sind komplizierter als andere, beispielsweise kann zwischen unterschiedlichen Layouts und Farbschemen ausgewählt werden. In diesen Beiträgen werde ich jedoch lediglich die einfachsten Vorlagen benutzen, um Ihnen einen einfachen Start zu geben.

Bei seinen kostenlosen Vorlagen legt Andreas Viklund Wert darauf, eine hohe Qualität zu sichern und sie für sämtliche Browser voll funktionsfähig zu gestalten. Dies ist wichtig, damit Ihre Website für jeden Besucher, unabhängig wie er auf diese zugreift, darstellbar ist. Eine Homepage, die für jedermann zugänglich und in sauber geschriebenem Quelltext, der modernen Web-Standards nachkommt, erstellt worden ist, ist außerdem leichter mit Hilfe von Suchmaschinen zu finden. Dies ist einer der gebräuchlichsten Wege eine Website zu einem bestimmten Thema zu finden und ein wichtiger Faktor, wenn sie eine Business-Website erstellen und von potentiellen Kunden gefunden werden möchten. In den kommenden Posts werde ich erklären, wie Sie sichergehen, dass Sie bestehenden Standards folgen und wie Sie Fehler in Ihrem hinzugefügten Code finden und beheben können. Bis dahin fehlen jedoch noch einige Schritte...

So geht es im nächsten Post weiter: Wahl der Vorlage, Download der Vorlage, Wahl des passenden Editors