[TUT]Webseite erstellen für Anfänger Schritt für Schritt und kostenlos
Vorweg: Dieses Tutorial richtet sich an PHP und HTML Anfänger, die für Testzwecke oder für kleinere Gruppen (Clique)
eine Webseite erstellen wollen. Es gibt im Netz zig brachliegende Webseiten, so das man überlegen sollte,
wofür ich sie brauch oder auch nicht.
Hier zeige ich euch Schritt für Schritt, wie man mittels PHPKit eine kostenlose Webseite erstellt.
Im späteren Verlauf werde ich noch einige einfache Codes posten und auch erklären, sofern das nötig ist.
Alle hier angegebenen Tool und Skripte sind kostenlos und sind durch direkte Verlinkung zu finden.
Achtet darauf, das ihr das Copyright nicht entfernt.
In diesem Tutorial müsst ihr anstatt den von mir vorgegebenen Namen "Fake" mit eurem Benutzernamen ersetzen.
Ich werde es zwischendurch auch erwähnen.
weiteres laden wir uns dann im Verlauf des Tutorials
Das wir die heruntergeladenen Rar-Pakete entpacken und Filezilla installieren müssen, erklärt sich von selbst.
Bei dem Kit-Coding Paket brauchen wir nicht jedes einzelne, dies entpacken wir dann im weiteren Verlauf.
In der Zeit, wo wir diese Webseite erstellen habe ich Filezilla stets geöffnet, einen Tab mit der Webseite und einen
Tab mit dem späteren Admin-Bereich, da man so gut zwischen den Tabs hin und her springen kann und bei falschen
Einstellungen zumindestens noch im Adminbereich ist, um diese rückgängig zu machen. Dateien die wir verändern,
werden wir als Backup auf der Festplatte speichern.
1. Webspace
Da wir einen Free Webspace nutzen, wird die Adresse wie folgt aussehen:
Nun haben wir uns bei dem Freehoster angemeldet, und loggen uns zunächst einmal auf der Homepage in unser
Userprofil. wir finden den Eintrag FTP und MYSQL Datenbanken. Wir erstellen eine Datenbank, der Datenbankname
ist bereits vergeben, es muss nun noch ein Benutzer und ein passwort vergeben werden. Diese Daten solltet ihr euch
merken, da wir sie immer wieder benötigen werden.
Anmerkung: [ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ] verlangt, das man sich mindestens einmal in 3 Monaten in sein Benutzeraccount einloggt, sonst wird der
FTP gelöscht.
2. Filezilla
Nachdem wir Filezilla gestartet haben müssen wir unsere FTP Daten eintragen.
Da wir zum ftp connecten müssen wir das vor die Adresse schreiben.
Server: ftp.fake.square7.ch ; Benutzer:fake ; Passwort: **** ; Port: Kann freibleiben oder 80
und verbinden.
Nun sehen wir einen Explorer, der genauso wie bei Windows gehandhabt wird.
3. PHPKit hochladen und installieren
Zunächst laden wir den Inhalt vom upload_files - Ordner (befindet sich im PHPKIT) auf unseren FTP hoch. Die Dateien müssen ins Hauptverzeichnis.
Info: Bei einigen Freehostern kommt es während der Installation zu einer Fehlermeldung:
Parse error: syntax error, unexpected T_GOTO, expecting T_STRING in /users/wildweststyle/www/
phpkit/pkinc/setup/setup.php on line 139
Hier müssen wir etwas in der setup.php ändern.
Dazu ziehen wir die setup.php die sich auf dem FTP im Ordner pkinc/setup befindet auf unsere Festplatte zurück
die Festplatte zurück und suchen nach: $goto
und ändern es in : $go_to
Einmal in line 139 und in line 142 muss es geändert werden.
Danach die Datei wieder im selbigen Verzeichnis hochladen.
* nicht bei [ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ] erforderlich
Ist der Upload erfolgreich können wir das Setup beginnen.
Dazu rufen wir im Browser unsere "Webseite" auf und hängen die setup.php hinten dran.
Schritt 2: Passwort festlegen und Dateien im Filezilla Schreibzugriff geben
die Verzeichnisse "pkinc/etc" und "pkinc/temp" und die darin befindlichen Dateien sql.php und spw.php
brauchen Schreibrechte (CHMOD 777)
Schritt 3: AGB's akzeptieren und Installationstyp wählen (Vollständige Installation)
Bleibt die Installation hier stehen, fehlen die Schreibrechte auf den oben genannten Dateien.
Schritt 4: Dateien werden auf Schreibzugriff geprüft.
Hierzu muss man im Filezilla den Dateien Schreibzugriff (CHMOD 777) geben.
Dazu ins jeweilige Verzeichnis gehen unter Eigenschaften entweder alles anklicken oder die Zahl 777 eingeben.
Datenbank erstellen, wenn nicht vorhanden mit "anklicken"
Im nächsten Fenster wird angezeigt, ob alle Dateien Schreibzugriff haben und was erstellt werden konnte.
Es sollte alles grün hinterlegt sein.
Schritt 6: Angaben zum Administrator
Benutzername: "Admin-Account"
Passwort: *****
Passwort wiederholen: *****
Emailadresse: Hier werden zukünftig die Mails der Webseite eingehen, oder auch von ausgehen..
Schritt 7: Angaben zur Webseite
Schritt 8: Standardvoreinträge in die Datenbank schreiben.
Hierbei werden vorformelierte Texte (Werbung) eingetragen.
Diese lassen sich dann aber nachträglich bearbeiten.
Die Installation ist damit abgeschlossen. Sie lässt sich jetzt über die URL : [ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ] aufrufen
Fertig
4. Administration
Im nächsten Schritt erkläre ich zunächst Teile der Administration.
Dazu loggen wir uns mit dem eben erstellten Admin ein und finden nun links oder rechts den Punkt "Administration".
Dort klicken wir drauf und loggen uns erneut mit den gleichen Daten ein.
Beim ersten Aufruf wird verlangt, die setup.php zu löschen, was wir auch machen.
Startseite - Hier sehen wir eine Übersicht, z.b über die Seitenzugriffe, eine Auflistung der aktiven Benutzer, etc
Inhalt - Übersicht: Hier sehen wir eine Übersicht der voreingetragenen Texte, diese können wir hier editieren, verschieben oder löschen.
Damit ihr euch zurechtfindet und wisst, wo jeder Text steht, empfehle ich euch die Webseite für diese Zeit in einem separaten Tab zu öffnen und nach Änderungen im Admin-Bereich den Tab mit der Webseite zu aktualisieren.
Inhalt verfassen: Hier können neue Inhalte verfasst werden. In den vorgefertigten Texten kann man sehen, positioniert wird.
z.b. Inhalt steht auf der Startseite, Archiv im Archiv,... usw.
Kategorien (hinzufügen): Hier könnt ihr bestehende Katerogien ändern, hinzufügen oder löschen.
Kategorien sind z.b: Hauptmenü, Kontakt, ....,
Einsendungen : Dort können eingesendete Beiträge eingesehen werden.
FAQ: Kurz und knapp, hier könnt ihr eure eigenen FaQ's oder häufig gestellte Fragen beantworten und somit dem neuen User einen guten Einstieg ermöglichen.
Foren: Hier empfehle ich vorweg einen separaten Tab mit der Forenansicht der Webseite geöffnet zu haben, um die Änderungen nachzuvollziehen.
Katergorien (hinzufügen): In der Standardinstallation ist bereits eine Kategorie eingetragen: Allgemeine Diskussionen.
Wir haben jetzt die Auswahl zwischen editieren oder neu anlegen. Zunächst editieren wir die bestehende, indem wir rechts die bestehende
anklicken. Es öffnet sich ein Menü zum bearbeiten: Titel ändere ich jetzt Mal in News, die Beschreibung in Neuigkeiten, Unterforen anzeigen belasse ich auf vollständig anzeigen, da ich hier kein Unterforum einplane. Die Lese- und Schreibrechte setze ich auf den Status "User", da so mindestens eine Registrierung von Nöten ist, um das Forum zu lesen, oder aber auch darin zu schreiben.
Den Status vom Forum setze ich auf offen. Das heisst, es dürfen Themen erstellt und gepostet werden.
Moderatoren: Hier können wir User zu Moderatoren machen. Man beachte, das die Mods Rechte zum Löschen editieren oder verschieben von Beiträgen bekommen. Ein Zugriff auf den Admin-Bereich bleibt jedoch verwehrt.
Benutzer: Sollte das Forum geschlossen sein, bekommen diese ausgewählten User trotzdem die Möglichkeit zu posten.
Der Rest erklärt sich von selbst. Verschieben kommt im nächsten Abschnitt. Dann drücken wir auf speichern und aktualisieren den Tab, wo das Forum noch drin geöffnet sein sollte. Man sieht jetzt die Änderungen.
Zurück zum Adminbereich:
Nun erstellen wir eine neue Kategorie, ich nenne sie jetzt mal "Hauptforum" und speichere sie testweise einfach ab.
Jetzt erstelle ich noch eine Katerogie, und nenne sie "Unterforum", und speichere sie auch ab.
Jetzt klicken wir auf Katerogie und sehen 3 Kategorien: News, Hauptforum und Unterforum.
Nun will ich das Unterforum in den Bereich der Hauptforum verschieben, dafür klicke ich auf "Unterforum" und scrolle nach Verschieben
in: Hauptforum
Im Tab wo sich das Forum befindet aktualisieren wir und wir sehen, das unter dem Hauptforum sich das Unterforum befindet. Da wir beim erstellen der Kategorie Hauptforum das Unterforum auf "vollständig anzeigen" belassen haben, wird es angezeigt. Würde man nun in der Kategorie Hauptforum es umstellen auf: verbergen, würde das Unterforum erst beim Anklicken des Hauptforums sichtbar sein. Probiert es einfach aus,damit ihr seht was ich meine.
Erneut auf Kategorien links klicken:
Hat man nun mehrere Unterforen in einer Kategorie, markiert man die entsprechende und wählt markiert nicht wie voreingestellt editieren, sonder Unterforen sortieren. Nun kommen wir in ein anderes Menü, wo wir die Unterforen hoch oder runter schieben können.
Abstimmungen : Hier können wir Umfragen erstellen und bearbeiten.
Navigation: Hier können wir die linke, rechte und obere Navigationsbox bearbeiten.
Zunächst klicken wir auf Kategorien und sehen die Ausrichtung der einzelnen Kategorien.
Diese können wir durch markieren und dem Verschiebemenü von links nach rechts schieben, oder eine Zeile nach unten, etc.
Klicken wir jetzt im oberen Bereich auf Hauptmenü, kommt ein alt bekanntes Menü. Hier können wir wieder die Bezeichnung ändern, wenn bei direktem Klick auf Hauptmenü eine Verlinkung stattfinden soll, so muss die URL als Titel-Link angegeben werden. Ich empfehle immer, die Statusangabe von Gast auf mindestens User zu setzen, da so mindestens eine Registrierung von Nöten ist.
Bei Aufklappbar steht standardgemäß "immer offen", damit sind z.b. Startseite, News, Artikel, etc sichtbar. Wählt man nun "öffnen durch klicken" muss man erst auf die Kategorie klicken um die Unterverweise zu sehen. Sollte man diese Einstellung wählen, sollte man keine Titel-URL vergeben.
Wir wollen jetzt aber mal testweise eine Kategorie erstellen, dafür auf neue Kategorie erstellen, als Namen nehme ich jetzt mal Test und speichere sie dann ab. Auf der Startseite der Webseite sollte nun der Punkt Test hinzugekommen sein.
Nun gehts weiter auf Verweise: Hier werden die eben angesprochenen Unterverweise bearbeitet. Wir sehen die Kategorie "Hauptmenü" hat
Startseite, News, Artikel, etc als Unterverweise. Damit wir jetzt in unsere "Test" - Kategorie ein Verweis bekommen, klicken wir oben bei "neuen Link erstellen" und wählen "Test". und geben einen Linknamen ein.
Bei der URL müssen wir nun einen Pfad angeben, der entweder zu einer anderen Webseite, oder Grafik oder was auch immer führt.
Diese Datei kann auch auf dem eigenen FTP liegen. Für den Test habe ich jetzt mal die Adresse [ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ] eingegeben und abgespeichert.
Auf der Startseite unserer Webseite haben wir nun erfolgreich eine Kategorie und einen Verweis abgelegt.
Benutzer: Hier finden wir eine Übersicht der registrierten Benutzer, neue Benutzer können erstellt werden, sowie Gruppen, Smilies oder Avatare hinzugefügt werden.
Sonstiges:
Informationen & Statistiken:
Konfiguration: Alle Einstellungen: Hier können wir alle Einstellungen zur Webseite vornehmen.
Coming soon....
5. Design einfügen
Hier müssen wir jetzt erstmal Google beauftragen, uns passende Designvorlagen herauszusuchen.
Dabei ist es wichtig darauf zu achten, das man immer nur die Designs einfügt, die für die jeweilige Version (1.6.4 oder 1.6.5)
geschrieben sind.
Ich füge auf der Seite [ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ] sämtliche Designs aus dem oben genannten Komplettpaket ein, so das man sich dort die Designs unter dem Menüpunkt "Ihr Design" auch anschauen kann.
Für diesen Test nehme ich das Design Ezero Blue Line V3.0.
Es ist im Komplettpaket enthalten und befindet sich im Ezero_blue_line_Style_V3.0F.PHPKIT-1.6.5.rar Verzeichnis. Also entpacken.
Auf der für dieses Tutorial erstellten Seite: [ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ] füge ich säömtliche Designs aus dem Kit-Coding Komplettpaket ein, so das man sich dort unter dem Menüpunkt "Design auswählen" die Designs angeschaut werden können. Das hat den Vorteil, das man nicht alle Designs erst hochladen muss.
Nun haben wir einige Ordner, sowie eine Ezero-BlueLine.pkxstyle und eine Install.txt.
Diese Install.txt sollte man ruhig ein wenig Beachtung schenken, da meistens Änderungen in den eigentlichen Webseiten- Dateien nötig sind.
Bevor wir aber diese Änderungen vornehmen erstellen wir uns einen Ordner auf der Festplatte, wo die Dateien als Sicherungskopie abgespeichert werden.
Ich würde euch raten, die Ordnerstruktur vom Server bezubehalten,sonst wisst ihr nachher nichtmehr wo die Dateien her sind.
Dafür habe ichmir jetzt mal einen Ordner namens FTP gemacht, wo ich wiederum einige leere Ordner erstellt habe, die ich dann später umbenenne und
weitere Unterordner drin erstelle.
Nun starten wir Filezilla und verbinden uns mit unseren Daten mit dem Server.
Aus der Install.txt entnehmen wir, das wir alle Dateien ausser den Ordner psd aus dem Archiv hochladen sollen. Okay, dann werden wir das mal machen. Dafür wieder die Dateien markieren und unten in Filezilla ziehen, per Rechtsklick die Warteschlange abarbeiten.
Ist das auch erledigt, wechseln wir zur Webseite in den Admin-Bereich.
Dort gehen wir auf Sonstiges und Designs, wählen Importieren und suchen das Verzeichnis, wo die Ezero-BlueLine.pkxstyle Datei zu unserm Design auf der Platte liegt.
Ein Klick auf Importieren und nun sollte sich die site.html im Editor öffnen. Dort scrollen wir nach unten, speichern, klicken links erneut auf Designs und nun haben wir auch das
Design "Ezero-BlueLine" zur Auswahl. Damit wir das nun auch auf unsere Webseite angezeigt bekommen, müssen wir es makieren und aktivieren.
Ich empfehle immer, nach Änderungen die Webseite im separaten Tab zu öffnen, um nachzuvollziehen was passiert. Sollte das Ergebnis wiedererwartens nicht zum Erfolg führen hat man ja noch den Tab offen, um ein anderes Design zu nehmen.
Auch wenn die Webseite nun blauschwarz hinterlegt ist, wird in der Install.txt darauf hingewiesen, das man ja noch die Navigationsbox hinzufügen kann.
Gut, dann wollen wir das auch machen. Im Admin-Bereich klicken wir nun auf Navigation und Neu.
Als Titel geb ich jetzt mal Nav ein und bei Navigationsbox scrolle ich nach unten auf "navbox.ezero3headerlogin.php" . Die Ausrichtung soll oben sein, also auch dort platzieren.
Nun gehen wir wieder zur Webseite und sehen wo Header Loginbar steht, das sich dort auf einmal neue Symbole zu sehen sind.
Weitere Änderungen sind immer der beiliegenden Install.txt zu entnehmen.
Ab diesem Zeitpunkt könnte man mit den in Punkt 4 beschriebenen Schritten beginnen, seine Webseite (Startseite,Navigationsleisten, Forum) nach seinen Wünschen zu gestalten.
Wer nun direkt einige Sachen, z.b Bedankomat etc. fürs Forum einfügen will, kann direkt zu Punkt 8 hinspringen.
6. Flash einbinden
Zunächst einmal was sind Flash- Anwendungen?
Flash Anwendungen sind Dateien mit der Endung swf. Das können Videos, Spiele oder Werbebanner sein.
Damit diese vom Browser abgespielt werden können, ist ein Flashplayer Plugin z..b von Adobe nötig.
Youtubevideos(Playlist)
Videos,Musik deren Urheber man nicht ist, sollte man nicht auf seinen eigenen FTP hochladen.
Nun benötigen wir zunächst einen Account bei Youtube und erstellen uns dort im Benutzerkonto eine Playlist. Videos kann man zur Playlist hinzufügen, indem man den dafür vorgesehenen Button unter den Videos nimmt.
Nun haben wir einige Videos ausgesucht, dann gehen wir in unser Benutzerkonto zur Playlist, und klicken auf Teilen .
Wir erhalten einen Code, den wir kopieren und in eine txt- Datei abspeichern mit den Namen youtube und laden diese gleich
ins Hauptverzeichnis auf den server. Dort ändern wir die Dateiendung von txt in html um. Nun haben wir eine youtube.html .
Nun können wir uns überlegen, ob wir die Playlist auf einer separaten html - Seite einfügen, oder auf der Startseite, oder aber in der Navileiste.
Zunächst auf einer separaten html - Seite ( Popup)
Dafür laden wir gehen wir in den Adminbereich unter Sonstiges weiter auf Vorlagen und editieren die site.
ein. Nun haben wir ganz oben eine Verlinkung : Hier gehts zur Playlist. Beim Klicken darauf öffnet sich ein Popup mit dem Player der Videos.
Sobald ein anderes Design gewählt wird, muss man diese Änderung an der site wiederholt werden.
Flashspiele
Hiefür benötigen wir erstmal einige Spiele, die wir auf unsere Webseite anbieten wollen.
Dafür habe ich jetzt mal diese Seite: [ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ] herausgesucht. Dort gibt es Spiele kostenlos zum Herunterladen. Haben wir nun einige Spiele heruntergeladen, erstellen wir einen Ordner Namens games und packen aus den Spieleordnern die swf Datei hinein. Ist das erledigt, laden wir den Ordner games auf unseren FTP.
Nun erstellen wir wie in Punkt 4 beschrieben eine Kategorie mit dem Namen Spiele. In diese Kategorie erstellen wir dann die Verweise zu den jeweiligen swf Dateien.
Im Detail: Ich habe die canyon-valley-rally.swf im Ordner games hochgeladen. Den Verweis benenne ich Canyon Valley Ralley und die Verlinkung : [ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ] .
Ich werde hier in Kürze eine fertige Vorlage einbinden, wo man die Spiele anhand der Bilder aussuchen kann.
7. Chat einbauen
Zunächst müssen wir wissen, welchen Chat wir haben möchten, es gibt genug kostenlose Chatmodule...
Ich erkläre an zwei unterschiedlichen Chatsystemen, wie man vorgeht. Für einzelen Chatsysteme kann man mich gerne fragen.
Mein Favorit, da er relativ simpel zu handhaben ist
Laberecke
Da ich den originalen Downloadlink immo nicht finde, gibt es hier vorerst den Alternativdownload.
[ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]
Nach dem entpacken laden wir alle Dateien hoch, wobei die install.php in den Ordner ../pkinc/public abgelegt wird.
Danach müssen wir dem Ordner ../images/laberecke noch Schreibrechte (CHMOD 777) geben und einige Dateien bearbeiten.
Danach rufen wir wie in der Anleitung beschrieben die Installation auf und folgen den Anweisungen.
Das Passwort was während der Installtion gefragt wird heisst: lucky
Ist die Installation erfolgreich gewesen, sollte nun einn Chat ähnlich der Shoutbox in der Navileiste befinden.
Über den Admin-Bereich lassen sich die Funktionen einstellen.
Spinchat
Ein ganz einfacher wäre z.b von [ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]
Farbe auswählen, Raumname , Größe auswählen und erstellen. Nun bekommen wir einen Code, den wir kopieren und im
Windows Editor einfügen und abspeichern unter chat.txt. Diese packen wir dann in einen Ordner Namens chat.
Diesen Ordner laden wir auch wieder mit dem Filezilla in das Hauptverzeichnis unseres FTP's, wechseln in den Ordner chat und benennen die chat.txt in chat.html um.
Nun müssen wir einen Verweis erstellen, die Kategorie müsst ihr selber entscheiden, oder aber ihr erstellt noch eine neue.
Ich erstelle eine neue Kategorie und benenne sie "Chat" und darunter erstelle ich den Verweis "Chat" mit der Verlinkung zu meiner
chat.html . In meinem Fall wäre das: [ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]
PCPIn Chat
Dieser Chat basiert auf eine eigenständige Installation und lässt sich auch ohne PHPKit betreiben.
Es ist aber eine separate Registrierung von Nöten, da dieser Chat nicht auf die Userdatenbank vom PHPKit zugreift,
was für den ein oder anderen User zu umständlich ist.
-Sobald ich da ne Lösung für habe, kommt sie hier mit rein.-
Zunächst laden wir uns hier : [ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ] den Chat V6.22.zip herunter. Nach dem entpacken benennen wir den Ordner in chat um.
Dann gehen wir in den Ordner config und öffnen die db.inc.php im Wordpad und geben unsere Datenbankangaben ein.
Da es in den originalen Installationsdateien zu Fehlern bei der Sprachinstallation kommt, müssen wir noch folgende Datei bearbeiten
Dazu wechseln wir in den Ordner "Install/Database und öffnen die structure.sql im Editor.
Dort suchen wir folgendene Einträge: TYPE= und ersetzen diese mit : ENGINE=
Zum Schluß muss diese abgespeichert werden.
Jetzt können wir den Ordner "chat" ins Hauptverzeichnis hoch laden und geben der .../chat/config/db.inc.php Schreibzugriff (CHMOD 666).
Nun starten wir die Installation mit der Url:
[ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]
Starte Installation, .... Continue, ... Server Information (alles muss grün sein), .... Continue, ...
Datenbankangaben wie schon bei der PHPKIT Installation eingeben, .... Continue, ...
Überprüft auf vorherige Version, ... Continue, ... Sprache wählen, .... Continue, ...
Administrator festlegen,... Continue, ...
Eingabe prüfen und installieren.
Ist die Installation beendet, müssen wir noch den Ordner "install" und die "upgrade.php" löschen.
Das machen wir ganz einfach über Filezilla.
Danach kommen wir in den Admin - Panel und können Räume erstellen, editieren und weitere Einstellungen vornehmen.
Diesen Code wie oben bei Spinchat beschrieben einfügen:
PHP-Code:
<!-- Modify these styles to match the input form to your site layout --> <style type="text/css"> .vagipechat { background-image: url("http://www.vagipe.com/gfx/vgpbbg.png"); background-repeat:no-repeat; background-position:center; font-size: 11px; font-weight: bold; font-Family: Arial, Helvetica, sans-serif; color: #000; } .vagipetext { font-size: 11px; border: 1px #eee solid; background-color: #444; color: white; width: 100px; font-Family: Arial, Helvetica, sans-serif; } .vagipebutton { font-size: 11px; border: 1px outset #900; color: white; background-color: #900; } </style> <s***** language="javas*****" src="http://www.vagipe.com/vagipe3.js"></s*****> <s***** language="javas*****"> // Your unique room ID: Your domain name. // Modify this if you are on a freehost or want to share a chat across sites. var roomid = window.location.hostname.replace(/www./, ""); showEnter(); </s*****> <center><a href="http://www.vagipe.com/">A free webcam chat room by Vagipe</a></center>
Your unique room ID: In dieser Zeile eure Adresse eintragen.
Die Einbindung in die Webseite erfolgt wie beim Spinchat.
8. Forum pimpen
Ab hier fangen wir an einige Tools in die Software zu integrieren. Ich werde nicht jeden einzelnen Vorgang
schreiben, da den jeweiligen Tools eine ausführliche Anleitung beiliegt. Jedoch werde ich das ein oder andere
erwähnen.
Beachtet, ob in den Anleitungen darunter oder darüber steht, sonst fügt ihr die Dinge an verkehrter Stelle ein.
Genauso, ob die Dateien vor Installation oder danach editiert werden müssen.
Am Ende einer Instllation sollte die install.php bzw. die deinstall.php vom Server gelöscht werden.
Ich beginne zunächst mit dem Eventkalender. Es ist ein herkömmlicher Kalender mit Terminfunktion.
Nach dem entpacken benenne ich den Ordner um in "event" und nehme die Anleitung heraus.
Danach lade ich den Ordner auf den FTP. Aus der Anleitung entnehmen wir, das wir erstmal eine Reihe von Dateien
ändern müssen. Diese Dateien ziehen wir in unseren Backup-Ordner, bevor wir sie nochmal auf den Desktop ziehen, um die jeweiligen Passagen
zu ändern. Danach ziehen wir sie wieder in das gleiche Verzeichnis auf unseren FTP.
Die Installation könenn wir mit der folgenden Adresse aufrufen: [ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]
Nach erfolgreicher Installation können wir im Admin-Menü eine neue Kategorie erstellen und als Navigationsbox "event.php" wählen.
Termine können dann ebenfalls über das Admin-Menü und dem Bereich "Eventkalender" erstellt werden, oder aber auch als Admin
unter dem Kalender.
Als nächsten fügen wir den Schnellantworthack zum Forum dazu. Wie der Name schon sagt, ermöglicht er schneller auf Posts zu antworten.
Beginnend lesen wir auch hier wieder die Anleitung. Beim Uploaden der Dateien wird anders wie aus der Anleitung hervorgeht,
die "install.php" ersetzt. Das ist aber auch nur der Fall, wenn wir zuvor ein anderes Tool integriert haben.
Wenn die Dateien oben sind, wird zuerst installiert, danach editiert.
Ist alles richtig gelaufen, haben wir nun unter den Posts ein neues Fenster für die Schnellantwort.
Weiter gehts mit dem Forenbedankomat. Dies ist es zusätzlicher Button, um sich bei hilfreichen Antworten zu
bedanken. Zusätzlich wird eine Tabelle angelegt mit einer Highscore an "Thanks".
Erst uploaden, dann installieren, dann editieren. Und da gehts auch schon wieder los... die Sucherei...
Die Dateien wie in der Anleitung beschrieben editieren und hochladen. Es befinden sich bereits Dateien im Backup Ordner,
die erneut geändert werden. Damit man nun die Originale nicht mit einer bereits geänderten Datei überschreibt, nenne ich
die z.b: forumsthread.htm in ori.forumsthread.htm um. Damit habe ich dann auch die geänderte abgesichert, falls etwas schief
geht.
Ist alles richtig, wird ab nun bei dem erstellen von neuen Thread der Bedankomat angezeigt. Warum ihr bei euch selber
keinen "Bedanke-Button" seht, ist logisch, da ihr euch nicht selber bedanken könnt. Um es zu testen, könnt ihr über den Admin-Bereich ein
Testuser erstellen. Dann seht ihr den auch.
Weitere : Coming soon
9. Bildergalerie
Nun kommen wir zu dem unten von DustFireSky genannten Plugin System. Das System ist in meinen Augen mit einigen Sachen die ich oben bereits erwähnt habe nicht zu benutzen. Deshalb greife ich erst jetzt darauf zurück.
Zuerst laden wir uns das [ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ] herunter und entpacken es. Die 4 Ordner laden wir wieder auf unseren Server ins Root hoch und rufen die install.php auf. Bei erfolgreicher Installation sehen wir im Installationsfortschritt alles grün.
Nun editieren wie bereits zuvor die Dateien, die in der Anleitung angegeben sind.
Schreibzugriff nich vergessen!
Haben wir auch dies erfolgreich erledigt, geht es in den Adminbereich unter ASCE Pluginsystem und Einstellungen.
Hier müssen wir Angaben zu unserem FTP machen. Das Startverzeichnis ist " / " , ohne "
Danach die Einstelung abspeichern und das Admin- Menü mit F5 aktualisieren.
Nun laden wir uns die [ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ] herunter, und entpacken es diesmal nicht. Stattdessen gehen wir im Adminmenü auf das ASCE Pluginsystem und auf Plugins. Nun mit durchsuchen das heruntergeladene Zip auswählen und hochladen.
Danach markieren und entpacken. Beim Entpacken sehen wir eine Auflistung, hier sollte ebenfalls alles grün sein. Nun klicken wir auf Refresh und sehen bei der Bildergalerie den Status entpackt.
Nun klicken wir bei "Paket Optionen" den ersten Ordner "Installieren" an, und klicken zunächst auf Dateien automatisch editieren... Sollte es hier zu Fehlermeldungen kommen, kann das Plugin nicht installiert werden. Im Normalfall funktioniert alles und beim zweiten Anlauf müssen wir den Testlauf mit Nein beantworten und wieder auf Dateien automatisch editieren klicken.
Nun mit F5 den Adminbereich aktualisieren und wir sehen den Eintrag "Bildergalerie". Dort können wir nun die administrativen Einstellungen vornehmen.
Die Galerie lässt sich aufrufen über folgenden Link: [ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]
Die Bildergallerie bietet: Bilderupload, Kommentare, Like Button, usw... Bilder von Usern müssen durch den Admin freigeschaltet werden.
Nun erstelle ich wieder einen Verweis (Punkt 4) zur Bildergalerie.
[TUT]Webseite erstellen für Anfänger Schritt für Schritt und kostenlos
Baum-Darstellung