So erstellen Sie eine Website von Grund auf neu: Sechs Dinge, über die Sie nachdenken sollten

Unabhängig davon, ob Sie eine Website für Marketing, Vertrieb oder Kundenservice verwenden, ist sie Ihr digitales Prunkstück für Ihre Kunden und Geschäftspartner. Websites haben sich in unserer digitalen Welt etabliert und sind heute eines der grundlegendsten Marketing- und Verkaufstools im Internet.


In diesem Handbuch zum Erstellen einer Website von Grund auf werden wir sechs Schritte zum Erstellen einer schönen Website ausführen. Es wird jedoch nicht einfach sein, da eine so entmutigende Aufgabe wie das Erstellen einer Website einige Programmierkenntnisse erfordert.

Solange Sie dies zumindest teilweise behandelt haben, geben wir Ihnen die Bereiche, auf die Sie bei der Gestaltung Ihrer Webseite achten sollten. Websites sind jedoch schwierig zu erstellen und wir würden sie nicht jedem empfehlen.

Bevor wir uns mit unseren Tipps befassen, sprechen wir über die Auswahl der richtigen Plattform.

Plattform auswählen

Es gibt viele Möglichkeiten, eine Website zu erstellen. Sie können Website-Builder oder Content-Management-Systeme verwenden oder selbst erstellen.

Wix (lesen Sie unseren Wix-Test), Squarespace (lesen Sie unseren Squarespace-Test) und Weebly (lesen Sie unseren Weebly-Test) gehören zu den besten Website-Erstellern und bieten eine gute Alternative zum Erstellen von Grund auf neu, insbesondere wenn Sie nicht wissen, wie man programmiert.

wix editor

Auf der anderen Seite hat die Nichtverwendung eines Website-Builders mehrere Vorteile. Vielleicht mögen Sie die Vorlagen nicht, sind mit den Ladezeiten unzufrieden oder denken, Wix und das Unternehmen sind zu teuer. In diesem Fall können Sie sich weiterhin auf Content-Management-Systeme wie WordPress verlassen. Unten finden Sie unsere drei Anleitungen zur Verwendung.

  • Anfängerhandbuch zur Verwendung von WordPress
  • Zwischenanleitung zur Verwendung von WordPress
  • Erweiterte Anleitung zur Verwendung von WordPress

Das Problem bei Content-Management-Systemen besteht jedoch darin, dass sie Schulungszeit erfordern und eine eingeschränkte Funktionalität bieten. Ganz zu schweigen von der Pluginitis, an der WordPress leidet. Ohne Plugins ist WordPress nicht nützlich. Außerdem sind Sie anderen Entwicklern ausgeliefert, da die Funktionen auf Ihrer Website bei jeder Veröffentlichung eines Updates möglicherweise nicht mehr funktionieren.

Wenn Sie jedoch keine Lust auf Pixel-Pushing haben und die Dinge selbst in die Hand nehmen möchten, ist dieser Artikel genau das Richtige für Sie. Wir zeigen Ihnen die wichtigsten Aspekte, die Sie beim Erstellen einer Website von Grund auf berücksichtigen sollten. Beginnen wir also.

Anforderungen und Entwurf

Ein guter Softwareentwickler beginnt immer mit einem Entwurf. Jeder Entwurf sollte die Anforderungen widerspiegeln, die Sie, Ihre Kunden und andere Interessengruppen haben. Um es richtig zu machen, müssen Sie Ihr Design auf Dinge wie Funktionen, Zuverlässigkeit, Anpassungsfähigkeit (da sich die Anforderungen im Laufe der Zeit ändern) und Sicherheit konzentrieren.

Am kritischsten ist die Anpassungsfähigkeit, da Sie sicherstellen müssen, dass Ihre Software so erstellt wurde, dass sie später erweitert oder geändert werden kann.

Ein Tipp ist, die Anforderungen in eine Liste zu schreiben, bevor Sie mit der Programmierung beginnen. Diese Liste und eine Strukturskizze sind Ihre Leuchttürme und helfen Ihnen, den Überblick zu behalten.

Nachdem Sie nun wissen, welche Anforderungen Sie an Ihre Website stellen, müssen Sie im nächsten Schritt technologische Entscheidungen treffen. Es gibt viele Programmiersprachen mit Tausenden von Frameworks, die Entwicklern das Leben erleichtern sollen. Wenn Sie eine Website erstellen möchten, können Sie JavaScript und PHP kaum vermeiden.

An dieser Stelle sollten Sie wissen, dass HTML und CSS keine Programmiersprachen sind, sodass Sie kein Programmierer sind, nur weil Sie sie kennen.

Sie sind Auszeichnungssprachen, die anderen Prozessen Kontext hinzufügen sollen.

Site-Struktur

Site-Struktur und Informationsarchitektur sind wichtige Aspekte einer guten Website. Überlegen Sie nun, wie Benutzer navigieren sollen und wie der Inhalt ihnen präsentiert werden soll.

Anfänger wählen häufig ein einseitiges Layout, dh eine Website ohne Unterseiten. Das Design ist besonders nützlich für einfache Websites, die nur Informationen enthalten. Für komplexere empfehlen wir ein mehrseitiges Konzept. Wenn Sie eine einfache Zielseite erstellen möchten, lesen Sie unseren Leitfaden zur Verwendung von Instapage.

Eines sollten Sie wissen: Eine komplexe Navigation mit vielen Links und Unterstrukturen führt zu höheren Anforderungen an die Suchmaschinenoptimierung.

Benutzeroberfläche / Benutzererfahrung

Nachdem die Planung abgeschlossen ist, sprechen wir über einen der wichtigsten Aspekte beim Erstellen einer Website: das Design. Es spielt keine Rolle, wie großartig Ihre Datenbank ist oder wie ausgeklügelt Ihr Server-Routing ist, der Benutzer kümmert sich nur um die Benutzeroberfläche.

Gute Benutzerfreundlichkeit umfasst viele Teile. Sie müssen Ladezeiten, Farben, Schriftarten und sogar die Benutzerpsychologie berücksichtigen und diese in einem konsistenten und gut gestalteten Konzept ausdrücken. Wenn die Ladezeiten auf Ihrer Website schlecht sind, lesen Sie unseren Artikel darüber, wie Sie die Ladezeiten Ihrer Website verbessern können.

Eine Benutzeroberfläche ist wie ein Witz. Wenn Sie es erklären müssen, ist es nicht so gut.

Ihre Website muss einfach zu bedienen sein, gut aussehen und alle Funktionen bieten, die der Benutzer wünscht, ohne überlastet zu wirken. Überlegen Sie, wie Sie sie am benutzerfreundlichsten präsentieren und immer Drahtgitter erstellen können.

Sich anpassendes Design

Stellen Sie sich vor, Sie investieren Stunden und Stunden in die Erstellung einer schönen Website. Nachdem Sie es abgeschlossen haben, möchten Sie es Ihrem Kumpel zeigen. Er öffnet es auf seinem Smartphone und sagt: “Nun, es sieht nach Mist aus.” Das kann ziemlich frustrierend sein und es kann Ihnen passieren, wenn Sie Ihre Website erstellen, ohne auf responsives Design zu achten.

Der Großteil der Internetnutzung erfolgt über mobile Geräte. Egal, ob es sich um ein Smartphone oder Tablet handelt, wir surfen lieber auf dem Handy.

Aus diesem Grund sollten Sie darüber nachdenken, wie Ihre Website auf Mobilgeräten aussieht. Auf technischer Ebene müssen Sie das Bild und die Schriftgröße abhängig von der Bildschirmauflösung skalieren, die Elementpositionierung anpassen und möglicherweise sogar das Navigationskonzept ändern. Praktisch erstellen Sie eine zweite Website.

Um zu vermeiden, dass Sie mit Adam und Eva beginnen müssen, sollten Sie reaktionsfähige Frameworks verwenden. Neben Bootstrap und Foundation gibt es Hunderte, wenn nicht Tausende von anderen. Überlegen Sie genau, welches Framework Sie verwenden möchten. Die falsche Wahl kann später viel Arbeit verursachen, wenn Sie Ihre Meinung ändern.

Es gibt viele Gründe für die Wahl von Frameworks. Sie sind wiederverwendbare Komponenten, mit denen Sie Ihrer Anwendung Funktionen hinzufügen können, ohne sie selbst erstellen zu müssen. Darüber hinaus werden sie von Fachleuten getestet und bewiesen.

Neben der Tatsache, dass Sie lernen müssen, wie man das Framework verwendet, gibt es ein weiteres Problem bei der Verwendung eines Frameworks. Möglicherweise müssen Sie das Framework selbst nicht testen, aber Sie sollten sehen, wie es sich mit dem Rest Ihres Codes verhält. Das Anwenden eines Frameworks kann schnell zu Fehlern und Fehlern führen, insbesondere wenn Sie mehrere verwenden.

Fehler und Tests

Fehler oder von uns Entwicklern als “undokumentierte Funktionen” bezeichnete Fehler sind Fehler, die auftreten, wenn die Anwendung nicht das tut, was Sie möchten. Der Grund, warum der Fehler auftritt, sind nicht unbedingt Sie oder der Code, den Sie geschrieben haben. Es gibt unzählige Gründe, warum sie passieren können. Deshalb ist viel Disziplin und Selbstkontrolle erforderlich, um sie zu beheben.

Bevor Sie jedoch einen Fehler beheben können, müssen Sie wissen, dass er vorhanden ist. In der Softwareentwicklung verwenden wir Tools, die das automatische Debuggen ermöglichen. Neben Integrationsservern wie Jenkins sollten Sie ein Framework für automatisierte Tests einrichten.

Sobald Sie einen Code geschrieben haben, sollten Sie immer auch einen Testcode schreiben, der das Verhalten der Funktion bewertet. Dadurch wird sichergestellt, dass alle Funktionen unabhängig voneinander arbeiten können.

Jedes Mal, wenn Sie Code hinzufügen, der zu Fehlern führt, werden Sie die Fehler und sogar den Code bemerken, der sie verursacht hat, wenn die zugehörigen Tests fehlschlagen. Auf diese Weise können Sie komplexere Anwendungen mit höherer Qualität erstellen.

Hosting und Sicherheit

Nachdem Sie Ihre Website entworfen und erstellt haben, möchten Sie sie irgendwann online stellen. Wenn Sie keinen Server in Ihrem Keller haben, werden Sie wahrscheinlich einen Webhost verwenden. Falls Sie es immer noch selbst hosten möchten, was Sie höchstwahrscheinlich nicht tun sollten, lesen Sie unseren Artikel zum Hosten Ihrer eigenen Website.

Hosting-Anbieter haben jedoch viel zu bieten. SiteGround (lesen Sie unseren SiteGround Review) und dergleichen sind Experten auf diesem Gebiet. Neben dem Hosting bieten sie zahlreiche Sicherheitsdienste wie SSL / TLS-Verschlüsselung, Entfernung von Malware, Firewalls und DDoS-Schutz. Wenn Ihnen das alles griechisch war, lesen Sie unseren Leitfaden zur Website-Sicherheit.

SiteGround ist eine gute Wahl, belegt jedoch in unserem Artikel über die besten Webhosting-Anbieter den zweiten Platz. HostGator ist unsere erste Wahl. Es hat nicht die höchsten Geschwindigkeiten – dafür benötigen Sie Kinsta -, aber es bietet eine Reihe von Funktionen und einen Plan für nahezu jedes Budget. Weitere Informationen finden Sie in unserem HostGator-Test.

Setup, Installation, Hosting, Lastausgleich, Backup und Disaster Recovery, Firewalls und Sicherheit sind alles Dinge, die Sie für nur 5 bis 10 US-Dollar pro Monat erhalten können.

Abschließende Gedanken

Wie Sie sehen, ist es nicht so einfach, eine Website von Grund auf neu zu erstellen. Der gesamte Prozess ist kompliziert, obwohl wir in diesem Handbuch nicht viele wichtige Teile wie browserübergreifende Kompatibilität, SEO oder Skalierbarkeit behandelt haben.

Als Laie machen Sie schnell Fehler und verschwenden viel Zeit und Geld. Wenn Sie noch keine Erfahrung mit HTML, CSS und JavaScript haben, sollten Sie einen Website-Builder oder WordPress mit einem unserer Tipps für das beste Webhosting für WordPress verwenden.

Sie bauen kein Auto selbst, wenn Sie eines möchten, sondern kaufen es bei Profis. Sie sollten dasselbe mit Websites tun. Wenn Sie jedoch einen von Grund auf neu erstellen möchten, machen Sie entweder einen Kurs über Informatik oder verwenden Sie einen Website-Builder.

Möchten Sie immer noch Ihre eigene Website von Grund auf neu erstellen? Warum möchten Sie keinen Website-Builder verwenden? Lass es uns in den Kommentaren unten wissen und danke fürs Lesen.

Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map