[Quick-Start] Meine eigene Website

  • Hallo! =)


    Wie ich feststellen muss (u.A. Aufrund der Unmengen von Anfragen, welche sich in meinem Projekt2123 Account häufen), besteht ein riesiges Interesse an einem Guide zum Erstellen eigener Websites/Webprojekte. Nun: Hier ist mein erster Versuch eines "Guides". Ich werde versuchen, mich möglichst simpel und allgemeinverständlich Auszudrücken - Profis mögen es mir verzeihen.


    Einleitung


    Natürlich... als wir 12 waren, hatten wir Alle unsere eigene kleine Piczo Seite. Kein Piczo? Dann war es Myspace. Oder Blogspot. Oder was auch immer. Tatsache ist: Irgendwann, dann reichen diese "Fertigbaukästen-Websites" nicht mehr aus. Irgendwann möchten oder brauchen wir eine eigene Internetseite. Das ist der Punkt, an dem die Meisten aus dem Netz verschwinden, "weil das zu kompliziert ist". Großer Fehler: Es ist nämlich gar nicht kompliziert. In diesem "Quick-Start" Guide möchte ich euch erklären, wie ihr eure eigene Website "komplett selber" erstellen könnt.


    So geht es los...


    Eine Website... was ist das eigentlich? Nun, bleiben wir simpel: Eine Website besteht eigentlich nur aus einem Webspace. Dieser Webspace, dass ist ein Schuhkarton, eine virtuelle Lagerhalle, in welche ihr den Inhalt, den content eurer Website "hineinlagert". Jeder, der dann die URL (die Adresse) euer Website "anbrowsed", der bekommt diesen Inhalt wieder ausgegeben.


    Zunächst braucht ihr deshalb einen solchen Webspace. Da auf diesem Gebiet eine enorme Konkurrenz herrscht, werden einfache Webspaces meistens kostenlos angeboten. Ich rate euch, trotz der enormen Auswahl bei deutschen Anbietern zu bleiben, weil a) der Support einfacher und auf Deutsch abläuft und b) sich diese Anbieter definitv an deutsche Gesetze halten (müssen). Ich verlinke euch hier zwei Anbieter, bei denen ich seit Jahren unproblematisch, problemlos (und kostenlos!) Websiten hoste:


    bplaced.net (komplett Werbefrei!)
    square7.ch (Pop-Under Werbung)


    Googlet trotzdem noch einmal, vielleicht findet ihr ja noch bessere Angebote. Ihr müsst bloß darauf achten:

    • Ihr wollt vermutlich einen werbefreien und kostenlosen Webspace
    • Lest ausnahmsweise die AGB etc. sorgfältig durch (auf versteckte Kosten achten!)
    • Für den Anfang sollt 1GB Speicherplatz völlig ausreichen

    Richtig durchstarten


    Wenn ihr euch für einen Hoster entscheiden habt, bei dem ihr euren Webspace anlegen wollt, dann meldet ihr euch ganz bequem dort an (wie in jedem anderen Gamingforum auch). Gleich nach der Anmeldung steht euch dann euer Webspace zur Verfügung. (Achtung: Im folgenden werde ich den Hoster bplaced als Beispiel benutzen!). Euer Webspace lautet dann:


    euerbenutzername.placed.net oder aber allgemein euerbenutzername.euerhoster.topleveldomain


    Wenn ihr diese Adresse in euren Browser tippt, könnt ihr bereits euren Webspace begutachten. Vermutlich wird aber Werbung auftauchen - kein Wundern, denn euer Webspace ist ja noch 100% leer!

    FTP Zugriff
    / Den Webspace füllen


    Ratlose Minen überall... es gibt ja gar keinen Baukasten??? Was nun? Nun - jetzt brauchen wir ein FTP Programm. Ein FTP Programm, das ist sozusagen euer Werkzeug, euer "Bagger" um Dinge in euren Webspace "zu schaufeln". FTP steht für File Transfer Protocol - wir transferieren Dateien von unserem PC in den Webspace. Ich benutze das OpenSource Programm FileZilla . Installiert es euch!


    Nach dem Start von FileZilla müsst ihr auf euren Webspace connecten. Das funktioniert relativ einfach:


    Dann seht ihr euren leeren Webspace. Jetzt könnt ihr diesen "mit Dateien füttern".

    Exkurs: Webspace Darstellung


    Browser wie Mozilla Firefox, Opera, IE etc. greifen, wenn sie mit einer URL gefüttert werden, immer auf die index.html auf/in eurem Webspace zu. Deshalb erstellt mal zu Testzwecken ein neues Textdokument, benennt es um in index.html und fügt mit dem Texteditor (ich empfehle: Notepad++) folgende Zeilen ein:


    Code
    1. <h1>Meine Website</h1>
    2. <b>Hier entsteht meine Website. Bitte habt etwas Gedult!</b>


    Ladet dieses Dokument mit FileZilla in euren Webspace (hoch). Wenn ihr alles richtig gemacht habt, sollte die Werbung verschwunden sein, und ihr solltet stattdessen den Text der index.html ausgegeben bekommen, wenn ihr mit einem Browser euren Webspace http://euerwebspace.euerhoster.topleveldomain "ansteuert".


    Komplexere Inhalte / CMS


    Eure Website (= die index.html) besteht zur Zeit aus purem html Code. Das ist eher weniger und überhaupt und außerdem unzeitgemäß. Damit Websiten "nach mehr aussehen", haben schlaue Menschen "Content Management Systeme" entwickelt (im Folgenden: CMS). Diese Inhalts-Management-Systeme helfen euch, komplexe Websiten zu gestalten, ohne sich (extrem) mit html, php, css etc. beschäftigen zu müssen. Bekannte CMS sind:


    Joomla
    Wordpress
    WebsiteBaker


    Auch hier gibt es eine gigantische Auswahl. Vergleicht Features, macht euch schlau - und entscheidet euch für eines. Dieses ladet ihr euch dann herunter und gleich wieder auf euren Webspace hoch. Achtung: Der Übersicht halber empfehle ich, das CMS nicht direkt in den Webspace zu laden, sondern einen Unterordner zu erstellen (euerwebspace/cms) und dieses dorthinein hochzuladen. Nach dem Upload muss es installiert werden. Dazu gibt es vermutlich für euer CMS ein eigenes Tutorial im Netz (einfach Googlen). Meistens muss nur im Browser der Ordner http://euerwebspace.euerhoster.topleveldomain/cms/install angewählt werden, und die Installation startet (im Browser!) von selbst). Aber - wie gesagt - dazu gibt es CMS spezifisch garantiert hunderte Tutorials.


    Exkurs: Datenbanken


    Bei der Installation werdet ihr garantiert nach (mindestens) einer Datenbank gefragt werden. Datenbanken, dass sind...nunja... Datenbanken. Im Endeffekt speziell sortierte Tabellen, in denen Daten (User, Passwörter, Posts, etc.) gespeichert werden. Eine solche Datenbank müsst ihr im Benutzermenü auf der Website eures Hosters separat anlegen.

    Die Website "bauen"


    Nach der Installation müsst ihr (meistens von Hand) den install Ordner auf eurem Webspace löschen. Jetzt könnt ihr anfangen, eure Website von Hand zu bauen, so wie ihr es von Baukastenwebsites gewohnt seit. Dazu müsst ihr euch in das Backend eurer neuen Website einloggen. "Backend"???


    Frontend
    Als "Vorderende" der Website bezeichnet man alles, was ein Standartbesucher zu sehen bekommt.


    Backend
    Als "Hinderende" wiederum wird alles "hinter den Kulissen" bezeichnet. Das Admin Panel also.


    Um euch in euer Backend einloggen zu können, müsst ihr zur "Log-In Seite" eurers CMS browsen. Das geht meist über eure url/admin oder aber url/acp. Das ist von CMS zu CMS unterschiedlich (Abschnitt "Sicherheit" beachten!).

  • Die Website bauen (Fortsetzung)


    Habt ihr erst einmal alles richtig installiert, und euch eingeloggt, seid vorsichtig. Die meisten CMS sind ziemlich komplex. Jetzt gilt, sich langsam einzuarbeiten. Ich werde hier ein paar Themen behandeln, welche die meisten CMS gemeinsam haben.


    Themes, Templates und Styles
    sind "vorgefertigte" Websiten, die ihr nur noch mit content füllen müsst. Themes sind in erster Linie, "wie eure Website aussieht". Diese gibt es sowohl kostenlos als auch kostenpflichtig. Ihr könnt sie euch herunterladen, und dann über einen GetFile Dialog in eurem Backend bequem installieren.
    Gute Templates findet ihr unter anderem hier:
    themesbase.com (alle CMS)
    themepix.com (Wordpress)


    Plugins
    Sind kleine "Bausteine", Codeschnipsel, mit denen ihr eure Website ergänzen könnt. Solche Plugins könnt ihr ebenfalls herunterladen und aus dem Backend installieren. Sie verändern meist nur sehr spezifisch kleine Teile. Etwa bringen sie ein neues Menü, ergänzen das Backend um zusätzliche Statistiken.


    Die Sache mit der Domain


    Bis jetzt ist eure (eigentlich komplette) Website erreichbar unter euerbenutzername.hoster.topleveldomain. Das findet ihr aber vermutlich blöde. Eure Website soll errreichbar sein unter euerbenutzername.de! Nun, kein Problem. Aber: Eine eigene Domain geht nicht kostenlos. Wenn ihr eine solche Adresse wollt, dann müsst ihr Geld dafür ausgeben. Jetzt gibt es zwei Möglichkeiten:


    Möglichkeit 1: "Domainumleitung"
    Eine Domainumleitung erklärt sich eigentlich von selbst. Ihr mietet bei einem Anbieter eine Domain (euerbenutzername.de). Dann richtet ihr eine URL Weiterleitung ein. Diese bewirkt, dass wann immer jemand euerbenutzername.de in den Browser tippt, er weitergeleitet wird auf euren kostenlosen Webspace euerbenutzername.hoster.de.


    Möglichkeit 2: Komplettes Hosting-Paket
    Ihr könnt aber auch ein "Komplettpaket" mieten. Dieses beinhaltet dann einen Webspace und eine Domain. Die Umleitung fällt aus. Aber ihr müsst von Anfang an alles auf den kostenpflichtigen Webspace installieren.


    Im Grunde genommen nehmen sich beide Möglichkeiten für eure Bedürfnisse nichts. Meist geht es nur um Angeberei, weil es eigentlich auch egal ist, ob eure URL jetzt blabla.bplaced.net ist oder blabla.net ist. Aber das muss jeder selber wissen. Ein kurzer Wort zu den Preisen: Diese schwanken je nach Angebotsumfang und Vertragstyp zwischen 1,50 und 3,00 Euro im Monat.

    Sicherheit


    Ist ein wichtiges Thema beim Betreiben einer eigenen Website. Deshalb solltet ihr auch zumindest einige Gedanken über dieses Thema machen.

    • Updated euer CMS regelmäßig auf die neuste Version. Das muss nicht sofort geschehen, wenn eine neue Version verfügbar ist. Aber doch gelegentlich. Das hat den einfachen Grund, dass Schwachstellen (sobald bekannt) auf einschlägigen Seiten geoutet werden, mit Tutorials, so dass wirklich jeder sie ausnutzen kann. Und dass wollt ihr nicht.
    • Beschützt eure Login-Page. Es ist unvorteilhaft, wenn jeder auf eure Loginseite url/admin zugreifen kann. Weil letztendlich hat er dann unendlich viel Zeit Passwörter auszuprobieren. Setzt eure Loginpage deshalb zumindest auf eine weniger offensichtliche URL, beispielsweise url/meingeheimerlogin. Dafür gibt es Plugins.


    Disclaimer


    Dieses Tutorial ist nur eine (Achtung) "grobe" Anleitung. Ich (und sicher auch StageTwo) übernehmen keinerlei Verantwortung für alles, was ihr mit den Informationen dieses Guides anstellt. Ich möchte darauf hinweisen, dass es extremen Ärger geben kann, wenn ihr "illegale" Websiten erstellt (beachtet hierzu bitte die AGBs eures Hosters!). Ich übernehme keinerlei Verantwortung für Schäden jeglicher Art, die durch (unsachgemäßes) befolgen dieses Guides entstehen.
    Außerdem möchte ich euch auffordern, die in Deutschland geltenden Gesetze und Richtlinien zu befolgen. So muss u.A. gemäß Telemedienstaatsvertrag jede Website ein Impressum mit voller Adresse des Administrators beinhalten. Außerdem müssen Kontaktmöglichkeiten angegeben werden. Achtung: Wenn ihr "viel" mit Werbung verdient, benötigt ihr u.U. einen Gewerbeschein.


    Die Rechtslage in Deutschland ist hier (wie gewohnt) eine einzige Grauzone. Deshalb: Besser doppelt absichern!


    Viel Spaß & Erfolg mit euer Internetseite! =)


    Konstruktive Kritik am Guide ist ausdrücklich erwünscht! :thumbup: