Das brauchen wir alles:

Software

Bevor wir loslegen können, braucht Ihr noch etwas Software, die uns die Arbeit erleichtert. Die hier aufgelisteten Programme sind alle Freeware, also vollkommen kostenlos. Ladet Sie Euch runter und installiert sie. Ich gehe davon aus, dass Ihr alle Windows XP oder Vista auf Euren Rechnern laufen habt. Hier also die Liste:

Farbwert.exe (Tool zur Farbwertermittlung)
NVU 1.0 (HTML-Editor, manchmal ganz nützlich)
Top-Style Lite (CSS-Editor. Werden wir oft brauchen)
Inkscape Light (kostenloses Zeichenprogramm)
XAMPP für Windows (erstellt einen Server auf Eurem Rechner, wichtig zum Testen von .PHP-Seiten). Solltet Ihr Schwierigkeiten mit der Installation von XAMPP haben, dann lasst es erstmal. Später gehen wir noch etwas genauer darauf ein.
Filezilla für XP und Vista (FTP-Programm zum hochladen der Seite auf Euren Server)
Mozilla Firefox (Browser zum Betrachten der Zwischenergebnisse)

Sollte ein Link nicht funktionieren, meldet mir das bitte an vita@compiclub.de. Ich werde ihn dann umgehend aktualisieren. Danke.

Webspace + Internetadresse

Es nützt uns ziemlich wenig, wenn das fertige Projekt später nur auf Eurem Rechner abgespeicher ist. Um Eure neue Webseite öffentlich zugänglich zu machen benötigen wir also einen ständig erreichbaren Computer, der von anderen Computern aus, nach Eingabe der richtigen Internetadresse erreicht werden kann. Dies wird von diversen "Webhostern" angeboten, die es zuhauf auf dem Markt gibt. Diese bieten Euch einen begrenzten, aber ständig erreichbaren Speicherplatz auf einem ihrer Rechner. Ihr müsst die fertige Webseite dann nur noch "hochladen". Einer der bekanntesten solcher anbieter ist STRATO. Die späteren Erklärungen zum veröffentlichen Eurer fertigen Website beziehen sich alle auf STRATO. Die anderen Webhoster kenne ich nicht zur Genüge. Schaut Euch Mal hier um:

STRATO Webhosting Komplett-Pakete

Ich empfehle das Paket "Power-Web Basic". Ich habe das gleiche. Es bietet genügend Speicherplatz (z.Z. 500 MB) und kann bereits PHP, was sehr wichtig ist!
Auf das "Webspace" Eures "Webhosters" könnt Ihr Euer projekt später mit einem FTP-Programm hochladen. Dann ist Eure Weite unter der vorher registrierten "Domain" (wie www.compiclub.de) von jedem Internetrechner in der Welt aufrufbar. Checkt einfach schon Mal, ob Euer Wunschname noch frei ist:

Es sei an dieser Stelle schon Mal verraten, dass wir eine persönliche Vorstellungs-Website als Bespielprojekt gestalten werden. Es würde sich also anbieten eine Domain, die aus Eurem Vornamen "minus" Nachnamen "punkt" DE bestent. Also sowas wie www.rainer-seitenbacher.de....oder so...Registriert bitte keine Umlaut-Domains, auch wenn alle derzeit Werbung dafür machen. Verwendet jemand z.B. eine englische Tastatur, dann kann er nur auf einem sehr umständlichen Wege Eure Adresse eingeben. Also bitte kein www.sören-müller.de, sondern www.soeren-mueller.de, wenn Ihr schon das Pech habt so zu heissen. :-)

Es bleibt selbstverständlich Euch überlassen, ob Ihr die hier empfohlenen Programme, bzw. Webhoster verwendet, oder andere. Bitte beachtet aber, dass sich alle späteren Erklärungen auf diese Programme und Anbieter beziehen. Es ist also unbedingt ratsam sich an die Empfehlungen zu halten!

Geduld und Ausdauer

Nun sind wir Software-mäßig bestens gerüstet und können die ersten Schritte auf dem Weg zu unserer Website machen. Ich hoffe es macht Euch genauso viel Spass wie mir, denn vieles klappt nicht auf Anhieb. Hier und da ist ausdauerndes Tüfteln angesagt, aber das ist ja gerade der Reiz dabei. Also nicht direkt die Flinte ins Korn werfen, wenn etwas Mal nicht so klappt wie gewünscht. Oft sind es winzige Kleinigkeiten, die uns das Leben schwer machen. Eine vergessene Klammer, Semikolon an der falschen Stelle usw usw. Jeder, der sich damit schon beschäftigt hat kann ein Lied davon singen.
Solltet Ihr ein Problem haben, bei dem Ihr nicht weiter kommt, könnt Ihr mich gern kontaktieren. Ich erwarte aber, das Ihr Euch vorher selbst ernsthaft mit dem Problem auseinander gesetzt habt. Genaueres Hinschauen hilft oft weiter.

<<< zurück II weiter >>>