Wie man eine Website Von Grund auf (HTML, WordPress oder Bauherren)

Als Besitzer einer kleinen Planung der Hochzeit-startup, ein Freund von mir hatte nicht viel Zeit oder Geld in das lernen, wie man eine website – aber Sie wusste, dass Sie brauchte, oder Ihr Geschäft in der Nähe wäre unsichtbar. Trotz ihres Mangels an Programmierkenntnissen ging sie mit voller Geschwindigkeit voran, um ihre Online-Präsenz im Alleingang zu schaffen.

Eine Website von Grund auf neu zu starten war eigentlich nicht die entmutigende Aufgabe, die sie befürchtete., Mit den richtigen Tools hat sie innerhalb weniger Wochen eine WordPress-Seite zum Laufen gebracht. Nach dem ersten Aufbau der Website expandierte sie weiter und aktualisierte sie selbst, als ihr Geschäft wuchs.

Wie ihre Erfahrung zeigt, kann jeder lernen, wie man eine Website relativ einfach erstellt. Es ist so einfach wie der Kauf von Webhosting und Domain-Namen, dann Feinabstimmung Ihres Designs durch einen Website-Builder, WordPress, oder mit nackten Knochen HTML. Wir werden Sie durch jeden Schritt unten gehen, so fühlen Sie sich frei, auf einen der Links hier klicken, um voraus zu überspringen.,

Wählen Sie einen Host / Erstellen Sie Ihre Website / Website Builder / WordPress

Schritt 1: Wählen Sie einen Host und eine Domain

Der erste Schritt zum Erstellen einer Website, unabhängig davon, welchen Ansatz Sie verwenden möchten, ist die Auswahl eines Webhosting-Dienstes und eines Domain-Namens. Der Webhost ist das Unternehmen, das den Server und Speicherplatz für Ihre Website bereitstellt und der Online-Welt Zugriff auf Ihre Marke gewährt. Der Domänenname hingegen ist die URL (z. B. www.hostingadvice.com) , die Menschen verwenden, um direkt auf Ihre Website zu navigieren.

Auswahl eines Hosts

Dies ist der super einfache Teil., Die erstklassigen Hosts des Webs haben alle Register gezogen, um den anfänglichen Website — Erstellungsprozess zu beschleunigen und zu erleichtern-oft beginnend mit einer kostenlosen Domain-Namen-Registrierung, Single-Click-Installationen für beliebte CMS-und Blogging-Plattformen, einem kostenlosen Website-Builder und Marketing-Credits.

Um loszulegen, empfehlen wir, sich für einen Webhosting-Plan bei einem der folgenden Anbieter anzumelden. Ihr Webserver wird sofort eingerichtet und die meisten geben Ihnen auch einen kostenlosen Domainnamen Ihrer Wahl., Sobald Sie sich angemeldet haben, werden Sie den Aufbau Ihrer website in kürzester Zeit:

Weitere günstige Webhoster anzeigen “

Auswahl eines Domainnamens

Die Registrierung eines hochwertigen Domainnamens ist wichtig, um Menschen zu helfen, Ihre Website zu finden und sich daran zu erinnern. Die Webhosting-Dienste oben bieten kostenlose Domain-Namen Registrierung für das erste Jahr des Dienstes, so dass, wenn Sie bereits abgeschlossen haben Schritt 1, Sie haben bereits Ihre Domain.,

Wenn Sie immer noch entscheiden, welchen Domainnamen Sie wählen möchten, finden Sie hier einige Tipps:

• Machen Sie es kurz und einprägsam: Kürzere Domainnamen sind leichter zu merken. Der Titel sollte etwas sein, das den Menschen in den Sinn kommt. Lange Domainnamen funktionieren nur, wenn sie eindeutig und eingängig sind.
• Verwenden Sie relevante Keywords: Ihr Domain-Name ist eine weitere Möglichkeit, Keywords zu integrieren, die zu Ihrer gesamten SEO-Strategie beitragen. Keywords, die für Ihre Geschäftsnische relevant sind, werden Ihren Domain-Namen weiter im Gedächtnis der Menschen hervorheben und Ihre Suchmaschinen-Rankings steigern.,
• Suche Domain-Namen: Überprüfen Sie, ob andere Unternehmen oder Einzelpersonen einen Domain-Namen verwenden, die zu eng verwandt ist, um Konflikte oder Verwirrung zu vermeiden.
• Wählen Sie die entsprechende Domain-Namenserweiterung: Wie Sie aus dem Surfen im Internet wissen, können Domain-Namen in .com, .org, .biz und anderen Erweiterungen enden. Wählen Sie diejenige aus, die am besten zum Zweck Ihrer Website passt.

Nachdem Sie Ihren Webhosting-Plan gekauft haben (und Ihre kostenlose Domain mit Ihrem Hosting-Plan erhalten haben), können Sie Ihre Website erstellen und starten.,

Schritt 2: Wählen Sie eine Site-Building-Methode

Es gibt drei Möglichkeiten, eine Website zu erstellen. Wenn Sie ein Anfänger sind, ist es bei weitem am einfachsten, eine Website zu erstellen und zu starten, indem Sie einen Website-Builder verwenden, der von Ihrem Webhost bereitgestellt wird. Wenn Sie zumindest etwas Web-versiert sind, können Sie WordPress oder ein Content Management System (CMS) wie Drupal oder Joomla verwenden. Wenn Sie sich bereits mit dem Codieren auskennen, können Sie von vorne anfangen und HTML verwenden, um die Site von Grund auf neu zu erstellen., Jeder Ansatz hat seine Vorzüge und Herausforderungen:

Option 1: Verwenden Sie einen Site Builder (Anfänger)

Verwenden Sie einen Website Builder – eine Anwendung, die Sie durch die Schritte führt, um eine Website ohne Code zu erstellen – kann sowohl befreiend als auch ermächtigend sein. Die gesamte Codierung erfolgt durch den Anbieter im Backend, und im Wesentlichen ist es nicht viel schwieriger als mit einem Textverarbeitungsprogramm.

Normalerweise bietet ein Site Builder oder eine Template-basierte Site-Building-Methode weniger Anpassungsoptionen, als wenn Sie die Website von Grund auf mit Straight-up-HTML erstellen, aber für die begrenzten Fähigkeiten bieten Site Builder Flexibilität und eine gute Benutzererfahrung für Neulinge.

Option 2: Installation von WordPress (Mittelstufe)

Viele Unternehmer und Mitarbeiter haben wenig bis gar keine Programmierkenntnisse. Gleichzeitig kann es für einige einschränkend sein, sich auf einen Webdesigner/Entwickler verlassen zu müssen, um eine Website zu erstellen und Aktualisierungen vorzunehmen., WordPress ist ein Catch-all-Lösung für Unternehmen, die eine grundlegende Website mit minimalen Investitionen von Zeit und Geld wollen.

Fast ein Drittel aller Websites im Internet gibt es auf der WordPress-Plattform, und selbst große Unternehmen wie CNN und eBay nutzen sie. Es gibt kostenlose und kostenpflichtige Versionen der Software, und es gibt viele Benutzer-Support online verfügbar.

Mit vielen Themen und Layouts zur Auswahl und Optionen für komplexere Designs und Funktionen ist WordPress eine vielseitige Wahl für alle Arten von Unternehmen. In der Tat ist es die Plattform, die Kräfte HostingAdvice.com selbst.

Option 3: Erstellen Sie eine Website von Grund auf mit HTML (Advanced Level)

Web-Design-Fähigkeiten sind sehr wertvoll auf dem Arbeitsmarkt und vielleicht haben Sie gedacht, es ist etwas, das Sie abholen möchten. Wenn Sie eine Website von Grund auf neu erstellen, erhalten Sie die Tools zum Erstellen und Anpassen einer Website genau nach Ihren Wünschen., Es gibt eine höhere Lernkurve, aber eine größere Belohnung, da Sie wissen, dass HTML es Ihnen ermöglicht, Ihr Site-Design zu optimieren und diese Fähigkeiten weiterzuentwickeln, um die Site problemlos zu erweitern und zu aktualisieren.

Wenn Sie ein Programmieranfänger sind und entschlossen sind zu lernen, können Sie die Codierungsfähigkeiten, die Sie benötigen, aus einer Vielzahl von Webdesign-Büchern (die O ‚ Reilly-Serie ist ein guter Ausgangspunkt) und Websites wie die World Wide Web Consortium (W3C) Schulen.

Wenn Sie lernen, eine Site selbst zu codieren, erhalten Sie die ultimative Flexibilität, um sie im Laufe der Zeit genau das zu machen, was Sie möchten., Ganz zu schweigen davon, dass die Codierung eine sehr wertvolle Fähigkeit in der heutigen Wirtschaft ist.

Schritt 3: Baubeginn!

Nachdem Sie sich nun für Webhosting mit einer kostenlosen Domain angemeldet und Ihre Sitebuilding-Methode ausgewählt haben, können Sie mit der Erstellung des Erscheinungsbilds Ihrer Website und ihres Inhalts beginnen. Lesen Sie weiter für Schritt-für-Schritt-Anleitung:

Option 1: Mit einem Sitebuilder Ihre Website zu bauen (Anfänger)

Aufbau einer Website mit einem kostenlosen Website Builder ist ein schneller, einfacher und unkomplizierter Prozess., Möglicherweise haben Sie sich bereits in Schritt 1 für ein Hosting-Konto angemeldet, In diesem Fall enthält die Website Ihres Webhosts spezifische Schritt-für-Schritt-Anweisungen für die Installation und Verwendung Ihres kostenlosen, im Lieferumfang enthaltenen Website-Builders. Im Allgemeinen stellen wir fest, dass Wix der beliebteste Website-Builder ist, daher werden wir ihn hier als Beispiel verwenden.

Wenn Sie sich bereits für das Hosting angemeldet haben, haben Sie ein Konto erstellt. Wenn Sie noch keinen Webhost haben, empfehlen wir Ihnen, sich über die Website für den Wix Sitebuilder anzumelden. Geben Sie einfach Ihre E-Mail-Adresse und Ihr Passwort an der Wix.com anmeldeseite zu beginnen., Beachten Sie, dass das Handle für die E-Mail-Adresse Teil Ihrer kostenlosen Domain wird (wenn Sie keine benutzerdefinierte Domain haben). Wenn Sie sich immer noch nicht sicher sind, begrüße ich Sie, unseren Expertenbericht zur Wix-Plattform unten zu lesen.

Wählen Sie die Kategorie aus, die Ihre Website am besten beschreibt. Dies hilft Menschen, Ihre Website zu finden, und hilft Wix, die vielfältige Nutzerbasis der Plattform zu bedienen. Ihre Auswahl wird bestimmen, welche Arten von Vorlagen, die Sie durchsuchen, so betrachten die beste Option für den Stil der Website, die Sie erstellen möchten.,

Wix hat nun zwei Möglichkeiten, eine Website zu erstellen. Neben dem traditionellen Wix-Editor gibt es auch Wix ADI, ein Programm für künstliche Intelligenz, das benutzerdefinierte Websites basierend auf Fragen entwirft, die Sie beantworten. Wir empfehlen die Verwendung des Wix-Editors, mit dem Sie die volle Kontrolle über die auf der Plattform verfügbaren Anpassungen haben. Wenn Sie jedoch den Wix ADI ausprobieren möchten,gehen Sie auf jeden Fall!

Wählen Sie aus einer Vielzahl von Vorlagen, die je nach Art der Website, die Sie erstellen, unterschiedlich sind. Filtern Sie die Optionen nach Bild, suchen Sie nach Schlüsselwörtern oder sortieren Sie die Vorlagen nach Kategorien.,

Sie können sich auch für eine leere Vorlage entscheiden, um ganz von vorne oder mit einem Grundlayout zu beginnen.

Jede Vorlage beginnt mit vorgefülltem Text und einem Hintergrundbild. Ihre Vorlage ist ein Ausgangspunkt, um die Website zu Ihrer eigenen zu machen. Eines der ersten Dinge, die Sie auf Ihrer neuen Wix-Seite tun sollten, ist das Hinzufügen Ihrer Geschäftsinformationen. Geben Sie Ihren Markennamen, Slogan und andere relevante Details ein, indem Sie einfach auf den Text klicken, der ersetzt werden muss., Sie können auch die visuellen Aspekte der Seite ändern, einschließlich des Hintergrundbilds, und Bilder auf anderen Seiten Ihrer Website hinzufügen oder austauschen.

Es gibt viele Möglichkeiten, Inhalte hinzuzufügen und Ihre Website anzupassen. Klicken Sie auf die Schaltfläche Hinzufügen im linken Menü für eine Reihe von Optionen-Text, Schaltflächen, Diashows, Menüs usw. Unter der Schaltfläche Apps können Sie Ihrer Website viele Funktionen hinzufügen, um zusätzliche Funktionen wie Kommentare, Live-Chat und eine Online-Storefront zu erhalten. Sie können auch Ihre eigenen Multimedia-Inhalte wie Schriftarten, Bilder, Videos und Musik hochladen und einen Blog starten.,

Klicken Sie einfach auf“ Veröffentlichen “ in der rechten Ecke, um Ihre Website im Web zu platzieren! Sie wählen eine Domain aus, bei der es sich um eine kostenlose Domain handeln kann Wix.com oder eine angepasste Domain, die Sie über einen Domain-Registrar erwerben.

Option 2: Die Verwendung von WordPress zum Erstellen Ihrer Website (Zwischenprodukt)

Die Verwendung von WordPress zum Erstellen Ihrer Website ist eine ähnliche Erfahrung wie die Verwendung eines Website-Builders in Bezug auf den Prozess. Welche Plattform Sie verwenden sollten, ist eine Frage der Präferenz. Es hängt davon ab, welche sich für Sie am intuitivsten anfühlt und bietet Ihnen die größte Flexibilität bei der Gestaltung und Wartung Ihrer Website., Ein großer Vorteil von WordPress ist die große Community von Support, sowohl offizielle als auch von anderen WP-Software-Benutzern.

Die meisten Hosting-Pläne beinhalten einfachen Zugriff auf WordPress-Installation der Software mit einem Klick, oder noch besser, es für Sie vorinstalliert. In den meisten Fällen können Sie sich einfach in Ihrem Hosting-Bedienfeld anmelden und die Option zur Installation der WP-Plattform finden. Wenn Ihr Hosting-Dienst nicht über diese Funktion verfügt, finden Sie hier die Anweisungen zur manuellen Installation. Diese Webhosts machen die Installation von WordPress besonders einfach:

Weitere WordPress-Hosts anzeigen “

Nehmen Sie sich etwas Zeit, um sich mit dem WordPress-Backend für Ihr Konto vertraut zu machen. Sie finden, wo Sie Ihre Beiträge, Seiten und Kommentare verwalten, das Erscheinungsbild der Website ändern, Site-Editoren hinzufügen und Plugins installieren können. Ihr Dashboard enthält alles, was Sie benötigen, um den Inhalt Ihrer Website zu verfolgen und das Erscheinungsbild anzupassen.,

Unter der Registerkarte Darstellung im Dashboard können Sie aus einer Reihe kostenloser Themen auswählen (oder für eines bezahlen). Die Installation eines Designs ist so einfach wie die Auswahl von “ Installieren „und dann“ Aktivieren “ für die gewünschte Vorlage. Sie können Ihr Thema jederzeit ändern, ohne die anderen Inhalte auf Ihrer Website zu ändern.

Um Ihrer Site neue Seiten hinzuzufügen, wählen Sie „Seiten“ und dann „Neu hinzufügen“.“Sie können diese Seiten unter der Option Menüs auf der Registerkarte Darstellung in das Navigationsmenü Ihrer Website aufnehmen. Um Beiträge hinzuzufügen (wenn Sie ein Blog auf Ihrer Website haben möchten), gehen Sie zu „Beiträge“ und dann zu „Neu hinzufügen.,“

Standardmäßig platziert WordPress Ihre neuesten Beiträge auf Ihrer Homepage. Um eine bestimmte Seite auszuwählen, die als Startseite dienen soll, wählen Sie im Dashboard-Menü“ Einstellungen „und dann „Lesen“.“Wählen Sie im Abschnitt“ Front Page Displays „die Option“ Eine statische Seite “ und wählen Sie dann die Seite aus, die Sie als Startseite erstellt haben.

Plugins sind Erweiterungen-standardmäßig nicht in WordPress eingerichtet -, die Ihrer Website neue Funktionen hinzufügen. WordPress-Plugins können die Funktionalität Ihrer Website verbessern, Ihnen helfen, die Ziele zu erreichen, die Sie für Ihre Website haben, und Ihren Website-Besuchern eine bessere Benutzererfahrung bieten.,

Mit dem Google Analytics-Plugin können Sie beispielsweise die Aktivität Ihrer Website verfolgen, und mit dem NextGen Gallery-Plugin können Sie Bildergalerien anzeigen. Unter „Plugin“ im Dashboard können Sie die Optionen durchsuchen — buchstäblich Tausende kostenloser Plugins. Klicken Sie einfach auf „installieren“ und Sie sind gut zu gehen.

An dieser Stelle haben Sie eine inhaltsreiche, optisch ansprechende und funktionale Website erstellt., Die Veröffentlichung in WordPress erfolgt auf einer Seiten-oder Post-Ebene, sodass Sie für jeden Bereich Ihrer Website auf „Veröffentlichen“ klicken müssen. Sie können warten, bis Ihre Website vollständig startbereit ist, um Ihre Inhalte zu veröffentlichen oder zu veröffentlichen, während Sie einzelne Seiten und Beiträge erstellen.

Option 3: Verwenden Sie HTML, um eine Website von Grund auf neu zu erstellen (Erweitert)

Für diejenigen, die eine Herausforderung suchen und etwas mehr Zeit haben möchten, lohnt es sich, eine Website über HTML zu erstellen Ihr Verständnis von Webbearbeitung und-design., Sie können eine grundlegende Website in nur wenigen Stunden einrichten und darauf aufbauen, wenn Sie mehr HTML-und CSS-Kenntnisse erlernen.

Wie bei den ersten beiden Website-Building-Routen besteht Ihr erster Schritt darin, sich bei einem Hosting-Anbieter anzumelden.

Alle Top-Webhosts anzeigen “

Um HTML-Tags zu schreiben, benötigen Sie einen hochwertigen Texteditor, der die Sprache des Webs berücksichtigt. Notepad++ ist eine gute Option für Microsoft-Benutzer, während TextMate ideal für Mac-Benutzer ist. Plattformübergreifende Texteditoren enthalten Atom – und Sublime-Text.,

Websites können ausschließlich mit HTML erstellt werden, das in Textdateien übersetzt wird, die mit der Erweiterung benannt sind .HTML. Die Hauptseite Ihrer Website trägt normalerweise den Titel index.HTML. Erstellen Sie diese Datei und speichern Sie sie, füllen Sie sie dann mit dem Grundgerüst Ihrer HTML-Site aus. Es wird ungefähr so aussehen:

<html> Tags umschließen den gesamten Inhalt Ihrer Website und geben an, dass es sich um ein HTML-Dokument handelt., Das<head> – Tag umfasst Ihren Seitentitel, Meta-Tags (teilen Sie dem Browser Details zu Inhalt und Anzeige Ihrer Seite mit) und Verweise auf Ihre externen CSS-Dateien zum Stylen Ihrer Seite. Der tatsächliche Inhalt Ihrer Seite wechselt zwischen den Tags <body>.

Wenn Sie Ihre Site erstellen, möchten Sie Ihre Dateien entsprechend der Struktur, in der Ihre Site angezeigt werden soll, in Ordnern organisieren. Sie können beispielsweise einen Ordner für Ihre About-Seite mit Ihrem Haupt-About erstellen.,html-Datei sowie alle zugehörigen CSS, die Stil zu Ihrer Website und andere HTML-Dateien, die diesen Inhalt unterstützen hinzufügt. Wenn Sie Links auf Ihrer gesamten Site zu den Seiten Ihrer Site hinzufügen, verweisen Sie auf deren Ordnerspeicherort in dem Verzeichnis, in dem Sie Ihre Dateien speichern.

Schreiben Sie Ihren Inhalt in den Abschnitt <body> von jedem .html-Datei (dh jede Seite) Ihrer Website. Hier sind einige wichtige Tags, die Sie beim Erstellen Ihrer Site kennen sollten:

• <header> gibt den Anfang Ihres Dokuments an und zeigt an, wo Ihr Seitentitel und Logo erscheinen.,
• <nav> wird verwendet, um Ihr Site-Menü zu erstellen, die Hauptnavigation Ihrer Site, auf der Besucher Site-Links der obersten Ebene finden.
• <section> bezeichnet den Hauptinhalt Ihrer Seite. Es wird verwendet, um ähnliche Inhalte innerhalb einer Seite zu gruppieren. Denken Sie an Artikel, die Sie online finden, die unter einzelnen Überschriften gruppiert sind.
• <article> wird für einzelne Inhalte auf einer Seite verwendet, z. B. für Blogposts, Bilder, Videos oder andere Multimedia-Inhalte. Es ist eine Möglichkeit, die Seite so zu strukturieren, dass diese Elemente leicht unterschieden werden können.,
• <footer> ist die Unterseite der Website. In diesem Bereich geben die Benutzer häufig ihre Kontaktinformationen, Nutzungsbedingungen, Datenschutzbestimmungen und andere verschiedene, aber wichtige Informationen ein.

Ausgefüllt mit diesen Tags würde die Grundstruktur Ihrer Seite folgendermaßen aussehen:

Sie möchten auch eine grundlegende Navigationsleiste für Ihre Site hinzufügen. Dies ermöglicht einen einfachen Zugriff auf die Hauptseiten Ihrer Website., Sie verwenden das <nav> – Tag und das <ul> oder das ungeordnete Listen-Tag, um dies einzurichten.

Und voila! Jetzt können Ihre Website-Besucher einfach zu Ihrem Blog, Produktseiten navigieren, Ihnen eine Zeile auf Ihrer Kontaktseite hinterlassen, Kundenreferenzen durchsuchen und wieder auf die Homepage zurückkehren!

Sie können Ihre Website visuell interessanter gestalten, indem Sie Formatierungen, Farben und Bilder nur mit HTML verwenden., Die Integration von CSS oder kaskadierenden Stylesheets in Ihre Site gibt Ihnen jedoch viel mehr Kontrolle über das Erscheinungsbild, und Websites, die CSS verwenden, sehen insgesamt professioneller aus.

CSS wird in separaten CSS-Dateien bezeichnet. Die Hauptdatei trägt normalerweise den Titel style.CSS. Einige grundlegende Funktionen von CSS umfassen das Hinzufügen von Farben, Rahmen und Hintergründen sowie das Anwenden des Boxmodells zum Organisieren des Inhalts auf Ihren Seiten., Dieser Schritt ist fortgeschrittener als die Verwendung von grundlegendem HTML, kann jedoch die Ästhetik Ihrer Website erheblich verbessern.

Sobald Sie mit dem Gesamtlayout zufrieden sind, können Sie Ihre Website veröffentlichen. Es ist völlig in Ordnung, wenn Ihre Website sehr einfach zu beginnen ist. Solange es professionell aussieht, können Sie sich gut fühlen, wenn Sie es im Internet veröffentlichen und verbessern, wenn Sie mehr HTML-und CSS-Fähigkeiten entwickeln.

Alles fertig!, Nun zum schwierigen Teil… Hinzufügen von Inhalten

Wie es bei unserem Eventplanungsfreund der Fall war, denken Sie vielleicht nicht, dass Sie zuerst Ihre eigene Website erstellen können — aber die Wahrheit ist, dass es für den Anfänger jetzt einfacher denn je ist, eine funktionale und optisch ansprechende Website zu erstellen, die die Leute besuchen möchten. Mit Hilfe von Online-Ressourcen und Unterstützung durch die WordPress – Community hat meine Freundin eine Website erstellt, auf die sie stolz war-und Sie können es auch.

Das Wichtigste an Ihrer Website ist der Inhalt, da dies die Menschen dazu bringt, sie zu besuchen und weiter zu lesen., Überlegen Sie, worum es auf Ihrer Website gehen soll, sei es Ihr Unternehmen oder ein Blog zu einem bestimmten Thema. Überlegen Sie sorgfältig, da dies auch Ihre Webdesign-Richtung bestimmt. Sobald Sie einige Inhaltsideen und einen konkreten Plan haben, können Sie Ihr Site-Building-Abenteuer beginnen.