Welcome to Our Website

So erstellen Sie eine Website von Grund auf neu: Der Anfänger's Guide

Wenn Sie keine Website haben, existieren Sie nicht. Das ist der Stand der Dinge in der heutigen Welt durch das Internet regiert. Wie soll ein Kunde Sie finden, wenn Sie keine Website haben?

Die Einstellung eines Webentwicklers zum Erstellen einer Website für Sie kann sehr teuer werden. Lernen, es für sich selbst zu tun vielleicht eine bessere Idee. In diesem Tutorial erfahren Sie, wie Sie eine Website von Grund auf neu erstellen.,

Methoden zum Erstellen von Websites

Wenn Sie nicht wissen, wie Sie eine Website erstellen sollen, sieht das gesamte Thema möglicherweise beeindruckend aus. Hosting, Domain-Namen, Codierung… Es kann alles sehr verwirrend sein.

Neuester Udacity-Gutschein gefunden:

Verified Staff Pick

ERHALTEN Sie 50% RABATT

Udacity Neujahrsverkauf

Beginnen Sie Ihr neues Jahr mit neuen Fähigkeiten-beeilen Sie sich & Wählen Sie Ihren Traum Udacity-Kurs mit einem riesigen Rabatt von 50%! Dieser Udacity Neujahrsverkauf ist für eine begrenzte Zeit aktiv.,

Ablaufdatum: 11.02.2021
2.948 verwendete Personen
Nur 37 links

Bewertung

5.0

Aber.

Die Befriedigung, etwas zu schaffen, wo es vorher nichts gab, ist wie nichts anderes auf der Welt. Die Dinge, die Sie lernen werden, während Sie herausfinden, wie Sie eine Website von Grund auf neu starten, werden Ihnen Ihr ganzes Leben lang gut dienen.,

Wer weiß, vielleicht lieben Sie den Aufbau von Websites so sehr, dass Sie sich entscheiden, Karriere zu ändern. Haben Sie gehört, dass es einen kritischen Mangel an Webentwicklern auf der Welt gibt?

So erstellen Sie eine Website von Grund auf neu

In diesem Abschnitt erfahren Sie alles, was Sie wissen müssen, um eine Website von Grund auf neu zu erstellen. Es gibt fünf Dinge zu lernen:

  • So kaufen Sie eine Domain
  • So kaufen Sie Hosting
  • So schreiben Sie in HTML
  • So gestalten Sie CSS
  • So arbeiten Sie in JavaScript

Definieren Sie zunächst, was eine einfache Website ist., Für die Zwecke dieses Tutorials handelt es sich um eine kleine Website, die für Ihre Aktivitäten wirbt und Kontaktdaten zukünftiger Kunden bereitstellt. Es soll drei Fragen beantworten:

  • Wer bist du?
  • Was machen Sie?
  • Wie kontaktiere ich Sie?

Ein bis drei Seiten reichen aus, um dem Besucher all diese Informationen zu geben. Mit HTML und CSS können Sie die Website nicht nur mit einfachen Funktionen versehen, sondern auch gut aussehen lassen.,

Wenn Sie wissen möchten, wie Sie eine Website von Grund auf neu erstellen, die Funktionen wie die Bereitstellung einer Art E-Commerce-Funktionalität oder das Hosten eines Blogs bietet, müssen Sie mehr über die Webentwicklung erfahren, einschließlich einer Back-End-Programmiersprache. „Warte, was ist ein backend?“sie können uns jetzt fragen.

Die Antwort ist falsch-kompliziert, was bedeutet, dass sie kompliziert aussieht, aber tatsächlich einfach ist. Wenn Sie es auf Ihrem Monitor sehen können, ist es das Frontend. Wenn Sie nicht können, ist es das Backend. Schaltflächen, Bilder, Text – das ist das Frontend., Die Art und Weise, wie Ihre Website eine Bestellung einer speziellen Lego Darth Vader-Uhr verarbeitet? Das ist das Backend.

Um das Backend Ihrer Website zu codieren, müssen Sie eine zusätzliche Programmiersprache wie JavaScript lernen. Wir empfehlen nicht, es selbst zu versuchen. Wenn Geld direkt involviert ist, wie es bei einem Online-Shop der Fall ist, ist es am besten, dass sich ein erfahrener Fachmann um Sie kümmert.

Eine einfache Website ist jedoch eine andere Sache. Sie können das selbst tun.

Lassen Sie uns tiefer eintauchen, wie Sie eine Website von Grund auf neu erstellen.

Wie kann ich Eine Domain Kaufen?,

Bevor wir Ihnen sagen, wie zu kaufen eine domain, es könnte eine gute Idee für Sie, zu lernen, was eine domain ist.

Genau wie Sie eine Adresse in der realen Welt haben, muss Ihre Website auch eine Adresse im Internet haben. Die Domain ist Ihre Adresse www.bitdegree.org ist unser.

Okay, wie registrierst du eine Domain? Zuerst müssen Sie an einige Möglichkeiten denken, die darstellen würden, wer Sie sind und was Sie tun. Wenn Sie eine persönliche Website erstellen, um für sich selbst zu werben, sollten Sie dies in Betracht ziehen namesurname.com.

Wenn Ihr Name schwierig ist, müssen Sie möglicherweise kreativ werden., Denken Sie daran, dass eine .com-Website-Adresse in vielen Branchen als die angesehenste gilt. Versuchen Sie, eine zu bekommen, wann immer möglich.

Vergiss nicht, dass der Name mit dem zusammenhängen sollte, was du tust und wer du bist.

Wenn Sie sich für einige Domainnamenoptionen entscheiden, müssen Sie mithilfe einer Domain Availability Checker überprüfen, welche verfügbar sind. Sobald Sie sich für den gewünschten Namen entschieden haben, müssen Sie die Rechte an der gewünschten Domain kaufen.

Es ist der allererste Schritt, um eine Website von Grund auf neu zu erstellen., Normalerweise können Sie mit Ihrem ausgewählten Hosting-Anbieter die Domain im Rahmen des Hosting-Einrichtungsprozesses kaufen.

Wie finde ich Hosting?

Es gibt Hunderte von Webhosting-Anbietern, die Dienste auf der ganzen Welt anbieten. Die Wahl eines könnte eine schwierige Entscheidung sein., Hier ist eine Liste der beliebtesten, über die Sie nachdenken, recherchieren und entscheiden können:

  • Hostinger
  • BlueHost
  • SiteGround
  • HostGator
  • iPage
  • A2Hosting
  • MDDHosting
  • GoDaddy
  • InMotion
  • FastComet

Egal für welche Website Sie sich entscheiden, es sollte viele Anleitungen zum Starten einer Website von Grund auf mit ihrer Plattform geben. Wenn nicht, vermeiden Sie es.

Sobald Sie eine Hosting-Lösung und den Domainnamen gepflegt haben, ist es Zeit, mit der Entwicklung Ihrer Website zu beginnen.

Was ist HTML?,

HTML (oder HyperText Markup Language) ist keine Programmiersprache, obwohl viele Leute zu denken scheinen. HTML ist dafür verantwortlich, dass die Elemente Ihrer Website funktionieren. Es ist wie das Gerüst, auf dem Sie die Website erstellen, und ein wesentliches Werkzeug, das Sie auf Ihrem Weg zum Erlernen der Erstellung einer Website von Grund auf beherrschen müssen.

HTML teilt Ihrer Website mit, welcher Text auf der Seite sein soll, wo Bilder sein sollten, wo Links, falls vorhanden, den Benutzer umleiten sollten.

Um zu sehen, wie HTML auf einer Website aussieht, sagen wir bitdegree.,öffnen Sie anschließend die Website im Google Chrome-Webbrowser, klicken Sie mit der rechten Maustaste auf eine beliebige Stelle auf der Seite und klicken Sie auf Seitenquelle anzeigen.

Wenn ganz oben steht, sehen Sie sich den HTML-Code für bitdegree.org. BDG ist jedoch eine komplizierte Website. Es verwendet Dinge wie JavaScript, damit es auch funktioniert.

Lassen Sie sich nicht entmutigen, Ihre Website ist viel einfacher als BitDegree, Sie benötigen keine über 3000 Codezeilen, damit sie so funktioniert, wie Sie es möchten.

Okay, Sie haben eine Vorstellung davon, was HTML ist, es ist jetzt Zeit zu lernen, wie man eine Website mit HTML von Grund auf neu erstellt.,

Es gibt Hunderte von HTML-Kursen, Anleitungen und Tutorials im Internet. Wir haben auch ein Tutorial geschrieben, wie man HTML schnell auf BitDegree lernt. In diesem Tutorial erfahren Sie alles, was Sie wissen müssen, um schnell mit HTML zu beginnen und es aufzunehmen.

Außerdem bietet Udacity einen großartigen HTML-und CSS-Kurs an, der Ihnen beim Erlernen der Verwendung von CSS neben HTML helfen soll.

Was ist CSS?

Sie können nicht einfach schreiben „so Erstellen Sie eine Website von Grund auf neu“ Führer“, ohne zu erwähnen, CSS., Während wir abgedeckt haben, dass HTML für Ihren Inhalt verantwortlich ist, der auf der Website erscheint, ist CSS da, um es zu stylen.

Sicher, einige mögen denken, dass es jetzt wichtig für eine Website ist, aber denken Sie darüber nach, würden Sie wirklich denken, dass eine Website mit einfachem Text einen Besuch wert ist? Ich glaube nicht.

CSS hilft Ihrer Website attraktiv erscheinen. Obwohl es bei der Interaktivität möglicherweise nicht hilft (mehr dazu später im JavaScript-Bereich), erhöht es sicherlich die Qualität Ihrer Website.

Wenn Sie eine Website entwickeln möchten, müssen Sie CSS lernen., Meistens wird das Erlernen von CSS neben dem Erlernen von HTML angeboten. Um sie beide zu lernen, würde ich vorschlagen, zu Udacity zu gehen und ihren HTML-und CSS-Kurs zu überprüfen.

Was ist JavaScript?

Wo HTML und CSS Sprachen sind, die Ihrem Browser nur mitteilen, wie eine Seite generiert wird, ist JavaScript eine echte Programmiersprache. Es ist wichtig für jeden Front-End-Entwickler, es zu wissen.

Warum würden Sie JavaScript benötigen? Angenommen, Sie erstellen eine persönliche Website. Es hat drei Abschnitte, HAUS, GRAFIK – DESIGN-PORTFOLIO, und kontaktieren Sie MICH., Sie können Links einfügen, die den Benutzer mit HTML zu den verschiedenen Abschnitten oben führen, und diesen Link dann so gestalten, dass er wie eine druckbare Schaltfläche mit CSS aussieht.

Für eine einfache Website ist es in Ordnung. Aber was ist, wenn Sie schicker damit werden und einige Animationen hinzufügen möchten? Mit einfachem JavaScript können Sie einige ziemlich cool aussehende Sachen machen.

Wenn Sie ernsthaft wissen möchten, wie Sie eine Website von Grund auf neu erstellen, müssen Sie alle drei kennen: HTML für Gerüste, CSS für Styling und JavaScript für Funktionalität.,

Website-Erstellungssoftware

Okay, sagen wir, Sie lernen, was Sie tun müssen, um Ihre Traumwebsite mit HTML, CSS und JavaScript zu erstellen. Sie wissen, wie Sie die gewünschten Elemente definieren, wie sie aussehen und was sie tun.

Dadurch erscheint Ihre Website nicht magisch aus dem Nichts. Sie müssen den code schreiben .HTML, .css-und .js-Dateien und laden Sie sie über den Hosting-Anbieter auf Ihre Website hoch.

Aber welche Tools benötigen Sie, um sie tatsächlich zu erstellen, wenn Sie wissen, wie Sie eine Website von Grund auf neu starten können?,

IDEs

IDEs oder integrierte Entwicklungsumgebungen sind spezialisierte Software, die alles enthält, was Sie zum Erstellen einer Website oder einer eigenständigen Anwendung benötigen.

Während die besten IDEs wie WebStorm, Visual Studio Code oder Adobe Dreamweaver Hunderte von großartig klingenden Funktionen haben,einschließlich einer Live-Vorschau Ihrer Website, ist die Wahrheit, dass Sie sie wahrscheinlich nicht für Ihr Projekt benötigen.

Wenn Sie nicht wirklich lernen möchten, wie Sie eine Website im großen Stil von Grund auf neu erstellen, ist der Kauf einer IDE für die Webentwicklung ein völliger Overkill., Stattdessen sollten Sie einen erweiterten Texteditor erhalten.

Erweiterte Texteditoren

Ein spezialisierter kostenloser (Open Source) Texteditor ist alles, was Sie brauchen, um eine Website von Grund auf neu zu erstellen und dann Ihr Unternehmen ins Internet zu stellen.

Es stehen verschiedene Werkzeuge zur Auswahl. Möglicherweise möchten Sie sich Atom, Notepad ++, Vim oder Brackets ansehen.
Wie funktioniert das Ganze? Es ist sehr einfach. Sie erstellen ein neues Dokument, rahmen es HTML-passend ein und speichern es mit der Erweiterung .html, wie der index.html, zum Beispiel.

Dann verbinden Sie Ihre.,css-Datei, um zu steuern, wie Elemente im HTML-Gerüst aussehen. Das ist alles, was Sie brauchen, um eine einfache Webseite zu machen.

„Okay“, können Sie jetzt fragen. „Es ist nur Text, woher weiß ich, wie meine Seite im Internet aussehen würde?“

Leicht. Sie müssen nur die HTML-Datei mit jedem Internetbrowser öffnen.

Mit Ihrem gewählten Texteditor und einem Webbrowser können Sie Ihre Seite ändern und gestalten, bis Sie zufrieden sind. Laden Sie zu diesem Zeitpunkt die Dateien über Ihren Hosting-Anbieter hoch und die Website wird bald live gehen.,

Automatisierte Tools

Obwohl es großartig ist, dass Sie sich ansehen, wie Sie eine Website von Grund auf neu erstellen, kann es zu Problemen kommen. Sie können eine einfache Website erstellen, um die Leute wissen zu lassen, wer Sie sind, was Sie tun und wie Sie Sie kontaktieren können.

Aber was passiert, wenn Sie sich entscheiden, einen Blog hinzuzufügen?

Ja, Sie können einen Blog hinzufügen.html und verknüpfen Sie es mit dem Rest der Website, aber das Veröffentlichen neuer Beiträge wird ohne eine Back-End-Lösung äußerst ärgerlich sein, was das Hinzufügen neuer Inhalte erleichtert.

Es gibt einfachere Möglichkeiten, es zu tun!,

WordPress

Es gibt einen Grund, warum der Großteil des Internets auf WordPress basiert. Es ist ein Content-Management-System mit einer reichen Bibliothek von Vorlagen und Plugins. Wenn Sie Ihre Website benötigen, um etwas zu tun, besteht die Möglichkeit, dass es ein WordPress-Plugin dafür gibt.

Das Einrichten Ihrer Website mit WordPress ist 100x einfacher als selbst zu schreiben. Alle Top-Website-Hosting-Anbieter verfügen über Tools zum automatischen Einrichten Ihrer Website in WordPress. Wenn Sie fertig sind, melden Sie sich bei WordPress an und können dann Themen ändern, Plugins hinzufügen und den gewünschten Inhalt (Bilder, Text, Video) hinzufügen.,

Wenn Sie versucht haben, eine Website von Grund auf neu zu erstellen, und die Verwendung von WordPress aufgegeben haben, wird Ihr Wissen überhaupt nicht verschwendet. Schließlich können Sie ein WordPress-Theme nehmen und es mit den von Ihnen erlernten CSS-Fähigkeiten selbst anpassen.

Website Builder Services

Sie können definitiv lernen, wie man eine Website von Grund auf neu erstellt, aber es gibt Leute, die sie vor Jahren gelernt haben. Diese Leute haben Websites erstellt, auf denen Sie Elemente per Drag & Drop ziehen können, um eine eigene Website zu erstellen.

Eine Website innerhalb einer Website, Inception viel?,

Website-Builder wie diese werben stark auf YouTube, die Chancen stehen gut, dass Sie zumindest von ihnen gehört haben. Wenn Sie nicht haben, sind sie eine kurze Google-Suche entfernt. Für die meisten Zwecke sind diese Tools eine schnelle, problemlose Möglichkeit, eine schön einfache Website zu erstellen.

Einige Tipps

Beachten Sie, dass die neuesten Website-Trends stark auf Bilder angewiesen sind. Sie benötigen wahrscheinlich viele qualitativ hochwertige, professionell aufgenommene Fotos.

Pro Tipp: Führen Sie diese Bilder durch das Werkzeug auf der kraken.io website., Dadurch wird die Bilddatei kleiner, ohne die Qualität erheblich zu beeinträchtigen, wodurch Ihre Website schneller geladen wird.

Schnelle Ladezeiten sind sehr wichtig für die Benutzererfahrung. Die übliche Logik ist, dass je schneller Ihre Website geladen wird, desto wahrscheinlicher ist es, dass ein Besucher bleibt und stöbert.

Fazit

Wie erstelle ich eine Website in einer TL;DR-Version von Grund auf neu? Es kann einfach oder kompliziert sein. Abhängig von der Methode, die Sie auswählen. Wenn Sie sich entscheiden, Code zu lernen, wird es am Ende kompliziert, aber lohnend sein.,

Andererseits wird die Verwendung eines der zahlreichen verfügbaren Website-Builder den Prozess erheblich vereinfachen.

Wenn Sie eine Herausforderung suchen, lernen Sie zuerst HTML und CSS. Kaufen Sie noch keine Domain oder Hosting, öffnen Sie einfach die HTML – und CSS-Dateien mit Ihrem Browser. Schreiben Sie Ihre Website mit einem erweiterten Texteditor, den Sie mögen.

Sobald Sie wissen, wie HTML und CSS Magie zu machen, holen Sie sich die Grundlagen von JavaScript, um Ihre Website mit pfiffigen Übergängen und alle Funktionen, die Sie benötigen Fichte.

Wenn Sie haben, was Sie brauchen, starten Sie die Website-Dateien, die Sie benötigen., Sobald Sie die Seite genau so haben, wie Sie es möchten, kaufen Sie die Domain und das Hosting. Die Anbieter (zumindest gute) werden Tutorials haben, um alles online zu bekommen.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.