Inhaltsverzeichnis - Bluetronix

Inhaltsverzeichnis 

• Einleitung 

• Was ist die bluetronix Software? 

• Was ist ein CMS? 

• Was ist eine Online-Software? 

• Vorteile von Online-Software 

• Systemvoraussetzung 

• Sicherheitshinweise 

• Schnelleinstieg 

• Der Bearbeitungsmodus – Anmeldung am CMS 

• Das Haupt-Menü 

• Die Edit-Buttons 

• Seite bearbeiten 

• Datensatz bearbeiten 

• Menü bearbeiten - Änderung der Navigation 

• Layout ändern - vorgefertigtes Layout laden 

• Verschobene Darstellung - Bildschirmauflösung 

• Homepage-Editor 

• Grundsätzliche Funktionen 

• Textgestaltung 

• Textausrichtung 

• Webspezifische Funktionen 

• Link erstellen – Seiten verbinden 

• Externe Links – Link zu einer anderen Webseite 

• Die Bilderverwaltung – Bilder hochladen 

• Die Bildermenüleiste 

• Der Bild-Editor 

• Beispiel Bild online bearbeiten 

• Dokumentenverwaltung – Dokument hochladen 

• Hochladen einer PDF-Datei 

• Hochladen einer ZIP-Datei, zum Download bereitstellen 

• Tabellen - Tabellenmenüleiste 

• Tabelle einfügen 

• Unsichtbare Tabelle, transparente Tabelle 

• Formulare 

• Einfügen einer Auswahl (Select-Feld) 

• Einfügen eines einzeiligen Eingabefeldes (Input-Feld) 

© Copyright 2002-2008 bluetronix 

2

• Senden-Button 

• Formular-Optionen 

• Testen eines Formulars 

• Module und Plugins 

• Laufschrift einfügen – Newsticker 

• Datum einfügen – Format 30. 06. 2008 

• Datum einfügen – Format 30. Juni 2008 

• Uhrzeit einfügen 

• Bildershow – Diashow einfügen 

• Mouseover-Bild einfügen 

• Detaillierte Bildansicht 

• Der CSS-Editor – Stylesheet-Editor 

• CSS-Beispiel 

• Sonderzeichen 

• Die HTML-Code-Ansicht 

• Beispiel für die Code-Ansicht 

• Seiten-Einstellungen 

• Der Seiten-Titel 

• Hintergrund und Seitenlayout 

• Autor, Keywords, Suchmaschinen 

• Seite nicht in Suchmaschinen eintragen 

• PHP-Code im Text-Editor bearbeiten 

• Vorlagen zum Seitenaufbau 

• Anpassen der Vorlagen im CSS-Editor (für Webdesigner) 

• Freie Positionierung 

• Dynamische Menüs – Klapp-Menüs 

• Menü-Typen 

• Der Menü-Editor 

• Die Seiten-Verwaltung (Datei-Verwaltung) 

• Der Text-Editor 

• Das Benutzersystem 

• Administratorpasswort ändern – Benutzerpasswort ändern 


3

• Die Mitarbeiter-Verwaltung – Anlegen eines Mitarbeiters 

• Die Mitarbeiter – Benutzer sperren 

• Benutzer entsperren 

• Benutzerpasswort neu vergeben – Passwort vergessen 

• Registrierte Benutzer und Gruppen 

• Seite / Verzeichnis Passwortschützen, Interner Bereich 

• Homepage-Layout 

• Das bluetronix Layout-Konzept 

• Layout bearbeiten – Fensteraufteilung 

• Fenstereinstellungen - Hintergrundeinstellungen 

• Stilarten bearbeiten – CSS-Klassen 

• Eigene Schriftarten 

• Stilarten-Assistent – global Farben und Bilder ändern 

• Design-Vorlagen 

• Fragen zum bluetronix Layout-Konzept 

• Wie erstelle ich eine Seite ohne Frames, ohne für eine Änderung am Menü oder 

Kopffeld mehrere Seiten ändern zu müssen? 

• Warum sollte man eine Seite ohne Frames erstellen? 

• Wie kann ich auf der Homepage eine Seite, wie bei Frames ein Fenster, scrollen, ohne 

Frames zu verwenden? 

• CMS Module 

• Grundsätzliches zu den Modulen – dynamische Seiten 

• Komponente 1 – die Seiten-Maske 

• Komponente 2 – das PHP-Script 

• Komponente 3 – die Datenbank 

• Mehrfachinstallation eines Moduls 

• Kombinationen von Modulen 

• Fotoalbum 

• Fotoalbum mit Bilderimport und automatischer Berechnung der Bilder 

• Installation des CMS-Moduls Fotoalbum 

• Einfaches Einfügen bzw. Ändern von Bildern im Fotoalbum 

• Fotoalbum mit individuellem Layout 

• Shopsystem – Online-Shop 

• Funktionen des Shopsystems 

• Installation des CMS-Moduls Shopsystem 

• Hinzufügen und Ändern eines Artikels 

• Import und Export von Artikeln im CSV bzw. TXT-Format 

• Aktualisieren des Shopmenüs (automatisch) 

• Aktualisieren des Shopmenüs (manuell) 


4

• Shopdatenbank, Spalten und Eigenschaften 

• Links auf Shopseiten 

• Bearbeiten der Shopmasken 

• Shopsystem – für Programmier mit PHP, HTML und Javascript 

• Shopsystem - Warenkorb und Zahlungssystem – Zahlung per Kreditkarte 

• Shopsystem – Empfang einer Bestellung – Weiterleitung auf das Handy 

• Shopsystem - Auswertung der Zugriffe – Optimierung 

• Shopsystem mit Modul Interne Bereiche 

• Newsseite 

• Installation des CMS-Moduls Newsseite 

• Einfaches Einfügen bzw. Ändern von Datensätzen in der Newsseite 

• Formularsystem 

• Installation des CMS-Moduls Formular 

• Einfaches Erstellen und Ändern des Formulars 

• Formulare – Layout anpassen 

• Formular - Weiterleitung auf das Handy 

• Interne Bereiche 

• Installation des CMS-Moduls Interne Bereiche 

• Einfaches Ändern der Login-Seiten - Layoutanpassungen 

• Gästebuch 

• Installation des CMS-Moduls Interne Bereiche 

• Einfaches Ändern und Löschen von Datensätzen im Gästebuch 

• Einfaches Ändern der Gästebuch-Seiten - Layoutanpassungen 

• Diskussionsforum 

• Installation des CMS-Moduls Diskussionsforum 

• Einfaches Ändern und Löschen von Datensätzen im Forum 

• Einfaches Ändern der Foren-Seiten - Layoutanpassungen 

• Homepage Suche – Volltextsuche 

• Installation des CMS-Moduls Diskussionsforum 

• Einfaches Ändern der Suchen-Seiten - Layoutanpassungen 

• Newsletter - Modul 

• Installation des CMS-Moduls Newsletter 

• Einfaches Ändern der Newsletter-Seiten - Layoutanpassungen 


5

• Datenbanken 

• Die Datenbankverwaltung 

• Die Tabellen-Ansicht 

• Felder bearbeiten 

• Zeileninhalt löschen, Spalteninhalt löschen 

• Zeileninhalt kopieren, Spalteninhalt kopieren 

• Spalte einfügen, löschen, ändern 


• Die Datensatzansicht 

• Import und Export über Zwischenablage 

• Datenbank importieren 

• Schritt 1 - Datei in Excel als CSV speichern 

• Schritt 2 - Import der Datei in der Datenbankverwaltung 

• Datenbank exportieren 

• MySQL-Befehlseingabe 

• Statistik - Zugriffsauswertung 

• Datentransfer, Anzahl der Besucher 

• Besuchereinzelauswertung 

• Wie kam ein Besucher auf meine Homepage? Was hat ein Besucher in der 

Suchmaschine eingegeben? 

• Speicherplatzverwaltung 

• Vertag 

• Persönliche Daten ändern 

• Aktuelle Rechnung 

• Vertragswechsel 

• Domain-Verwaltung 

• Domain registrieren 

• Domain-Providerwechsel 

• Domain-Status-Anzeige 

• Was ist eine Hauptdomain? 

• Hauptdomain wechseln 

• Email 

• Die Email-Adressverwaltung 

• Neue Email-Adresse erstellen 

• Passwort der Email-Adresse ändern 

• Email-Adresse umleiten 

• Email-Datenblatt – Daten für Outlook POP3, STMP, IMAP 

• Emails lesen und schreiben mit dem Webmailer 

• Email lesen 

• Emails schreiben 


6

• Einrichtung von MS-Outlook 

• Daten zur Email-Adresse ermitteln 

• MS-Outlook einrichten 

• Einrichtung von Thunderbird 


• Thunderbird einrichten 

• SPAM-Filter installieren 

• Vorgehen bei Problemen mit einer Email-Adresse 

• Newsletter 

• Newsletter versenden 

• Newsletter-Adressverwaltung 

• Newsletter-Adressbuch aus Outlook importieren 

• Schritt 1 – Export des Adressbuches aus Outlook 

• Schritt 2 – Formatieren der Spalten in Excel 

• Schritt 3 – Import des Adressbuchs in das Newslettersystem 

• FTP-Webverzeichnis 

• Das FTP-Webverzeichnis 

• Die FTP-Zugangsverwaltung – FTP-Passwort ändern 

• Externes FTP-Programm einrichten 

• Reseller – Vertriebspartner 

• Webpaket als Reseller bestellen 

• Homepage-Übernahme mit Providerwechsel 

• Import einer bestehenden Homepage 

• Kopieren der lokal gespeicherten HTML-Seiten 

• Hochladen der bisherigen HTML-Seiten per FTP 

• Kopieren der Datei style.css 

• Import der Dateien im CMS 

• Seiten mit Frames umwandeln 

• Sinn und Zweck 

• Seiten und Fenstergrößen aus dem Frameset ermitteln 

• Umbenennen der Homeseite in index.html 

• Impressum 


7

Einleitung 

Sehr geehrter Kunde, 

vielen Dank, dass Sie sich für unser Produkt entschieden haben. Im Folgenden erhalten Sie 

Informationen über die vielen Funktionen der bluetronix CMS-Software. 

• Was ist die bluetronix Software? 

• Was ist ein CMS? 

• Was ist eine Online-Software? 

• Vorteile von Online-Software 

• Systemvoraussetzung 

• Sicherheitshinweise 

Was ist die bluetronix Software? 

Die bluetronix Software ist ein einfach zu bedienendes System mit vielen Funktionen für die 

Gestaltung und Pflege einer professionellen Homepage. 

Die Software ist für Neueinsteiger und Profis gleichermaßen geeignet und ist mehr als ein 

reines Content-Management-System. Serverfunktionen wie Email- und Domain- 

Konfiguration, Zugriffsstatistik, FTP-Programm und Benutzerkonten sind enthalten. 

Funktionen wie HTML-Editor, Bild-Editor, Formularsystem, Newslettersystem, CSS-Editor, 

Text-Editor, Editor für dynamische Menüs, Datenbank-Editor sowie die Module Shopsystem, 

Gästebuch, Diskussionsforum, Fotoalbum, Interne-Bereiche und Newsseite machen die 

Software einzigartig. 

Was ist ein CMS? 

Der Begriff CMS, in ausgeschriebener Form „Content Management System“, bedeutet 

einfach gesagt, die gemeinschaftliche Erstellung und Pflege von Texten und Inhalten einer 

Homepage. Das Ziel des bluetronix CMS ist, dass die Benutzer des Systems auch ohne 

Programmier- und HTML-Kenntnisse eine Homepage gestalten und pflegen können. 

Was ist eine Online-Software? 

Eine Online-Software, wie die bluetronix Software, kann ohne jegliche Installationsarbeiten 

direkt online über den Browser (dem Internet-Explorer) ausgeführt werden. 

Vorteile von Online-Software 

• Bedienbar über verschiedene PC’s zum Beispiel im Büro, von zu Hause aus oder im 

Internet-Kaffee 

• Sie bearbeiten immer die aktuellste Version Ihrer Homepage, speziell bei mehreren 

Benutzern ist dies unverzichtbar 

• Keine lokale Installation, keine lokale Datensicherung notwendig, automatische 

Datensicherung auf dem Server 

• Sie verwenden immer die aktuellste Version der bluetronix-Software, Updates werden 

automatisch ausgeführt 

Systemvoraussetzung 

Für die bluetronix Software benötigen Sie einen internetfähigen PC mit Modem oder DSL- 

Anschluss sowie den Microsoft® Internet Explorer ab Version 5.5. Für Mac® Benutzer ist 

eine Windows®-Desktop-Erweiterung notwendig. Wichtig! Dies ist nur für die Bearbeitung 


8

der Seiten notwendig, die fertigen Webseiten können natürlich über jeden anderen Browser 

aufgerufen werden. 

Der Internet Explorer wird nur zur Bearbeitung Ihrer Webseite benötigt. Die fertige 

Seite ist natürlich auch in jedem anderen Browser aufrufbar. 

Sicherheitshinweise 

Der Kunde verpflichtet sich, vom Provider erhaltene Passwörter streng geheim zu halten. 

Geben Sie Ihr Passwort nicht an Dritte weiter. Ein verantwortungsvoller Umgang mit Ihren 

Benutzerdaten ist die Grundvoraussetzung für ein sicheres Arbeiten. 

Die Haftung für alle übrigen Schäden, insbesondere Folgeschäden, mittelbare Schäden, 

entgangener Gewinn oder Vermögensschäden ist ausgeschlossen. 

Alle weiteren Bestimmungen finden Sie unter unseren Allgemeinen Geschäftsbedingungen. 


9

Schnelleinstieg 

Im diesem Kapitel werden die wichtigsten Funktionen zur Bedienung der bluetronix Software 

erläutert. Die Software ist komplett vorinstalliert und beinhaltet eine vorgefertigte Homepage. 

Sie können direkt mit der Bearbeitung Ihrer Webseite beginnen. 

• Der Bearbeitungsmodus – Anmeldung am CMS 

• Das Haupt-Menü 

• Die Edit-Buttons 

• Seite bearbeiten 


• Menü bearbeiten - Ändern der Navigation 

• Layout ändern - vorgefertigtes Layout laden 

• Verschobene Darstellung - Bildschirmauflösung 

Der Bearbeitungsmodus – Anmeldung am CMS 

Öffnen Sie den Internet Explorer und rufen Sie Ihre Webseite auf. Den Domainname finden 

Sie in Ihren Zugangsdaten zum Beispiel www.IhreDomain.de. 

Geben Sie in der Adressleiste des Browsers hinter dem Domainname /bearbeiten ein, zum 

Beispiel www.IhreDomain.de/bearbeiten. 

Im Login-Fenster geben Sie Ihren Benutzernamen und Ihre Passwort ein und bestätigen mit 

Login. 

Geben Sie die Daten exakt so ein, wie in den Zugangsdaten. Groß- und Kleinschreibung 

wird unterschieden. 


10

Nach korrektem Login öffnet sich der Bearbeitungsmodus. Im oberen Teil befindet sich das 

sogenannte Haupt-Menü, im unteren Teil wird Ihre Webseite im Bearbeitungsmodus geladen. 

Das Haupt-Menü 

Aktualisieren der Ansicht 

Hilfe zum aktuellen Fenster 

Benutzerverwaltung, Mitarbeiter erstellen, registrierte Benutzer und Gruppen 

Dateiverwaltung, Passwortschutz, Up- und Download von Dateien 

Layout, Fensteraufteilung, Farben und Hintergrundbilder, CSS-Einstellungen 

Module wie Shopsystem, Gästebuch, Forum, Fotoalbum, Newsseite etc. 

Datenbanken, Datenbankverwaltung, Import und Export, MySQL-Befehlseingabe 

Statistik, Zugriffauswertung, Besucher-Einzel-Auswertung, Speicherplatzverwaltung 

Vertrag, Vertragswechsel, Benutzerdaten ändern, Zahlungsart ändern, Domainverwaltung 

Email, Emailverwaltung, Webmailer, Hilfe zur Einrichtung von Outlook und Thunderbird 

Newsletter, Newsletter versenden, Newsletter Adress-Verwaltung 

FTP, FTP-Programm, FTP-Zugangsverwaltung 

Extras, Formular-Archiv, Seiten-Import, Schriftgröße 

Abmelden, Logout 


11

Die Edit-Buttons 

Die Homepage verfügt im Bearbeitungs-Modus über die sogenannten Edit-Buttons. Diese 

erleichtern den Zugriff auf verschiedene Funktionen. Somit können Sie wie gewohnt auf Ihrer 

Webseite navigieren und immer das bearbeiten, was Sie aktuell sehen. 

Öffnet die Seite im Editor 

Öffnet den Menü-Editor 

Einfügen eines Datensatzes bei dynamischen Seiten 

Bearbeiten eines Datensatzes bei dynamischen Seiten 

Löschen eines Datensatzes bei dynamischen Seiten 

Wenn Sie den Mauszeiger über einen Button bewegen, erhalten Sie weitere Informationen, 

zum Beispiel beim Bearbeiten-Button den Dateinamen der Seite. 

Seite bearbeiten 

Im folgenden Beispiel soll die Seite „Home" bearbeiten werden. Navigieren Sie dazu auf die 

Seite „Home“ mit einem Klick auf Home. Zum Bearbeiten der Seite klicken Sie in der rechten 

oberen Ecke, auf Bearbeiten. 

Der Editor verfügt über Textverarbeitungs- sowie webspezifische Funktionen. Sie können 

Texte schreiben, gestalten oder von anderen Textverarbeitungsprogrammen kopieren. 


12

Schreiben Sie, wie in der Textverarbeitung gewohnt, einen Beispieltext oder fügen Sie ein 

Bild ein. Um die Seite zu speichern, klicken Sie anschließend auf das Speichern Symbol. 

Die Seite wird gespeichert und kann jetzt im Internet von Ihren Besuchern gelesen werden. 

Eine genaue Beschreibung der Editor-Funktionen finden Sie im Kapitel Der Homepage- 

Editor. 

Datensatz bearbeiten 

Über die Edit-Buttons können Sie genau so einfach Datensätze wie zum Beispiel im 

Shopsystem, auf der Newsseite oder im Gästebuch ändern. Hier im Beispiel soll ein Eintrag in 

der Newsseite geändert werden. Navigieren Sie dazu auf die Newsseite mit einem Klick auf 

Newsseite. 

Newsseite mit zwei Datensätzen (Datensatz 1 rot umrandet und Datensatz 2 grün umrandet) 

sowie den Edit-Buttons 

Um den Inhalte eines Datensatzes zu bearbeiten, klicken Sie in der linken oberen Ecke auf das 

Datensatz bearbeiten Symbol. 


13

Ändern Sie zum Beispiel die Überschrift oder tauschen Sie das Bild und klicken Sie 

anschließend auf Speichern. Kontrollieren Sie das Ergebnis auf der Homepage. 

Analog verfahren Sie mit den Funktionen Neuen Datensatz einfügen bzw. 

Datensatz löschen. 

Weitere Informationen zu Datenbanken und dynamischen Seiten erhalten Sie in den Kapiteln 

Datenbanken, dynamische Seiten und Grundsätzliches zu den Modulen. 

Menü bearbeiten - Ändern der Navigation 

Das folgenden Beispiel zeigt, wie Sie einen weiteren Menüpunkt in die Navigation einfügen. 

Im Bearbeitungsmodus wird, wie bei allen dynamischem Menüs, in der linken oberen Ecke 

der Menü bearbeiten Button angezeigt. 

Zum Aufruf des Menü-Editors klicken Sie auf Menü bearbeiten. 


14

Im Beispiel soll unterhalb der Navigationspunktes „Newsseite“ ein neuer Menüpunkt mit dem 

Name „Kontakt“ erstellt werden. Klicken Sie dazu auf den Punkt Newsseite und auf das 

Symbol Punkt darunter einfügen. Klicken Sie in das neue Feld und geben Sie den Namen 

des Menüpunkts zum Beispiel „Kontakt“ ein. Klicken Sie abschließend auf „Speichern“. 

In der Standard-Einstellung werden die Seiten von neuen Menüpunkten automatisch 

angelegt. Das Verlinken und Erstellen der zugehörigen Seite ist nicht notwendig. 

Schließen Sie den Menü-Editor und klicken Sie auf Ihrer Homepage auf den neu erstellten 

Menüpunkt „Kontakt“. Eine Anleitung zum Erstellen und Gestalten eines Menüs finden Sie 

im Kapitel dynamische Menüs. 

Layout ändern - vorgefertigtes Layout laden 

Je nach Webpaket sind weitere vorgefertigte Layouts in der Software enthalten. Klicken Sie 

im Hauptmenü auf Layout -> Design-Vorlagen. 


15

Klicken Sie auf das gewünschte Layout und bestätigen Sie mit Layout-Laden. Schließen Sie 

das Layout-Fenster und kontrollieren Sie das Ergebnis auf Ihrer Homepage. 

Eine einfache Möglichkeit, das Layout anzupassen, finden Sie unter Layout -> Stilarten- 

Assistent. Hier können einfach Farben, Bilder und Hintergrundbilder des Layouts verändert 

werden. 

Die bluetronix Software umfasst ein umfangreiches System zur Erstellung und Gestaltung des 

Layouts. Verschiedene Layouts auf einer Homepage, zum Beispiel für verschiedene Bereiche 

oder dem Shopsystem, sind möglich. Ein vollwertiger CSS-Editor, mit welchem auch ohne 

CSS-Programmierkenntnisse Objekte umfangreich beschrieben werden können, ist enthalten. 

Weitere Informationen zum Erstellen eines Layouts finden Sie im Kapitel Das eigene Layout 

erstellen. 

Verschobene Darstellung - Bildschirmauflösung 

Bei einer Bildschirmauflösung mit 120 dpi, bzw. bei veränderten Einstellungen der 

Schriftgröße im Browser können Verschiebungen der Darstellung auftreten. Um die 

bluetronix Software optimal zu nutzen, können Sie im Hauptmenü unter Extras -> Editor- 

Schriftgröße die Schriftgröße anpassen. 

Stellen Sie die Schriftgröße so ein, dass wie hier im Bild der „Beispieltext“ nicht über die 

Markierungen reicht. 


16

Homepage-Editor 

Der Homepage-Editor (HTML-Editor oder auch als Wyswy-Editor bezeichnet) vereinfacht 

das Bearbeiten von Webseiten. Für die Bedienung sind keine Programmierkenntnisse 

erforderlich. 

Grundsätzliche Funktionen 

Im folgenden werden einige Symbole der Menüleisten beschrieben. 

Seite öffnen, startet die Dateiverwaltung 

Seite speichern 

Seite speichern unter, speichert die Seite unter einem anderen Name 

Seite neu beginnen 

Ausschneiden 

Kopieren 

Einfügen 

Rückgängig, letzte ausgeführte Aktion rückgängig machen 

Wiederherstellen, letztes „Rückgängig machen“ widerrufen 

Beispiel zum Ausschneiden, Kopieren und Einfügen 

Um Objekte wie Texte, Bilder oder Tabellen zu kopieren, markieren Sie den Text oder das 

Bild und klicken Sie auf das Kopieren Symbol. Klicken Sie jetzt an die Stelle, an welche 

der Text eingefügt werden soll und auf den Einfügen Button. 


17

Textgestaltung 

Die folgenden Funktionen können auf Texte angewendet werden. Markieren Sie dazu den 

entsprechenden Text und klicken Sie auf eines der Symbole. 

Fettschrift 

Kursivschrift 

Unterstrichen 

Hochgestellt 

Tiefgestellt 

Textfarbe 

Text-Hintergrundfarbe 

Text-Formatierung entfernen, entfernt alle Formatierungen 

Schriftart 

Schriftgröße, mit Eingabefeld zur manuellen Eingabe der Schriftgröße 

Textausrichtung 

linkbündige Textausrichtung 

zentrierte Textausrichtung 

rechtsbündige Textausrichtung 

Blocksatz 

Textausrichtung entfernen 

Nummerierung - Automatische Nummerierung von Absätzen, in Kombination mit „Absatz 

einrücken“ können Unterpunkte realisiert werden 

Punktliste – analog der Nummerierung nur stilistisch mit Punkten anstelle von Zahlen 

Absatz einrücken 

Absatz weniger einrücken 

Webspezifische Funktionen 

Seiten-Einstellungen 

Vorlage 

Menü-Einstellungen 

Objekt freistellen 

HTML-Code-Ansicht 

Suche – findet Begriffe auf der Seite sowie in der Code-Ansicht. 

Link entfernen 

Eigene Bilder - Bilderverwaltung 

Dokumente - Dokumentenverwaltung 

Tabelle-Menüleiste - Aktivieren sowie deaktivieren der Menüleiste 

FTP-Verzeichnisse - Zugriff auf das FTP Verzeichnis 


18

Trennlinie einfügen - Textgestaltung 

Formular einfügen - Formulare erstellen 

Spezielle Objekte - Laufschrift, Counter, Datum, Diashow, Mouseover - Bild 

Schaltfläche einfügen - Buttons erzeugen 

Sonderzeichen 

Link erstellen – Seiten verbinden 

Ein sogenannter Link ist ein Verweis zu einer anderen Seite. Ein Link kann aus einem Text 

oder einem Bild bestehen. Markieren Sie dazu im Editor den gewünschten Text oder ein Bild 

und klicken Sie auf Link einfügen. 

Im Link-Fenster klicken Sie auf Seite wählen. 

Hier im Beispiel soll ein Link zur Seite Kontakt.html erstellt werden. Klicken Sie in der 

Dateiverwaltung auf die Seite Kontakt.html und bestätigen Sie mit Übernehmen. 

Bestätigen Sie im Link-Fenster mit Einfügen. Speichern Sie die Seiten, schließen Sie den 

Editor und testen Sie den Link. 


19

Externe Links – Link zu einer anderen Webseite 

Als externe Links werden Verweise bezeichnet, die zu einer anderen Webseite verbinden. 

Markieren Sie dazu im Editor den gewünschten Text oder ein Bild und klicken Sie auf Link 

einfügen. Geben Sie jetzt im Feld „Link“ die sogenannte URL der Webseite, zum Beispiel 

http://www.bluetronix.de, ein. Sofern die Webseite in einem neuen Browser-Fenster geöffnet 

werden soll, wählen Sie unter Ziel Neues_Fenster. 

Bestätigen Sie im Link-Fenster mit Einfügen. Speichern Sie die Seiten, schließen Sie den 

Editor und testen Sie den Link. 

Die Bilderverwaltung – Bilder hochladen 

Mit Hilfe der Bilderverwaltung übertragen Sie Bilder von Ihrem lokalen PC auf Ihren 

Webspeicherplatz und fügen diese zum Beispiel im Editor ein. 

Bilderverzeichnis wählen 

Bild-Editor, zum online bearbeiten des Bildes 

Bild löschen 

Bild downloaden (runterladen) 

Im folgenden Beispiel soll ein Bild hochgeladen werden und anschließend im Editor 

eingefügt werden. 

Starten Sie die Bilderverwaltung mit einem Klick auf den Button Bilderverwaltung. Klicken 

Sie auf Durchsuchen, wählen Sie eine Bilddatei von Ihrem PC aus. Klicken Sie auf Öffnen und 

anschließend auf Bild-Hochladen. 


20

Um das Bild einzufügen, markieren Sie das Bild mit einem Klick und drücken auf Bild- 

Einfügen. 

Eine Bild-Datei muss die Endung jpg, jpe, jpeg, png oder gif besitzen und darf nicht 

größer als 1 MB sein. Um nicht zutreffende Dateien hochzuladen, verwenden Sie den FTP- 

Zugang. 

Die Bildermenüleiste 

Wenn Sie im Editor ein Bild anklicken, wird automatisch die Bildermenüleiste eingeblendet. 

Hier können Sie die Bildergröße, den Bild-Titel, die Randfarbe sowie die Randbreite 

einstellen. Die Funktion Glätten berechnet das Bild automatisch auf die eingegebene Bild- 

Größe. Die Funktion Auto schneidet das Bild so zu, dass es proportional in die vorgegebene 

Bildgröße passt. 

Im folgenden Beispiel wurde das Bild mit einer Auflösung von 640x480 Pixel und einer 

Dateigröße von 95 KB übertragen und in verschiedenen Bildgrößen mehrfach im Editor 

eingefügt. 

Bild in Größe 250x188 Pixel, mit Glätten, und Proportionalität, Dateigröße 28 KB 

Bild in Größe 150x188 Pixel, mit Glätten, 

und Auto-Zuschnitt, Dateigröße 18 KB 


Bild in Größe 250x100 Pixel, mit Glätten, 

und Auto-Zuschnitt, Dateigröße 17 KB 

21

Ein Bild kann somit an verschiedenen Stellen im Editor in verschiedenen Auflösungen 

verwendet werden. Die Bilder werden dabei von der bluetronix Software automatisch in 

Pixelgröße und Auflösung berechnet. Ein vorheriges Zuschneiden der Bilder kann entfallen. 

Wird das Bild in der Bilderverwaltung ersetzt, so ändern sich automatisch alle Version 

diese Bildes. 

Der Bild-Editor 

Mit dem Bild-Editor können Sie Bilder aus der Bilderverwaltung einfach online ohne jede 

Zusatz-Software bearbeiten. 

Bild öffnen, startet die Dateiverwaltung 

Bild speichern 

Bild speichern unter, speichert das Bild unter einem anderen Name 

Auswahlfeld Zoomfaktor 


Wiederherstellen, letztes Rückgängig widerrufen 

senkrecht Spiegeln 

waagerecht Spiegeln 

Auswahlfeld Kontrast 

Auswahlfeld Helligkeit 

Bild beschneiden, auf Auswahlrahmen beschneiden 

Auswahl löschen 

Eingabefeld Breite in Pixel 

Eingabefeld Höhe in Pixel 

Option Proportionalität beibehalten beim Ändern der Bildabmessungen 


22

Bild auf Eingabegröße zuschneiden 

Bild zurücksetzen, auf Anfangszustand zurücksetzen 

Eingabefeld für Drehen in Grad 

Drehen im Uhrzeigersinn 

Drehen gegen den Uhrzeigersinn 

Umwandeln in Negativ-Bild 

Umwandeln in Graustufen-Bild 

Beispiel - Bild online bearbeiten 

Im folgenden Beispiel wird ein Bild geöffnet, auf einen bestimmten Bildausschnitt 

zugeschnitten, gespiegelt und nach der Anpassungen von Helligkeit und Kontrast gespeichert. 

Originalbild 


Bild nach der Bearbeitung 

Starten Sie die Bilderverwaltung, markieren Sie ein Bild und klicken Sie auf Bild- 

Bearbeiten. Zum Zuschneiden des Bildes klicken Sie mit der linken Maustaste auf den 

Anfangspunkt für den Bildausschnitt. Halten Sie die Maustaste gerückt und ziehen Sie den 

Rahmen auf den Endpunkt für den Bildausschnitt. Klicken Sie auf das Symbol Bild 

beschneiden. Für das Spiegeln des Bildes klicken Sie auf den Button waagerecht Spiegeln. 

In nächsten Schritt wird die Helligkeit und der Kontrast eingestellt. Verwenden Sie dazu die 

Auswahlfelder und stellen Sie bei Kontrast auf +2 (um 2 Werte erhöhen) und bei Helligkeit 

auf –1 (um einen Wert verringern). Sofern nicht das gewünschte Ergebnis erzielt wurde 

klicken Sie auf Rückgängig, um die letzte Aktion rückgängig zu machen. Speichern Sie das 

Bild mit einem Klick auf Speichern. 

Dokumentenverwaltung – Dokument hochladen 

Mit Hilfe der Dokumentenverwaltung übertragen Sie Dokumente wie PDF, DOC, XLS, ZIP 

sowie Media-Dateien wie WAV, MP3, SWF, MOV etc. von Ihrem lokalen PC auf Ihren 

Webspeicherplatz und fügen diese zum Beispiel im Editor ein. 

Je nach Format wird das Dokument so eingefügt, dass es generell mit der entsprechenden 

Anwendung aufgerufen wird. Zum Beispiel wird ein PDF so eingefügt, dass es bei einem 

Klick auf den Dateinamen im PDF-Programm geöffnet wird. Beim Anklicken einer ZIP-Datei 

öffnet sich das Download-Fenster (Herunterladen-Fenster). Bei MOV und MP3 öffnet sich 

der Player zum Abspielen des Films oder des Titels. 

23

Dokumentenverzeichnis wählen 

Vorschau im neuen Fenster 

Dokument löschen 

Dokument downloaden (runterladen) 

Hochladen einer PDF-Datei 

Im folgenden Beispiel soll ein PDF-Dokument hochgeladen und anschließend im Editor 

eingefügt werden. 

Starten Sie die Dokumentenverwaltung mit einem Klick auf den Button 

Dokumentenverwaltung. Klicken Sie auf Durchsuchen, wählen Sie eine Datei von Ihrem PC 

aus und klicken Sie auf Öffnen und anschließend auf Datei-Hochladen. 

Um das Dokument einzufügen, markieren Sie dieses mit einem Klick und drücken auf Datei- 

Einfügen. Schließen Sie die Dokumentenverwaltung und speichern Sie die Seite. Wenn Sie 

jetzt auf Ihrer Homepage auf den Dateinamen klicken, öffnet sich das PDF automatisch im 

PDF-Programm. 

Hochladen einer ZIP-Datei, zum Download bereitstellen 

Im folgenden Beispiel soll eine ZIP-Datei zum Download bereitgestellt werden. 

Starten Sie die Dokumentenverwaltung mit einem Klick auf den Button 

Dokumentenverwaltung. Klicken Sie auf Durchsuchen, wählen Sie die ZIP-Datei von Ihrem 

PC aus und klicken Sie auf Öffnen und anschließend auf Datei-Hochladen. 

Um die Datei einzufügen, markieren Sie diese mit einem Klick und drücken auf Datei- 

Einfügen. Schließen Sie die Dokumentenverwaltung und speichern Sie die Seite. 


24

Um den Download zu testen, klicken Sie jetzt auf Ihrer Homepage auf den Dateinamen der 

ZIP-Datei und anschließend im „Datei-Speichern Fenster“ auf Speichern. 

Eine Dokumenten-Datei muss die Endung tiff, tif, fla, swf, wav, doc, wri, txt, xls, pdf, 

csv, zip, mpg, mov, mp3 oder ppt besitzen und darf beim Upload in der 

Dokumentenverwaltung nicht größer als 10 MB sein. Sofern die Datei größer ist, laden Sie 

diese mit FTP hoch. Siehe dazu Hochladen einer Datei mit FTP. 

Tabellen - Tabellenmenüleiste 

Für das Gestalten einer Webseite haben Tabellen eine wichtige Funktionen zum Positionieren 

von Elementen. 

Tabelle einfügen 

Klicken Sie im Editor auf den Button Tabelle einfügen. Um die Tabelle hervorzuheben, 

treffen Sie die Einstellungen zu Hintergrundfarbe, Randfarbe sowie Randbreite. Geben Sie die 

Anzahl der Spalten und Zeilen ein und bestätigen Sie mit Einfügen. 

Wenn Sie im Editor in eine Tabelle bzw. auf den Rand einer Tabelle klicken, wird 

automatisch die Tabelle-Menüleite eingeblendet. 

Zeile einfügen - fügt unterhalb der markierten Zeile eine neue Tabellenzeile ein 

Zeile löschen - entfernt die gewählte Zeile 

Spalte einfügen - fügt neben der markierten Spalte eine neue Tabellenspalte ein 

Spalte löschen - entfernt die gewählte Zeile 

Tabellen-Gesamtbreite - formatiert die Breite der Tabelle in Pixel und in Prozent 

Tabellen-Gesamthöhe 

Zellen-Abstand - legt den Abstand zwischen dem Text und dem Rand fest 

Randbreite 

Randfarbe - Die Farbe des Tabellenrandes 

Tabellen-Hintergrundfarbe 

Zellen-Hintergrundbild - für jedes Feld der Tabelle kann ein Hintergrundbild gesetzt werden 

Zellen-Hintergrundbild entfernen 


25

Zellen-Hintergrundfarbe - wie für die gesamte Tabelle kann auch für jedes Tabellenfeld eine 

Hintergrundfarbe gewählt werden 

werden 

Spalten-Breite der Zelle - formatiert die Breite der Spalte in Pixel und in Prozent 

Zeilen-Höhe der Zelle 

vertikale Textausrichtung - der Text innerhalb eines Tabellenfeldes kann vertikal ausgerichtet 

Unsichtbare Tabelle, Tabelle ohne Rand, transparente Tabelle, Bild und Text 

nebeneinander positionieren 

Eine Tabelle ohne Rand kann zum Ausrichten und Positionieren von Bildern und Texten 

verwendet werden. Im folgenden Beispiel sollen zwei Bilder mit jeweils einer 

Bildbeschreibung nebeneinander positioniert werden. 

Klicken Sie im Editor auf Tabelle einfügen. Geben Sie bei Anzahl der Spalten eine 2 ein 

(für 2 Bilder) und bei Anzahl der Zeile eine 1 ein. Da die Tabelle nur zur Positionierung 

verwendet wird und auf der Homepage nicht sichtbar sein soll, geben Sie bei „Rahmenbreite“ 

ein 0 ein. Bestätigen Sie mit Einfügen. Die Tabelle wird mit Randbreite 0 im Editor mit 

gestrichelten Linien dargestellt. Nach dem Speichern der Seite sind diese Linien nicht mehr 

sichtbar. 

Klicken Sie im Editor in das linke Tabellenfeld und fügen Sie aus der Bilderverwaltung ein 

Bild ein. Geben Sie unter dem Bild eine Bildbeschreibung ein. Klicken Sie jetzt in das rechte 

Tabellenfeld und fügen Sie das 2. Bild ein. Speichern Sie die Seite und kontrollieren Sie das 

Ergebnis auf Ihrer Homepage. 

Formulare 

Das Formular kann von einem Besucher Ihrer Homepage ausgefüllt und an Sie versandt 

werden. Der Vorteil ist, dass für das Ausfüllen des Formulars der Besucher weder eine Email- 

Adresse noch einen Email-Clienten installiert haben muss. 

Im Editor können Formulare einfach ohne Programmierkenntnisse erstellt werden. Die 

bluetronix Software korrigiert automatisch Feldnamen und Formularelemente. Versandte 

Formulare werden generell im Formular-Archiv Extras -> Formular-Archiv gespeichert. 

Zusätzlich können die Formulare an eine Email-Adresse weitergeleitet werden. Auch eine 

automatische Bestätigung an den Versender kann eingestellt werden. 

Die Übermittlung des Formulars kann im Textmodus (Feld -> Name: Mustermann) sowie im 

HTML-Modus (1:1 die ausgefüllte Formularmaske) erfolgen. 


26

Hier im Beispiel soll das im oberen Bild gezeigte Kontakt-Formular erstellt werden. 

Zum Ausrichten der Formularfelder wird eine transparente Tabelle mit Randbreite 0 

verwendet. 

Formulare werden im Editor mit einem lila farbigen, gestrichelten Rahmen dargestellt. 

Besonders bei der Verwendung von mehreren Formularen auf einer Seite muss der Formular- 

Rahmen beachtet werden. 

Einfügen einer Auswahl (Select-Feld) 

Klicken Sie in das linke Tabellenfeld (1. Zeile) und geben Sie die Bezeichnung „Anrede“ ein. 

Wechseln Sie in das rechte Feld und klicken Sie im Editor auf das Formular Symbol. 


27

Klicken Sie im Formular-Fenster auf Auswahl. Als Feld-Namen tragen Sie „Anrede“ ein. Im 

Feld „Werte“ werden jetzt die Werte „Herr“, „Frau“ und „Firma“ mit „__“ Zeichen getrennt 

eingetragen. 

Einfügen eines einzeiligen Eingabefeldes (Input-Feld) 

Wechseln Sie in die 2. Zeile und geben Sie im linken Tabellenfeld „Name“ ein. Klicken Sie in 

das rechte Feld und öffnen Sie das Formular Fenster. 

Geben Sie unter „Feld-Name“ Vorname ein und aktivieren Sie die Option „Muss-Feld“ 

(damit muss das Feld ausgefüllt werden, sonst kann das Formular nicht abgesandt werden). 

Unter „Wert“ kann eine Vorbelegung angegeben werden. Hier im Beispiel wird das Feld frei 

gelassen. Bestätigen Sie mit Einfügen. Im Editor kann jetzt noch die Größe des Eingabefeldes 

festgelegt werden. Klicken Sie dazu auf das Eingabefeld und ziehen Sie das Feld auf die 

gewünschte Größe. 

Verfahren Sie analog mit den restlichen Eingabefeldern. 

Automatische Bestätigung an den Versender: Wenn Sie unter „Feld-Name“ „Email“ 

eingeben, erhält der Versender, sofern er eine Email-Adresse angegeben hat, automatisch 

nach dem Versand des Formulars eine Bestätigungs-Email. 

Senden Button 

Jetzt wird der sogenannte „Senden-Button“ eingefügt. Mit einem Klick auf diesen Button 

kann der Besucher das Formular versenden. 

Öffnen Sie dazu erneut das Formular Fenster und klicken Sie auf Button. Die Felder 

„Namen“ und „Wert“ bleiben leer und unter „Funktion“ bleibt „Senden“ voreingestellt. 

Klicken Sie auf Einfügen. 

Unter Button -> Funktion (Auswahlfeld) finden Sie auch die Funktionen Reset (Formular 

auf Aufgangszustand zurücksetzen) Zurück, Drucken, Aktualisieren und Button (normale 

Schaltfläche). 


28

Formular-Optionen 

Zum Abschluss werden die Formular-Optionen gesetzt. Klicken Sie dazu im Editor auf 

Formular und im Formular-Fenster auf Optionen. 

Unter Email-Adresse geben Sie, sofern das Formular per Email weitergeleitet werden soll, die 

entsprechende Email-Adresse ein. 

Der „Betreff“ ist die Bezeichnung des Formulars, zum Beispiel „Kontakt-Formular“. Dieser 

erscheint im Email-Betreff (bei Weiterleitung) sowie im Formular-Archiv Extras -> 

Formular-Archiv als Formularname. 

Unter „Ziel-Seite“ kann eine Seite angegeben werden, die der Besucher nach dem Versenden 

des Formulars angezeigt bekommt. Zum Beispiel: „Das Formular wurde erfolgreich 

versandt“. Generell ist diese Seite bereits vorbelegt. 

Der Archiv-Typ gibt die Übermittlung des Formulars an. Im Textmodus wird der Feldname 

mit dem eingetragenen Wert gespeichert. Zum Beispiel „Name: Mustermann“. Im HTML- 

Modus wird das Formular 1:1 mit den eingegebenen Werten gespeichert. 

Testen eines Formulars 

Speichern Sie die Seite, schließen Sie den Editor und testen Sie das Formular. Füllen Sie alle 

Felder aus und klicken Sie auf „Senden“. Wenn Felder, die ausgefüllt werden müssen, leer 

sind, erscheint eine Hinweis-Meldung. 

Öffnen Sie im Bearbeitungsmodus Ihrer Webseite das Formular-Archiv unter Extras -> 

Formular-Archiv. 

Sofern Sie eine Email-Adresse für die Weiterleitung angegeben haben, prüfen Sie den Email- 

Eingang. 

Das Modul Formular zum Installieren finden Sie im Kapitel Modul Formular. 


29

Empfang eines Formulars im HTML-Modus im Formular-Archiv 

Empfang eines Formulars HTML-Modus im Mail-Programm. 

Weitere Infos zu den Formularen finden Sie unter Das Formular Modul. 


30

Module und Plugins 

Unter Module und Plugins sind je nach Webpaket und installierten Modulen weiter 

vorgefertigte Objekte vorhanden. Standardmäßig sind die Funktionen Laufschrift, Datum 

Format1, Datum Format2, Uhrzeit, Bilder-Show, Mouseover-Bild und detaillierte Bildansicht 

enthalten. 

Module und Plugins am Beispiel der Diashow 

Laufschrift einfügen – Newsticker – bewegter Text - Laufband 

Die sogenannte Laufschrift ist ein bewegter Text, der sich automatisch über die Homepage 

bewegt. Klicken Sie im Editor auf Module und Plugins. Wählen Sie in der Auswahl 

Laufschrift. Geben Sie im Textfeld die Inhalte der Laufschrift ein und bestätigen Sie mit 

Einfügen. 

Datum einfügen – Format 30. 06. 2008 

Klicken Sie im Editor auf Module und Plugins. Wählen Sie in der Auswahl Datum Format 

30. 06. 2008 und klicken Sie auf Einfügen. 

Datum einfügen – Format 30. Juni 2008 

Klicken Sie im Editor auf Module und Plugins. Wählen Sie in der Auswahl Datum Format 

30. Juni 2008 und klicken Sie auf Einfügen. 

Uhrzeit einfügen 

Klicken Sie im Editor auf Module und Plugins. Wählen Sie in der Auswahl Uhrzeit und 

klicken Sie auf Einfügen. 


31

Bildershow – Diashow einfügen 

Klicken Sie im Editor auf Module und Plugins. Wählen Sie in der Auswahl Bilder-Show. 

Klicken Sie auf die Bilderverwaltung, um die Bilder in Reihenfolge festzulegen. Stellen Sie 

die „Verzögerungszeit“ (Zeitraum bis das nächste Bild gezeigt wird) ein und klicken Sie auf 

Einfügen. 

Mouseover-Bild einfügen 

Das sogenannte Mouseover-Bild ändert sich sowie der Mauszeiger über das Bild bewegt wird. 

Klicken Sie im Editor auf Module und Plugins. Wählen Sie in der Auswahl Mouseover-Bild. 

Stellen Sie über die Bilderverwaltung das 1. und das 2. Bild ein und klicken Sie auf Einfügen. 

Detaillierte Bildansicht 

Aus Platzgründen sowie für das schnelle Laden der Homepage ist es nicht immer sinnvoll, ein 

Bild in originaler Auflösung einzufügen. Um dem Besucher detaillierte Informationen, die in 

einer verkleinerten Version nicht zu erkennen sind, zu ermöglichen, wird die detaillierte 

Bildansicht verwendet. 

Die detaillierte Bildansicht besteht aus einer Miniaturansicht (verkleinerte Version des 

Originals) und der originalen Version des Bildes. Klickt ein Besucher auf das kleine Bild, 

öffnet sich automatisch die originale Version in einem neuen Browser-Fenster. 

Klicken Sie im Editor auf Module und Plugins. Wählen Sie in der Auswahl Detaillierte- 

Bildansicht. Stellen Sie über die Bilderverwaltung das 1. und das 2. Bild ein und klicken Sie 

auf Einfügen. 


32

Der CSS-Editor – Stylesheet-Editor 

Der CSS-Editor ermöglicht ohne die Kenntnis der sogenannten Stylesheet-Befehle die 

Verwendung dieser Funktionen. Mit Hilfe des CSS-Editors steht Ihnen ein umfangreiches 

Arsenal an Gestaltungsmöglichkeiten für Elemente wie Tabelle, Absätze, Bilder etc. zur 

Verfügung. Formatierungen wie Farben, Schrift, Rahmen, Abstände, Hintergrund etc. können 

einfach gesetzt und in der Vorschau live geprüft werden. 

Im oberen Teil des CSS-Fensters finden Sie die Klassen-Auswahl. Hier können bereits 

erstellte Klassen (Klassen des Layouts style.css Datei) zugewiesen werden. Unter HTML-Tag 

werden die gefundenen Tags (aufwärts zum Beispiel P – TD – TR – TABLE) angezeigt. 

Unter den Registerkarten können die Einstellungen für die Eigenschaften gesetzt werden. Um 

eine Option zu setzen, muss immer zuerst die Option aktiviert werden. 

Im unteren Teil ist ein Vorschau-Fenster zur Kontrolle der Eigenschaften sowie eine Auswahl 

für die Element-Typen vorhanden. Die Elementtypen dienen zur besseren Darstellung der 

Vorschau, zum Beispiel für eine Bild der Button Bild. 

CSS-Beispiel 

Im folgenden Beispiel soll die Funktionsweise des CSS-Editor verdeutlicht werden. Das Ziel 

ist, einen Text-Absatz, so wie im unteren Bild dargestellt, zu formatieren. 


33

Öffnen Sie eine Seite im Editor und geben Sie einen Beispiel-Text ein. Markieren Sie den 

Text und klicken Sie auf CSS-Einstellungen. 

Wählen Sie zuerst die Registrierkarte Schrift und stellen Sie eine Schriftart, die Schriftfarbe 

sowie unter Schriftstil „Kursiv“ ein. Dann wechseln Sie zur Registrierkarte Hintergrund, 

aktivieren die Option „Hintergrund-Bild“ und legen über die Bilderverwaltung ein 

Hintergrund fest. Klicken Sie auf die Registerkarte Rahmen, aktivieren Sie die Option für 

Rahmen (oben, unten, links, rechts) und stellen Sie die Rahmenfarbe ein. Im Eingabefeld 

kann die Rahmenbreite in Pixel eingegeben werden. Hier im Beispiel sind das jeweils 4 Pixel. 

In der rechten Auswahl kann die Linienart gewählt werden. Im Beispiel ist das Doppelt. 

Zwischen den einzelnen Schritten können Sie im unteren Vorschau-Fenster die Auswirkungen 

der gesetzten Eigenschaften überwachen. 

Wählen Sie jetzt die Registerkarte Breite-Höhe. Auch Text-Elementen kann eine Breite sowie 

Höhe zugewiesen werden. Hier im Beispiel werden 300px Breite und 100px Höhe festgelegt. 

Zum Abschluss stellen Sie unter Innenabst. den Abstand des Textes zum Rahmen ein. Hier im 

Beispiel sind das 20, 40, 40, 20 Pixel. 

Bestätigen Sie die Einstellungen mit „Übernehmen“ und kontrollieren Sie das Ergebnis im 

Editor. 

Weitere Informationen zum CSS-Editor sowie das Erstellen eigener Klassen finden Sie auch 

im Kapitel CSS-Editor und Layout. 

Sonderzeichen 

Im Editor unter Sonderzeichen finden Sie einige nützliche Zeichen, die beim Einfügen 

automatisch HTML-Konform formatiert werden. 


34

Die HTML-Code-Ansicht 

Der Editor verfügt auch über die sogenannte HTML-Codeansicht. Fortgeschrittene Anwender 

können die Seite mit HTML-, Javascript- sowie CSS optimieren. 

Die Code-Ansicht ist nur eine Zusatzfunktion, Programmierkenntnisse sind für die 

allgemeine Bedienung der bluetronix Software nicht erforderlich. 

Die HTML-Code Ansicht stellt die unterschiedlichen Tag-Elementen in verschiedenen Farben 

in einer übersichtlichen Form dar. Über die Code-Ansicht kann auf den gesamten HTML- 

Code ( und ) zugegriffen werden. 

Beispiel für die Code-Ansicht 

Öffnen Sie eine neue Seite im Editor und wechseln Sie in die Code-Ansicht. Die 

sogenannten Tags werden in spitzen Klammern „< ... >“ dargestellt. Fügen Sie hinter dem 

Body-Tag „“ den folgenden Code ein: 

Dies ist der "Bold"-Tag für Fettschrift 

Klicken Sie erneut auf Code-Ansicht, um in die normale Ansicht zu wechseln. Der Text 

wird in Fettschrift dargestellt. 

Wechseln Sie erneut in die Code-Ansicht und geben Sie den folgenden Code ein: 

Hier klicken 

Klicken Sie erneut auf Code-Ansicht, um in die normale Ansicht zu wechseln und 

Speichern Sie die Seite. Schließen Sie den Editor und klicken Sie auf Ihrer Homepage auf 

„Hier klicken“. 


35

Der obige Code erzeugt mit ... Text ... einen Link. In href=“...“ wird das Ziel des 

Links festgelegt. Hier im Beispiel wird eine Javascript-Funktion (alert) aufgerufen, welche die 

Meldung „Hallo“ in einem Meldungsfenster anzeigt. 

Im Internet finden Sie zahlreiche Webseiten und Communities, welche sich dem Thema 

HTML, Javascript etc. widmen. 

Seiten-Einstellungen 

Im Editor unter dem Einstellungen Symbol finden Sie die Seiten-Einstellungen. Neben dem 

Dateinamen können Sie für jede Seite einen Titel angeben. 

Der Seiten-Titel 

Der Titel erscheint im Browser-Fenster im oberen grauen Rahmen. Für Suchmaschinen ist der 

Titel ein wichtiger Indikator und erscheint ebenfalls in den Suchergebnissen. Geben Sie für 

jede Seite einen möglichst treffenden Titel an, der den Inhalt der Seite so genau wie möglich 

beschreibt. 

Hintergrund und Seitenlayout 

Unter Hintergrund können Sie die im Layout eingestellten Klassen einer Seite zuweisen. 

Wenn zum Beispiel eine Seite im Linken-Fenster erscheinen soll, wird unter Hintergrund die 

Klasse „LinkesFenster“ eingestellt. 

In der Auswahl „Layout“ wird das Layout eingestellt, in welchem sich die Seite öffnen soll. 

Grundeinstellung ist hier „Standart“. Falls die Seite ohne Layout (ohne die Fenster oben, 

unten etc.) dargestellt werden soll (zum Beispiel bei einer Vorschaltseite), wählen Sie hier 

„Einzelne Seite“. 

Weitere Informationen zum Layout einer Seite finden Sie im Kapitel Layouts selbst erstellen. 

Autor, Keywords, Suchmaschinen 

Im Feld Autor können Sie Informationen zum Verfasser der Seite angeben. Unter den 

sogenannten Keywords (Stichwörter) tragen Sie die wichtigsten Begriffe, die auf den Inhalte 

der Seite schließen lassen, ein. 

Beschreiben Sie dabei die Keywords so, wie Sie selbst in einer Suchmaschine danach suchen 

würden. 

Zum Beispiel wollen Sie das Produkt „Multifunktionaler Drucker“ beschreiben. Nach dem 

eigentlichen Begriff werden nur wenige Besucher in Suchmaschinen suchen. Dazu muss der 

Begriff erst einmal bekannt sein. Besser ist hier die zusätzliche Beschreibung mit Worten wie 

„Gerät zum Drucken, Scannen, Faxen, Kopieren“ oder „Drucker, Scanner, Fax, Kopierer in 

einem“. 

Seite nicht in Suchmaschinen eintragen 

In der Auswahl „Suchmaschine“ legen Sie die Optionen für den Eintrag der Seite in eine 

Suchmaschine fest. Standarteinstellungen sind „aktuelle Seite ja, Folgeseiten ja“. Wenn die 

Seite nicht eingetragen werden soll, stellen Sie hier „aktuelle Seite nein, Folgeseiten nein“ 

ein. 


36

PHP-Code im Text-Editor bearbeiten 

Mit der bluetronix Software können Sie auch den PHP-Code für die dynamischen Seiten (wie 

Shopsystem, Gästebuch etc.) bearbeiten sowie für jede Seite zusätzlich einfügen. Die PHP- 

Programme werden serverseitig ausgeführt und sind damit unabhängig von der Unterstützung 

durch den Client-Browser. 

Das folgende Beispiel zeigt, wie im bluetronix System PHP-Code verwendet werden kann. 

Klicken Sie im Editor auf das Einstellungen Symbol und anschließend auf PHP-Script. 

Geben Sie im PHP-Fenster den folgenden Code ein. 

$P1 = $_GET['P1']; 

if($P1 == "") { $P1 = "Aufruf ohne Parameter"; } 

else { $P1 = "Der Parameter ist ".$P1; } 

$LayoutHTML = ereg_replace('__PHP_Meldung__',$P1,$LayoutHTML); 

Das PHP-Script ließt den Parameter $P1 ein, testet ob dieser vorhanden ist und fügt 

entsprechend einen Text hinzu. Die letzte Zeile ersetzt auf der Seite (im HTML-Code) die 

sogenannte Text-Marke __PHP_Meldung__ durch den erzeugten Text. 

Bestätigen Sie mit Übernehmen . Geben Sie jetzt im Editor an einer beliebigen Stelle die Text- 

Marke __PHP_Meldung__ ein. Das Setzen der Text-Marke kann sowohl in der HTML-Code- 

Ansicht sowie auch in der normalen Ansicht erfolgen. Speichern Sie die Seite und testen 

Sie das Ergebnis. 

Wird die Seite jetzt auf Ihrer Homepage aufgerufen, so erscheint die Meldung „Aufruf ohne 

Parameter“ anstelle der Text-Marke. Um die Seite mit einem Parameter aufzurufen, geben Sie 

in der Adressleite des Browsers hinter dem Dateinamen „http://www.bluetronixdemo.de/TestSeite.html?P1=Hallo“ 

ein. Jetzt wird der Parameter eingelesen und die Ausgabe 

„Der Parameter ist Hallo“ erfolgt. 

Der PHP-Code ist nur eine Zusatzfunktion für erfahrene Benutzer, 

Programmierkenntnisse sind für die allgemeine Bedienung der bluetronix Software nicht 

erforderlich. 

Für die Verwendung der PHP-Funktion im Editor muss der Benutzer über volle Admin- 

Rechte verfügen. 


37

Vorlagen zum Seitenaufbau 

In jedem Layout sind auch Vorlagen (sogenannte Templates) für die Gestaltung einer Seite 

enthalten. Diese Vorlagen beinhalten vorgefertigte Tabellen (mit CSS formatiert), 

vereinfachen das Aufteilen einer Seite und erzeugen einen einheitlichen Stil. 

Im Editor finden Sie die Funktion unter dem Vorlagen Symbol. 

Klicken Sie auf einen Vorlagentyp und auf Einfügen. Die Vorlage kann je nach geladenem 

Layout so (oder ähnlich) wie im unten dargestellten Bild aussehen. 

Jetzt kann die Vorlage ganz einfach angepasst werden. Klicken Sie dazu zum Beispiel auf die 

Überschrift und ändern Sie den Text. Um das Bild zu ändern, klicken Sie auf das Bild und 

anschließend auf die Bilderverwaltung. Bei dieser Reihenfolge wird die Formatierung der 

Bildgröße beibehalten. Unbenötigte Elemente können einfach markiert und gelöscht werden. 

Anpassen der Vorlagen im CSS-Editor (für Webdesigner) 

Speziell für Webdesigner ist es vorteilhaft, die Layout-Vorlagen für den Kunden anzupassen. 

Das kann unter 

erfolgen. 

Layout -> Stilarten-Assistent bzw. unter Layout -> Stilarten bearbeiten 

Für den CSS-Editor (Stilarten bearbeiten) sind das die folgenden Klassen. 


38

Zusätzlich besitzt jede Vorlage eine sogenannte ID (TemplateA, B, C, D, E, F ,G ,H, 

TemplateI) mit der die Klassen für jede Vorlage unterschiedlich beschrieben werden kann. 

Wenn zum Beispiel das TemplateB in der Klasse TabZeileOben eine andere Hintergrundfarbe 

erhalten soll, erfolgt der Zugriff auf diese Klasse über #TemplateB .TabZeileOben. 

Freie Positionierung 

Die freie Positionierung (absolute und relative Positionierung) wird verwendet, um Objekte 

wie Tabellen, Bilder etc. frei im Editor positionieren zu können. Die Objekte können dabei 

auch übereinander in mehreren Ebenen angeordnet werden. 

Um die freie Positionierung zu testen, fügen Sie im Editor zwei Bilder untereinander ein. 

Klicken Sie jetzt auf das 1. Bild und im Editor auf das Objekt freistellen Symbol. Ziehen Sie 

jetzt das Bild auf die gewünschte Position. Verfahren Sie mit dem 2. Bild analog. Die Ebene 

resultiert aus der vorherigen Reihenfolge, wie Sie die Bilder eingefügt haben. Dabei gilt, das 

zuletzt eingefügte Objekt (unterste Position der Seite) ist die höchste Ebene in der freien 

Positionierung. 


39

Dynamische Menüs – Klapp-Menüs 

Die bluetronix Software beinhaltet 5 verschiedene, sogenannte Klapp-Menü-Typen. 

Mit Hilfe der dynamischen Menüs können viele Navigationspunkte in einer übersichtlichen 

Form angeordnet werden. Da immer nur die Unterpunkte des aktuell gewählten Menüpunkts 

erscheinen, wird der Besucher der Homepage nicht überfordert und findet sich schnell 

zurecht. 

Mit dem Menü-Editor können beliebig viele Punkte und Ebenen erstellt werden. Das Menü, 

die Ebenen sowie jeder einzelne Button können umfangreich mit Hilfe des CSS-Editors 

gestaltet werden. Button-Zustände wie „mouseover“ (beim Überfahren mit der Maus) oder 

„onclick“ (beim Anklicken) können über die Style-Klassen definiert werden. Verschiedene 

Menütypen auf einer Homepage sind möglich, wie im unteren Bild zu sehen ist. 

Menü-Typen 

Im Folgenden werden die 5 verschiedenen Menütypen der bluetronix Software vorgestellt. 

Das horizontale Menü (rechte Ausführung) klappt beim Überfahren eines Menüpunkts der 1. 

Ebene alle Unterpunkte der 2. Ebene nach unten auf. Die 3. Ebene und alle folgenden klappen 

nach rechts auf. 


40

Das horizontale Menü (linke Ausführung) klappt beim Überfahren eines Menüpunkts der 1. 

Ebene alle Unterpunkte der 2. Ebene nach unten auf. Die 3. Ebene und alle folgenden klappen 

nach links auf. 

Das vertikale Menü (rechte Ausführung) klappt beim Überfahren eines Menüpunkts der 1. 

Ebene alle Unterpunkte der 2. Ebene und alle folgenden nach rechts auf. 

Das vertikale Menü (linke Ausführung) klappt beim Überfahren eines Menüpunkts der 1. 

Ebene alle Unterpunkte der 2. Ebene und alle folgenden nach links auf. 


41

Das vertikale Menü (nach unten aufklappend) klappt beim Anklicken eines Menüpunkts der 

1. Ebene die 2. Ebene und alle folgenden nach unten auf. Beim Anklicken eines anderen 

Menüpunkts der 1. Ebene werden zunächst alle noch offenen Ebenen geschlossen. 

Der Menü-Editor 

Im Bearbeitungsmodus wird bei allen dynamischen Menüs in der linken oberen Ecke der 

Menü bearbeiten Button angezeigt. Damit kann der Menü-Editor direkt geöffnet werden. 

Um den Menü-Editor über den HTML-Editor zu öffnen, laden Sie eine Seite im Editor 

Seite bearbeiten, klicken auf das entsprechende Menü (zum Beispiel auf einen Menüpunkt) 

und auf das Menü bearbeiten Symbol. 

Hauptpunkt einfügen, immer auf der 1. Ebene 

Unterpunkt einfügen, eine Ebene tiefer von der aktuellen Position 


42

Punkt darüber einfügen, auf der gleichen Ebene 

Punkt darunter einfügen, auf der gleichen Ebene 

Punkt löschen 

Link erstellen, aus der Seitenverwaltung oder zu einer externen URL 

Link entfernen 

Link Vorschau, zeigt das aktuell belegte Ziel des Links in einem neuen Fenster 

Option Seiten automatisch anlegen, legt zu Menüpunkten, denen keine Seite (kein Link) 

zugewiesen wurde, die Seiten automatisch an 

Menü-Typ, Auswahl des Menütyps 

Button-Vorschau, Vorschau des Button-Layouts 

Button Einstellungen, Aufruf des CSS-Editors zur Gestaltung des Buttons 

Button-Layout allen Menüpunkten der aktuellen Ebene zuweisen 

Button-Layout allen Menüpunkten des gesamten Menüs zuweisen 

In der Standard-Einstellung werden die Seiten von neuen Menüpunkten automatisch 

angelegt. Ein Erstellen und Verlinken der zugehörigen Seite ist nicht notwendig. 


43

Die Seiten-Verwaltung (Datei-Verwaltung) 

Die Dateiverwaltung finden Sie im Hauptmenü unter dem Button Seiten-Dateiverwaltung. 

Im oberen Teil können Dateien von Ihrem lokalen PC hochgeladen werden. 

Seite erstellen, im HTML-Format 

Verzeichnis erstellen 

Datei oder Verzeichnis löschen 

Datei kopieren 

Datei einfügen 

Vorschau der Datei, je nach Typ 

Download der Datei 

Passwortschutz für Dateien und Verzeichnisse, siehe dazu Kapitel Interne Bereich 

Bearbeiten, öffnet die Datei je nach Typ automatisch im entsprechenden Editor. Zum Beispiel ein 

Bild im Bild-Editor, eine HTML-Seite im HTML-Editor oder eine Text-Datei im Text-Editor 

Datei-Typ-Filter, Anzeigen aller Dateien oder nur der html-Seiten, Bilder oder Dokumente 

Umbenennen einer Datei oder eines Verzeichnisses 

Die kleine Version der Dateiverwaltung (siehe unteres Bild) kann, in der bluetronix Software, 

an vielen Stellen über das Datei-Verwaltung Symbol aufgerufen werden. Auch hier können 

Dateien und Verzeichnisse erstellt, kopiert und umbenannt werden. Vorteilhaft ist dies zum 

Beispiel beim Erstellen eines Links. Nach dem Aufruf der Seitenverwaltung kann die Seite 

angelegt und anschließend verlinkt werden. 


44

Der Text-Editor 

Mit dem Text-Editor können alle Text-Dateien, zum Beispiel im Format .txt, .css, .php, .js, .pl 

etc., bearbeitet werden. Um den Text-Editor zu starten, öffnen Sie die Seiten- 

Dateiverwaltung und wählen in der Datei-Auswahl eine Text-Datei, zum Beispiel die start.js 

Datei im Ordner Script. 

Datei öffnen, startet die Dateiverwaltung 

Datei speichern 

Datei speichern unter, speichert die Seite unter einem anderen Name 

Datei neu beginnen 

Ausschneiden 

Kopieren 

Einfügen 


Wiederherstellen, letztes Rückgängig wiederrufen 

Suche – findet Begriffe auf der Seite 

Im Text-Editor können zur Verbesserung der Übersichtlichkeit Texte mit der Tabulator- 

Taste eingerückt werden. 


45

Das Benutzersystem 

Die bluetronix Software unterscheidet 3 Benutzergruppen, die Administratoren, die 

Mitarbeiter und die registrierten Benutzer. 

Admin 

Der Administrator hat Zugriff auf alle Funktionen der Software. Er kann Seiten 

und Verzeichnisse beliebig erstellen, Mitarbeiter anlegen sowie deren Passwort 

ändern. Er hat Zugriff auf den PHP-Code, auf die Seitenverwaltung sowie auf den 

FTP-Zugang. 

Mitarbeiter 

Der Mitarbeiter kann aktiv an der Gestaltung der Webseite mitwirken. Er kann 

berechtigt werden, Seiten und Verzeichnisse innerhalb seines 

Benutzerverzeichnisses anzulegen. Dem Mitarbeiter kann eine Email-Adresse 

sowie einzelne Module der bluetronix Software zugewiesen werden. Der 

Mitarbeiter kann auch zu einem Administrator befördert werden. 

Registrierte Benutzer und Gruppen 

Benutzer dieser Gruppe haben generell keinen Zugriff auf den 

Bearbeitungsmodus, können aber berechtigt werden, einen passwortgeschützten 

Bereiche zu betreten. Zum Beispiel ist die Seite für den Eintrag in ein 

Diskussionsforum geschützt oder für das Lesen einer internen Seite der 

Homepage. 

Administratorpasswort ändern – Benutzerpasswort ändern 

Öffnen Sie im Hauptmenü die Benutzerverwaltung. Klicken Sie auf Administrator-Passwort 

bzw. Benutzer-Passwort ändern. Geben Sie das alte Passwort ein, das neue Passwort und zur 

Eingabeprüfung ein zweites mal das neue Passwort. Bestätigen Sie mit Passwort ändern. Nach 

der Änderung melden Sie sich ab Abmelden und loggen sich mit dem neuem Passwort ein. 

Die Mitarbeiter Verwaltung – Anlegen eines Mitarbeiters 

Das folgende Beispiel soll die Funktionen der Mitarbeiterverwaltung verdeutlichen. Das Ziel 

ist, einen Mitarbeiter zu erstellen und diesen für das Bearbeiten der Seiten im Verzeichnis 

News zu berechtigen. 

Öffnen Sie die Benutzerverwaltung -> Mitarbeiter Login-Verwaltung. Geben Sie unter 

„Benutzer erstellen“ einen Benutzername, zum Beispiel „Redakteur“ ein und klicken Sie auf 

Anlegen. 

Im nächsten Schritt wird das Passwort für den neuen Mitarbeiter vergeben. Klicken Sie neben 

dem Mitarbeiternamen auf Passwort. Geben Sie das neue Passwort sowie zur Eingabeprüfung 

ein zweites mal das neue Passwort ein und klicken Sie auf Passwort ändern. 

Jetzt erfolgt die Zuweisung der Mitarbeiterrechte. Klicken Sie dazu auf Ändern. 


46

In den Benutzereinstellungen wird der Mitarbeiter für die Module Seite, Statistik und Email 

berechtigt. 

Dem Mitarbeiter kann auch eine oder mehrere Email-Adressen zugewiesen werden. Geben 

Sie dazu im Eingabefeld unter Email die Email-Adresse (bzw. bei mehreren Adressen diese 

mit Leerzeichen getrennt) ein. Somit hat der Mitarbeiter nur Zugriff auf die zugewiesen 

Adressen, kann jedoch nicht selbst Email-Adressen erstellen und löschen. Die Email-Adresse 

sollten Sie zuvor wie im Kapitel Email-Adresse erstellen anlegen. 

Um den Mitarbeiter für die gesamte Email-Verwaltung zu berechtigen (zum Beispiel für 

einen 2. Admin) aktivieren Sie das Modul „Email“. 

Die Option „volle Admin-Rechte zuweisen“ befördert den Mitarbeiter zu einen vollwertigen 

Administrator. Dieser kann alle Funktionen nutzen, bis auf die Passwortänderung eines 

anderen Administrators. 

Unter Benutzerverzeichnisse kann dem Benutzer ein Verzeichnis für Bilder, Dokumenten und 

Seiten zugewiesen werden. Wenn die Felder frei bleiben, darf der Benutzer keine Dateien 

hochladen und keine Seiten und Verzeichnisse erstellen. Hier im Beispiel wurde dem 

Benutzer das Verzeichnis /img/ zum Speichern von Bildern zugewiesen. 

Beachten Sie beim Zuweisen der Verzeichnisse, dass diese nicht bereits schon anderen 

Benutzern zugewiesen wurden, um Überschneidungen zu verhindern. 

Unter „Benutzer darf folgende Verzeichnisse bearbeiten“ können Sie dem Mitarbeiter 

einzelne Seiten und Verzeichnisse (Unterverzeichnisse sind da mit enthalten) zuweisen. Das 

heißt, der Benutzer darf nur bereits angelegte Seite ändern. Er darf keinen Seiten und 

Verzeichnisse erstellen und keine löschen. 

Hier im Beispiel wurde das Verzeichnis /News/ zugewiesen. 

Zum Abschluss Speichern Sie die Einstellungen. Um den Benutzer zu testen, melden Sie sich 

vom Bearbeitungsmodus mit Abmelden ab und loggen sich mit dem erstellten 

Mitarbeiternamen (hier im Beispiel Redakteur) ein. 


47

Mitarbeiter / Benutzer sperren 

In einigen Fällen ist es sinnvoller, einen Benutzer zu sperren als diesen zu löschen. Zum 

Beispiel bei einem registrierten Benutzer im Form, der gegen die Regeln verstoßen hat. Wird 

der Benutzer gesperrt, bleibt dieser in der Benutzerverwaltung bestehen. Ein erneuter Versuch 

des Benutzers sich zu registrieren (mit der gleichen Email-Adresse) wird vom System 

abgelehnt. Zusätzlich kann ein gesperrter Benutzer wieder entsperrt werden. Bei einem 

gelöschten Benutzer ist das nicht möglich. 

Um einen Benutzer zu sperren, öffnen Sie die Benutzerverwaltung -> Mitarbeiter Login- 

Verwaltung bzw. bei einem registrierten Benutzer Benutzerverwaltung -> Registrierte Benutzer 

und Gruppen. Wählen Sie den gewünschten Benutzernamen aus der Auswahl und klicken Sie 

auf Sperren. Das Status-Symbol wird für diesen Benutzer in rot dargestellt. Alle 

Anmeldeversuche werden ab sofort abgelehnt. 

Mitarbeiter / Benutzer entsperren 

Das Entsperren ist zum Beispiel wichtig, wenn ein Mitarbeiter versehentlich durch zu viele 

Anmeldeversuche automatisch von System gesperrt wurde. Öffnen Sie dazu die 

Benutzerverwaltung -> Mitarbeiter Login-Verwaltung bzw. bei einem registrierten Benutzer 

Benutzerverwaltung -> Registrierte Benutzer und Gruppen. Wählen Sie den gewünschten 

Benutzernamen aus der Auswahl und klicken Sie auf Entsperren. Das Status-Symbol wechselt 

auf Grün. Der Benutzer kann sich ab sofort wieder anmelden. 

Benutzerpasswort neu vergeben – Passwort vergessen 

Als Administrator sind Sie berechtigt, Passwörter von Benutzern zu ändern, ohne deren 

aktuelles Passwort zu kennen. Das ist zum Beispiel notwendig, wenn der Benutzer sein 

Passwort vergessen hat. Klicken Sie dazu unter Benutzerverwaltung -> Mitarbeiter Login- 

Verwaltung bzw. bei einem registrierten Benutzer unter Benutzerverwaltung -> Registrierte 

Benutzer und Gruppen neben dem Benutzer auf Passwort. Geben Sie das neue Passwort und zur 

Eingabeprüfung ein zweites mal das neue Passwort ein. Klicken Sie auf Passwort ändern. 

Informieren Sie den Benutzer über das neue Passwort. 

Für die registrieren Benutzer steht im Modul „Interne Bereiche“ die Funktion 

„Passwort-vergessen“ zur Verfügung. Damit kann der Benutzer automatisch ein neues 

Passwort per Email anfordern. Siehe dazu Kapitel Interne Bereich. 

Registrierte Benutzer und Gruppen 

Weitere Informationen zu diesem Thema finden Sie im Kapitel Interne Bereich. 

Seite / Verzeichnis Passwortschützen, Interner Bereich, nicht öffentlicher Homepage- 

bereich 

Weitere Informationen zu diesem Thema finden Sie im Kapitel Interne Bereich. 


48

Homepage-Layout 

Die bluetronix Software erstellt Layouts suchmaschinen- und browserfreundlich ohne Frames. 

Es können beliebig viele Layouts erstellt werden und einer Seite sowie einem Verzeichnis 

zugewiesen werden. Die Seiten werden beim Aufruf immer automatisch (serverseitig) in 

diesem Layout geladen. 

Mehrsprachige Seiten, Seiten mit verschiedenen Layouts und Bereichen können einfach 

realisiert werden. 

Das Design kann bis ins letzte Detail verändert werden. Alles ist änderbar, komplette 

Eigenentwicklungen sind möglich. 

Vorgefertigte, professionelle Layouts können geladen und individuell angepasst werden. Die 

umfangreichen Einstellungen lassen Ihrer Kreativität freien Lauf. 

Je nach Webpaket finden Sie unter „Design – Vorlagen“ vorgefertigte, professionelle Layouts 

(mindestens eine Vorlage ist immer enthalten). 

Das bluetronix Layout-Konzept 

Das Layout besteht aus einer sogenannten Layoutmaske, den CSS-Klassen, welche das 

Layout näher beschreiben, sowie einem PHP-Script, welches die Layoutmaske mit den 

Inhalten der Seiten füllt und an den Client-Browser versendet. Dieser Vorgang wird komplett 

serverseitig umgesetzt und ist damit unabhängig von Einstellungen des Client-Browsers (wie 

Javascript, Cookie etc.) 

Ein Layout kann in der bluetronix Software einer Seite sowie einem Verzeichnis 

(eingeschlossen dessen Unterverzeichnisse) zugewiesen werden. Das folgende Beispiel zeigt 

den Ablauf, wenn eine Seite (zum Beispiel Home.html) aufgerufen wird. 


49

ja 

Layout laden nach 

Verzeichnis-Regel 

Aufruf der Seite 

Home.html 

Seite Home.html 

und Optionen laden 

Wurde der Seite 

ein Layout direkt 

zugewiesen? 

nein 

Gibt es ein Layout mit Gültigkeit 

für dieses Verzeichnis bzw. 

übergeordnete Verzeichnisse? 

nein 

Lade Standart- 

Layout 

Lade die Inhalte der Seiten, die 

im Layout enthalten sind, z. B. 

Menü und oberes Fenster 

Ersetzte die Marken im Layout 

durch die Inhalte der Seiten, führe 

beinhaltetes PHP-Script aus 

Versende die 

Seite an den 

Client-Browser 

Das Layout wird dynamisch aus der angeforderten Seite, dem Layout und den zusätzlich 

beinhalteten Seiten, wie dem Menü oder dem Kopffeld (oberes Fenster) erzeugt. Der Vorteil 

dabei ist, dass die Seite serverseitig mit allen Komponenten generiert wird und nicht wie beim 

Frame-Konzept der Frameset bei einem sogenannten Quereinstieg (zum Beispiel über eine 

Suchmaschine) verloren gehen kann. Dennoch kann jede Seite einzeln bearbeitet werden und 

eine Änderung, zum Beispiel im oberen Fenster, muss nur einmalig erfolgen. 


ja 

Layout laden 

50

Layout bearbeiten – Fensteraufteilung 

Öffnen Sie im Hauptmenü Layout -> Layout bearbeiten. Unter den Layouteinstellungen 

werden die Fensteraufteilung, die Fensternamen, die Abmessungen sowie die Seiten, welche 

in den Fenstern geladen werden, festgelegt. 

Speichern der aktuellen Layouteinstellungen 

Layout unter anderem Namen speichern 

Layout-Name, Bezeichnung des Layouts 

Layout neu beginnen 

Layout löschen, das Layout “Standard” und “Einzelne Seite“ sind nicht löschbar! 

Layout-Verzeichnis, dieses Layout für ein Verzeichnis geltend machen 

Fenstereinstellungen zu jedem Fenster, Festlegen der Hintergrundeinstellungen 

Scrollleiste, blendet bei aktiver Option eine Scrollleiste im entsprechenden Fenster ein 

Startseite für das Fenster, Festlegen einer Seite, die im Fenster geladen werden soll 

Vorschau der aktuell eingestellten Seite, die im Fenster geladen werden soll 

Auf der linken Seite befindet sich die Fensteraufteilung. Hier können Fenster aktiviert und 

deaktiviert werden. Auf der rechten Seite werden die aktivierten Fenster zeilenweise mit 

Fensternamen, Breite und Höhe, der Option Scrolleiste sowie der zu ladenden Seite 

dargestellt. 

Die Fensternamen entsprechen den Klassennamen in der style.css Datei. Die Klasse 

BodyFenster bezeichnet den Hintergrund der Seite (äußerer weißer Bereich in der 

Fensteraufteilung). Die Einstellung der Fensterabmessungen kann jeweils in Pixel und 

dynamisch in Prozent-Angabe erfolgen. 


51

Nicht jedem Fenster muss eine Seite zugewiesen werden. Die Gestaltung des Fensters kann 

auch über die CSS-Klasse erfolgen. Nur Fenster, die Inhalte haben, sollten zugewiesen 

werden. Zum Beispiel das linke Menü. Im Hauptfenster wird immer die aufgerufene Seite 

geladen. 

Fenstereinstellungen - Hintergrundeinstellungen 

Zu jedem Fenster können über die Fenstereinstellungen Einstellungen zu Hintergrundbild, 

Farbe, Ausrichtung sowie dem Abstand zum Rand vorgenommen werden. 

Das Speichern der Fenstereinstellungen ändert die Klassen der style.css Datei. 

Stilarten bearbeiten – CSS-Klassen 

Der CSS-Editor wird im Kapitel CSS-Editor vorgestellt. Der Aufruf des CSS-Editors über 

Layout -> Stilarten bearbeiten aktiviert zusätzlich Möglichkeiten im Editor. 


52

Neben der bekannten Klassenauswahl einscheinen jetzt die Symbole zum Erstellen und 

Löschen einer Klasse. 

Um eine neue Klasse zu beginnen, klicken Sie auf das neue Klasse erstellen Symbol und 

geben unter Klassen-Name eine treffende Bezeichnung ein. Legen Sie jetzt die 

entsprechenden Einstellungen, wie unter CSS-Beispiel beschrieben, fest und klicken Sie auf 

Speichern. 

Um eine Klasse zu ändern, wählen Sie die Klasse aus der Auswahl. 

Für das Kopieren einer Klasse wählen Sie zunächst die Klasse aus der Auswahl und geben 

anschließend den neuen Klassennamen unter Klassen-Name ein (Auswahlfeld ist gleichzeitig 

ein Eingabefeld). 

Eigene Schriftarten 

Im CSS-Editor unter der Registerkarte Schrift können Sie in der Auswahl (Auswahlfeld ist 

gleichzeitig ein Eingabefeld) auch eigene Schriftarten angeben. 

Stilarten Assistent – global Farben und Bilder ändern 

Der Stilarten-Assistent ist eine einfache Methode, das Layout anzupassen. Dabei werden alle 

im Layout (style.css Datei) vorhanden Farben und Bilder aufgelistet und können einfach 

ersetzt und verändert werden. 

Den Assistenten finden Sie unter Layout -> Stilarten Assistent. 


53

Um eine Farbe bzw. ein Bild zu ändern, klicken Sie neben der Komponente auf das Farbe 

ändern bzw. Bild ändern Symbol. 

Design-Vorlagen 

Je nach Webpaket finden Sie unter Layout -> Design-Vorlagen weitere komplett 

vorgefertigte Vorlagen zu Ihrem Webpaket. Eine Vorlage besteht aus dem Layout mit den 

zugehörigen Bildern, der CSS-Datei (style.css) sowie den Seiteninhalten, die im Layout 

verwendet werden. 


54

Für das Laden einer Vorlage klicken Sie auf die Gewünschte und auf Layout-Laden. 

Kontrollieren Sie anschließend das Ergebnis auf Ihrer Homepage. 

Generell wird beim Laden einer Vorlage das aktuelle Layout vorher gesichert. 

Unter dem Button Erweiterte Ansicht werden weitere Möglichkeiten wie Layout-Hinzufügen, 

Layout-Speichern und Layout-Löschen sichtbar. 


55

Fragen zum bluetronix Layout-Konzept 

• Wie erstelle ich eine Seite ohne Frames, ohne für eine Änderung am Menü oder Kopffeld 

mehrere Seiten ändern zu müssen? 

• Warum sollte man eine Seite ohne Frames erstellen? 

• Wie kann ich auf der Homepage eine Seite, wie bei Frames ein Fenster, scrollen, ohne 


Wie erstelle ich eine Seite ohne Frames, ohne für eine Änderung am Menü oder 

Kopffeld mehrere Seiten ändern zu müssen? 

Das bluetronix CMS arbeitet ohne die Nachteile von Frames mit einem eigenen System, 

welche die Vorteile der Frame-Technik speziell beim Erstellen der Seite enthält. Dazu wird 

aus den verschiedenen Seiten, zum Beispiel Oberes-Fenster, Linkes-Menü, Haupt-Fenster und 

Unteres-Fenster, eine Seite zusammengesetzt und dann erst an den Browser versandt. Der 

Vorteil ist, dass die Seite über den Name aufgerufen werden kann und dabei nicht wie bei der 

Frame-Technik die Fenster Oberes-Fenster, Linkes-Menü, Haupt-Fenster und Unteres-Fenster 

verloren gehen. Intern kann jede Seite, wie zum Beispiel das Menü, einzeln bearbeitet 

werden. 

Warum sollte man eine Seite ohne Frames erstellen? 

Beispielsweise ist ein Frameset in der index.html Datei gespeichert und besteht aus den 

Dateien OberesFenster.html, LinkesMenue.html, HauptFenster.html und UnteresFenster.html. 

Wird die Seite über den Dateinamen index.html aufrufen, wird die Seite richtig mit allen 

Fenstern angezeigt. Erfolgt der Aufruf der Datei HauptFenster.html zum Beispiel durch einen 

Link in einer Suchmaschine, so wird die Seite ohne das Frameset geladen und das Obere- 

Fenster, das Linke-Menü, und das Untere-Fenster werden nicht angezeigt. Schwerwiegender 

ist es, wenn die Seite LinkesMenue.html aufgerufen wird. Jetzt erscheint nur das Menü ohne 

die anderen Seiten. 

Wie kann ich auf der Homepage eine Seite, wie bei Frames ein Fenster, scrollen, ohne 


Das Scollen eines Fenster wird direkt vom bluetronix CMS unterstützt. Die Umsetzung 

erfolgt hier ohne Frames und Javascript browserfreundlich über Stylesheets. 

Wählen Sie dazu Layout -> Layout bearbeiten. In der Spalte Scrollleiste aktivieren Sie das 

Feld in der Zeile des gewünschten Fensters. Speichern Sie das Layout. Beachten Sie, dass der 

Scrollbalken nur erscheint, wenn der Inhalte der Seite auch größer als das Fenster ist. 


56

CMS Module 

Die bluetronix CSM Module sind Anwendungen wie das Shopsystem, das Gästebuch oder 

das Fotoalbum etc., die einfach über die Modul-Verwaltung installiert werden können. 

Sämtliche Module wurden mit der bluetronix Software erstellt und verdeutlichen die 

Leistungsfähigkeit der Software. 

Grundsätzliches zu den Modulen – den dynamischen Seiten 

Die Module bestehen aus einer oder mehreren vorkonstruieren Seiten, den zugehörigen PHP- 

Scripten sowie einer Datenbank. 

Die Seiten sind gewöhnliche HTML-Seiten, die über sogenannte Einfüg-Marken verfügen. 

Das PHP-Script der Seiten ersetzt die entsprechenden Marken durch Daten, zum Beispiel aus 

der Datenbank. 

Aufruf der Seite 

PHP ausführen 

HTML-Seite mit Marken 

PHP-Script zur Seite 

Ersetzt Marken durch 

Inhalte 

Daten ermitteln 

Text ... 

__DB_Marke1__ 

Bild ... 

__DB_Marke2__ 

Ausgabe der Seite 

Ersetzen der Marken 

Beim Aufruf der Seite wird zuerst das PHP-Script ausgeführt. Dieses ermittelt Daten, zum 

Beispiel aus der Datenbank und ersetzt auf der Seite die entsprechenden Marken durch die 

gefunden Inhalte aus der Datenbank. 

Mit der bluetronix Software können alle 3 Komponenten bearbeitet werden. Die HTML-Seite 

kann über den Editor erstellt werden, das PHP-Script über die Einstellungen im 

Editor. Die Inhalte der Datenbank können über die Datenbankverwaltung bzw. den 

Datensatz-Editor verändert werden. 

Die HTML-Seiten können im Editor mit dem CSS-Editor umfangreich gestaltet werden. 

Die Datensätze können wiederum Felder im HTML-Format enthalten, welche mit dem 

Editor bearbeitet werden können. 

Mit dem bluetronix System lassen sich komplexe Anwendungen realisieren, deren Inhalte 

dennoch einfach über die verscheiden Editoren verändert werden können. 


Datenbank 

enthält Daten, zum 

Beispiel die Artikel für 

den Shop 

57

Komponente 1 – die Seiten-Maske 

Das folgende Bild zeigt die Seite-Maske (Template) mit den Marken im Editor. Die einzelnen 

Masken (hier für zwei Artikel-Spalten) können wiederholt werden, sofern mehrere passende 

Datensätze gefunden wurden. 

Komponente 2 – das PHP-Script 


58

Komponente 3 – die Datenbank 

In den folgenden Bildern ist die Datenbankverwaltung sowie die Datensatz-Ansicht 

dargestellt. 


59

Mehrfachinstallation eines Moduls 

Die Module können einfach im Hauptmenü unter Modul installiert werden. Dabei kann 

jedes Modul mehrfach installiert werden. Bei der Installation muss dafür ein anderes 

Verzeichnis gewählt werden. 

Sinnvoll ist die Mehrfachinstallation für folgenden Beispiele: 

• Mehrsprachige Online-Shops, ein Shop in Deutsch mit deutschsprachiger Maske und 

Datenbank (zum Beispiel Preis in Euro) und ein Shop in Englisch mit 

englischsprachiger Maske und Datenbank (zum Beispiel Preis in Dollar) 

• Shopsystem für Endkunden ohne Preise und zusätzlicher Shop für Vertriebspartner mit 

Preisen - dafür werden zwei Seiten-Masken (eine mit Preise und eine ohne) sowie eine 

Datenbank verwendet. 

• Fotoalbum zu verschiedenen Themen 

• Diskussionsforum zu verschiedenen Kategorien 

• Mehrere Interne Bereiche, für die jeweils gesonderte Registrierungen notwendig sind 

Kombinationen von Modulen 

Module können auch kombiniert werden. Damit lassen sich komplexe Portale, welche sonst 

aufwendig programmiert werden müssten, einfach und effektiv umsetzen. 

Einige Beispiele für die Kombination von Modulen: 

• Shopsystem mit internem Bereich - für das Absenden der Bestellung muss der Benutzer 

sich zuerst registrieren oder einloggen 

• Diskussionsforum mit internem Bereich - für das Schreiben eines Artikel bzw. eines 

Themas muss der Benutzer sich zuerst registrieren oder einloggen 

• Formular mit Shopsystem - zu einigen Artikeln können vor der Bestellung weitere 

Informationen über eine Formular angefordert werden 

• Newslettersystem und Benutzerregistrierung im Shopsystem oder im Diskussionsforum 


60

Fotoalbum 

individuelles Fotoalbum selbst erstellen 

Datenbankbasiertes Fotoalbum, Fotoalbum selbst erstellen, Fotoalbum 

mit einfachem Ändern und Einfügen von Bildern, Fotoalbum mit 

Importfunktion, Verzeichnis in Fotoalbum importieren, Fotoalbum- 

Bilder automatisch berechnen 

• Fotoalbum mit Bilderimport und automatischer Berechnung der Bilder 

• Installation des CMS-Moduls Fotoalbum 

• Einfaches Einfügen und Ändern von Bildern im Fotoalbum 

• Fotoalbum mit individuellem Layout 

Fotoalbum mit Bilderimport und automatischer Berechnung der Bilder 

Das Modul Fotoalbum importiert automatisch Bilderverzeichnisse. Zu jedem Bild kann eine 

kurze Beschreibung sowie eine detaillierte Beschreibung angegeben werden. Das Layout, die 

Anzahl der Bilder pro Seite sowie die Bildgrößen können verändert werden. 

Klicken Sie auf das Bild um das Fotoalbum Live zu 

Die Bildgrößen werden dabei automatisch vom CMS berechnet. Das zeitaufwendige 

Zuschneiden der Bilder kann somit entfallen. Durch die Mehrfachinstallation des Fotoalbums 

können Bildergalerien zu verschiedenen Themen wie Produkte, Firmenrundgang, Objekte, 

Mitarbeiter oder private Fotos erstellt werden. 

Installation des CMS-Moduls Fotoalbum 

Klicken Sie im Bearbeitungsmodus der Homepage auf Module -> Fotoalbum. Sofern Sie 

bereits ein Verzeichnis mit Bildern erstellt haben, klicken Sie auf Verzeichnis wählen und 

stellen das Bildverzeichnis ein. Zum Start der Installation wählen Sie Album Erstellen. Das 

Modul erstellt die Datenbank, importiert bereits vorhanden Bilder und legt im Verzeichnis 

„Foto“ die Dateien für das Fotoalbum an. 


61

Das Fotoalbum ist jetzt über http://www.IhreDomain.de/Foto/Foto.html erreichbar. Um das 

Fotoalbum mit einem Menüpunkt zu verbinden, klicken Sie auf Menü bearbeiten und 

erstellen einen neuen Menüpunkt mit dem Namen Fotoalbum. Klicken Sie jetzt auf Link 

erstellen und wählen Sie im Verzeichnis Foto die Datei Foto.html. Speichern Sie das Menü und 

testen Sie das Fotoalbum. 

Einfaches Einfügen bzw. Ändern von Bildern im Fotoalbum 

Das Hinzufügen bzw. das Ändern des Fotoalbums mit aktuellen Bildern kann einfach über die 

sogenannten Datenbankbuttons erfolgen. Im Bearbeitungsmodus werden zu 

jedem Bild (Datensatz) diese Button angezeigt. Mit einem Klick auf Datensatz bearbeiten 

öffnet sich der Datensatz im Datenbank-Editor. 

Datenbanken-Satzansicht am Beispiel des Shopsystems 

Jetzt können einfach Bilder und Beschreibungen hinzugefügt bzw. geändert werden. Später 

eingefügte Bilder erscheinen im Fotoalbum, durch die Ordnung nach dem Änderungsdatum, 

auf der 1. Seite. 

Fotoalbum mit individuellem Layout 

Mit der bluetronix Software können auch die sogenannten Datenbankenmasken des 

Fotoalbums bearbeitet werden. Zum Bearbeiten der Maske klicken Sie auf Seite 

bearbeiten. 


62

Datenbankmaske im Editor bearbeiten am Beispiel des Shopsystems 

Im Editor sind individuelle Anpassungen des Layouts, Ändern der Bildgrößen, der 

Anordnung sowie der dargestellten Bilder pro Seite möglich. Eine Anleitung zum Bearbeiten 

einer Maske im Editor finden Sie unter Datenbankmasken bearbeiten. Eine Anleitung zum 

Ändern des Layouts (Farben und Bilder) finden Sie unter Layout bearbeiten. 


63

Shopsystem – Online-Shop 

• Funktionen des Shopsystems 

• Installation des CMS-Moduls Shopsystem 

• Hinzufügen und Ändern eines Artikels 

• Import und Export von Artikeln im CSV bzw. TXT-Format 

• Aktualisieren des Shopmenüs 

• Shopdatenbank, Spalten und Eigenschaften 

• Links auf Shopseiten 

• Bearbeiten der Shopmasken 

• Shopsystem – für Programmierer mit PHP, HTML und Javascript 

• Shopsystem - Warenkorb und Zahlungssystem – Zahlung per Kreditkarte 

• Shopsystem – Empfang einer Bestellung – Weiterleitung auf das Handy 

• Shopsystem - Auswertung der Zugriffe – Optimierung 

• Shopsystem mit Modul Interne Bereiche 

Das Shopsystem verfügt über viele Funktionen und kann einfach über die bluetronix-Software 

in Layout und Gestaltung individuell verändert werden. Zum Erstellen und Bearbeiten der 

Artikel stehen viele komfortable Möglichkeiten zu Verfügung. 

Funktionen des Shopsystems 

• verschiedene Kategorien-Ansichten und beliebig vielen Kategorien und 

Unterkategorien 

• detaillierte Ansichten zu jedem Artikel 

• Warenkorb mit Bestell-System und Miniatur-Warenkorb 

• verschiedene Zahlungsvarianten wie PayPal, Moneybrookers, Lastschrift oder direkte 

Zahlung per Kreditkarte wie VISA, Mastercard, American-Express, Diners-Club etc. 

können über Zahlungsanbieter wie Cronopay oder Computop einfach integriert werden 

• prüfen des Lagerbestandes 

• verschiedenen Steuersätze pro Artikel 

• Artikel-Aktionen und Angebote 

• Versandkosten nach Menge-Regel sowie pro Artikel 

• verschiedene Artikelvarianten, (z. B. Farbe, Größe, Ausführung) 

• Suchefunktion nach Artikeln und Begriffen 

• dynamisches Kategorien-Menü 

• automatische Berechnung von Bildern, das aufwendige Zuschneiden der Bilder kann 

somit entfallen 

• Preise als Nettopreise zuzüglich MwSt. sowie als Bruttopreise mit ausgewiesener 

MwSt. 

• einfaches und detailliertes Ändern des Layouts, der Anordnung sowie der Anzahl der 

Artikel pro Seite 

• einfaches Ändern bzw. Hinzufügen von Artikeln (Datensätze) im Bearbeitungsmodus 

• Datensatz und Tabellenansicht der Artikeldatenbank mit Import und Export-Funktion 

über die Zwischenablage 

• Import- und Exportfunktion im CSV- sowie im TXT-Format 

• detaillierte Beschreibung im HTML-Format, das ermöglicht zum Beispiel einen Artikel 

mit mehren Fotos, Texten, Links zum Hersteller, PDF’s etc., sehr genau zu 

beschreiben. 

• Mehrfachinstallation, zum Beispiel für mehrsprachige Shops oder verschiedene Shops 

für Vertriebspartner und Endkunden 


64

• in Verbindung mit dem Modul Interne Bereiche und Registrierung können Kunden 

sich registrieren 

• in Verbindung mit dem Modul Newsletter können Sie an Ihre registrierten Kunden 

Newsletter versenden 

• FTP-Zugang, zum Beispiel zum Übertragen von mehreren Bilder etc. 

• statistische Auswertung von Zugriffen und Besuchern zum Optimieren von Anzeigen 

und Werbeaktionen 

• in Verbindung mit dem Modul Besucher-Einzel Auswertung sehen Sie jeden Kunden 

und dessen Zugriffe in Echtzeit 

• Weiterleitung von Bestellungen per Email, die Emails können auch über das Handy 

empfangen werden 

• datenbankbasiert und optimiert für bis zu 500.000 Artikel 

Installation des CMS-Moduls Shopsystem 

Klicken Sie im Bearbeitungsmodus der Homepage auf Module -> Shopsystem. Wählen Sie 

das gewünschte Shop-Layout und tätigen Sie die Einstellungen zur Steuer und den 

Versandkosten. Zum Start der Installation wählen Sie Shop Erstellen. Das Modul erstellt die 

Datenbank und legt im Verzeichnis „Shop“ die Dateien für das Shopsystem an. 

In nächsten Schritt soll das Shop-Menü im linken Fenster der Homepage dargestellt werden. 

Öffnen Sie dazu unter Layout -> Layout bearbeiten. 

Aktivieren Sie, sofern noch nicht geschehen, das „Linke-Fenster“ und klicken Sie auf Seite 

wählen. Stellen Sie unter „Shop/“ die Seite „Menue.html“ ein. Speichern Sie das Layout und 

testen Sie den Shop. 

Hinzufügen und Ändern eines Artikels 

Im Bearbeitungsmodus der Homepage wird zu jedem Artikel ein sogenannter Datenbank- 

Button dargestellt. Damit können einfach direkt auf der Seite Artikel (Datensätze) 

hinzugefügt, bearbeitet und gelöscht werden. 


65

Um einen neuen Artikel zu erstellen, klicken Sie auf neuen Datensatz erstellen. Zum 

Ändern eines Artikel klicken Sie direkt neben dem Artikelname auf Datensatz-Bearbeiten. 

In der Datensatz-Ansicht geben Sie den Artikelnamen, Preis etc. ein. Die Felder 

Beschreibungs-Vorschau und Beschreibungs-Detail können zusätzlich über das 

Bearbeiten-Symbol mit dem Editor bearbeitet werden. Das kann hilfreich sein, wenn Sie zu 

einem Artikel zusätzliche Bilder, Texte, Links zum Hersteller oder PDF’s zum Download 

bereitstellen wollen. 

Speichern Sie den Artikel mit einem Klick auf Speichern. Um einen weiteren Artikel zu 

erstellen, klicken Sie auf nächster Datensatz bzw. vorheriger Datensatz. 

Um in die Tabellenansicht zu wechseln, klicken Sie auf Tabellen-Ansicht. 


66

Bild Artikel in der Datenbank-Tabellenansicht 

Hier werden alle Artikel in Tabellenform zur komfortablen Änderung angezeigt. Generell 

sollten Sie hier keine Spalten löschen oder umbenennen, denn dafür ist ein grundlegendes 

Verständnis des Shopsystems und eventuelle Anpassungen der PHP-Scripte notwendig. 

Unbenötigte Spalten und Felder sollte daher einfach frei gelassen werden. Weitere 

Informationen zur Bedienung der Tabellen-Ansicht finden Sie unter Datenbank- 

Tabellenansicht. 

Import und Export von Artikeln im CSV bzw. TXT-Format 

Artikel können effektiv in die Shop-Datenbank per CSV oder Textformat importiert und 

exportiert werden. Zum Importieren öffnen Sie Datenbank -> Datenbank Importieren. Zur 

Auswahl der Import-Datei klicken Sie auf Dokumentenverwaltung. Übertragen Sie hier, 

sofern noch nicht geschehen, die Datei mit dem Artikeldaten von Ihrem lokalen PC. 

Die Datei muss das Format CSV oder TXT (Text mit Tabs getrennt) haben. Die Datei muss 

die Spalten im Format wie unter Shopdatenbank, Spalten und Eigenschaften beschrieben 

aufweisen. 

Wählen Sie die Artikel-Datei und klicken Sie auf Übernehmen. Stellen Sie jetzt unter „Ziel- 

Datenbank“ die Datenbank „Shop“ ein. Generell werden die Datensätze in der Datenbank zu 

den bestehenden hinzugefügt. Sofern die bestehenden Datensätze gelöscht werden sollen, 

aktivieren Sie das Feld. Starten Sie den Import mit einem Klick auf Importieren. 

Zur Kontrolle des Import können Sie sich das Ergebnis in der Datenbank-Tabellen-Ansicht 

anzeigen lassen. Wechseln Sie zu Datenbank -> Datenbankverwaltung und klicken Sie neben 

der Datenbank „Shop“ auf Bearbeiten. 

Den Export der Artikel finden Sie unter Datenbank -> Datenbank exportieren. 

Aktualisieren des Shopmenüs (automatisch) 

Bei Änderungen an den Artikel sowie bei Import von Artikeln muss, sofern neue Kategorien 

enthalten sind bzw. bestehende gelöscht wurden, das „Shop-Menü“ aktualisiert werden. 


67

Klicken Sie dazu auf Menü bearbeiten. Das Shopmenü wird mit den neuen Kategorien 

generiert. Speichern Sie das Shop-Menü und kontrollieren Sie das Ergebnis. 

Aktualisieren des Shopmenüs (manuell) 

Im Einzelfall kann es notwendig sein, dass das Shop-Menü neben den Kategorien aus der 

Shop-Datenbank auch noch Links zu Seiten wie „AGB“ oder „Information“ etc. enthält. Um 

einen Menüpunkt manuell in das Shop-Menü einzufügen, klicken Sie im „Linken-Fenster“ 

auf Seite bearbeiten. Im Editor klicken Sie auf das Shop-Menü und anschließend auf das 

Menü bearbeiten Symbol. Jetzt wird das Menü nicht mit der Datenbank aktualisiert. Es 

werden nur die bestehenden Einträge des Menüs ermittelt. Nun können weitere manuelle 

Einträge erstellt werden, zum Beispiel zur Seite AGB. 

Shopdatenbank, Spalten und Eigenschaften 

Spaltenname Beschreibung Hinweis 

Kategorie1 1. Kategorie zum Beispiel 

Darf kein " sowie ' Zeichen 

„Bildschirme“ 

enthalten 

Kategorie2 2. Kategorie zum Beispiel „TFT- Darf kein " sowie ' Zeichen 

Bildschirme“ 

enthalten 

Kategorie3 3. Kategorie Darf kein " sowie ' Zeichen 

enthalten 

Kategorie4 4. Kategorie Darf kein " sowie ' Zeichen 

enthalten 

ArtikelNummer Artikel Nummer zum Beispiel „1234“ Text-Format 

ArtikelName Name des Artikels zum Beispiel „TFT- 

Bildschirme Modell 123“ 

Preis Artikel Preis Dezimalzahl mit „.“- 

Zeichen und 2 

Nachkommastellen 

BeschreibungVorschau Kurze Beschreibung des Artikels für 

die Kategorien-Ansicht 

Text- und HTML-Format 

BildVorschau URL des Vorschau-Bildes für die Komplette URL mit 

Kategorien-Ansicht, zum Beispiel http://... wird benötigt, 

„http://www.bluetronix- 

keine relativen 

demo.de/Shop/Mouse.jpg“ 

Pfadangaben 

BeschreibungDetail Detaillierte Beschreibung des Artikels 

für die Artikel-Detail-Ansicht 

Text- und HTML-Format 

BildDetail URL des Detail-Bildes, zum Beispiel Komplette URL mit 

„http://www.bluetronix- 

http://... wird benötigt, 

demo.de/Shop/Mouse.jpg“ 

keine relativen 

Pfadangaben 

Versand Versandkosten des Artikels, sofern Sie Dezimalzahl mit „.“für 

jeden Artikel einzelne Kosten Zeichen und 2 

festlegen, zum Beispiel „5.00“ Nachkommastellen 

Lieferzeit Lieferzeit zur Kundeninformation, zum Textformat 

Beispiel „3 Tage“ 

MengeLager Die verfügbare Menge für diesen 

Artikel, zum Beispiel „10“ - somit 

kann ein Kunde nur maximal 10 Stück 

Zahl 


68

in den Warenkorb legen 

Steuer Stand ist hier 19%, Eingabe ist nur 

erforderlich, wenn die Steuer für den 

Artikel abweichend ist, zum Beispiel 

„7“ für Lebensmittel 

Variante1 Ausführungen eines Artikels, zum 

Beispiel Farbe „Rot_Blau_Schwarz“ 

Variante2 Ausführungen eines Artikels, zum 

Beispiel Farbe „Mit USB Kabel_Mit 

Firewire Kabel“ 


Zahl 

Textformat, wenn mehrere 

Einträge, dann diese mit 

„_“ Zeichen trennen 

Textformat, wenn mehrere 



Variante3 Ausführungen eines Artikels Textformat, wenn mehrere 



Variante4 Ausführungen eines Artikels Textformat, wenn mehrere 



Links auf Shopseiten 

In einigen Fällen ist es notwendig, direkt auf eine Artikel- oder Kategorienseite zu verlinken. 

Zum Beispiel, Sie möchten auf der Startseite der Homepage auf die Shop-Kategorie 

„Sonderangebote“ verlinken. Um den Link auf einen Artikel bzw. auf eine Kategorie zu 

ermitteln, rufen Sie in einem zweiten Explorer-Fenster Ihre Webseite auf. Navigieren Sie auf 

die gewünschte Seite, hier im Beispiel auf Cameras -> Digital Cameras. 

In der Adress-Leiste des Browsers wird die komplette URL angezeigt und kann jetzt markiert 

und kopiert (STRG-C) werden. 

Beispiel für Links im Shopsystem: 

http://www.IhreDomain.de/Shop/Artikel.html Link auf alle Artikel 

http://www.IhreDomain.de/Shop/ArtikelB.html Link auf alle Artikel im Shop-Layout B 

http://www.IhreDomain.de/Shop/ArtikelC.html Link auf alle Artikel im Shop-Layout C 

http://www.IhreDomain.de/Shop/Artikel.html?& 

PR_K1=Cameras&PR_K2=Digital%20Cameras 

http://www.bluetronixdemo.de/Shop/Detail.html?&PR_ID=2&N=Vide 

o%20Camera 

Bearbeiten der Shopmasken 

Link auf alle Artikel der Kategorie 

„Cameras“ und Unterkategorie „Digital 

Cameras“ 

Link auf Detail-Ansicht des Artikels mit 

ID=2 und Namen „Video Camera“ 

Mit der bluetronix Software können auch die sogenannten Datenbankenmasken, wie die 

Kategorien-Ansicht, die Artikel oder der Warenkorb des Shopsystems bearbeitet werden. 

Zum Bearbeiten der Maske klicken Sie auf Seite bearbeiten. 

69

Datenbankmaske im Editor bearbeiten am Beispiel des Shopsystems 


Anordnung sowie der dargestellten Bilder pro Seite möglich. Eine Anleitung zum Bearbeiten 

einer Maske im Editor finden Sie unter Datenbankmasken bearbeiten. Eine Anleitung zum 

Ändern des Layouts (Farben und Bilder) finden Sie unter Layout bearbeiten. 

Durch die Mehrfachinstallation des Moduls können Shops für verscheiden Kundengruppen, 

zum Beispiel Vertriebspartner und Endkunden, oder in verschiedenen Sprachen auf einer 

Homepage erstellt werden. 

Shopsystem – für Programmierer mit PHP, HTML und Javascript 

Für das Anpassen des Layouts sind keine Programmierkenntnisse erforderlich, das kann 

einfach über den Editor erfolgen. Für Programmierer können die Masken, die Datenbanken, 

die Tabellenspalten etc. beliebig erweitert und verändert werden. Durch die Trennung von 

Layout und PHP-Script (welches das Layout mit den angeforderten Daten aus der Datenbank 

füllt) geht dabei die einfache Bedienung für den Shopbetreiber (kein Programmieren) nicht 

verloren. 

Shopsystem - Warenkorb und Zahlungssystem – Zahlung per Kreditkarte 

Im Warenkorb werden alle Artikel mit Miniaturbild und den gewählten Variationen 

dargestellt. Das Löschen eines Artikel bzw. die Änderung der Stückzahlen kann auf einfache 

Weise erfolgen. Das Shopsystem unterstützt Netto- und Bruttopreise. In Abhängigkeit davon 

wird die Mehrwertsteuer auf die Zwischensumme bzw. aus der Gesamtsumme berechnet. 

Der Warenkorb kann wie jedes Formular beliebig erweitert und verändert werden. 

Verschiedene Zahlungsvarianten, wie PayPal, Moneybrookers, oder direkte Zahlung per 

Kreditkarte wie VISA, Mastercard, American-Express, Diners-Club etc., können über 

Zahlungsanbieter wie Cronopay oder Computop direkt in das Shopsystem integriert werden. 

Die Integration der Zahlungssysteme können Sie selbst vornehmen. Das kann bei Anbietern 

wie PayPal auf einfache Weise mit dem Einfügen eines Links erfolgen. 

Zusätzlich bieten wir speziell einen Integrationsservice (siehe Webdesign) an. Vorraussetzung 

für die Zahlung per Kreditkarte ist ein Gewerbeschein, ein Handelsregistereintrag oder, sofern 

bereits vorhanden, ein Kreditkarten-Akzeptanzvertrag. 


70

Shopsystem – Empfang einer Bestellung – Weiterleitung auf das Handy 

Bestellungen im Shopsystem werden im Formular-Archiv Extras -> Formular-Archiv 

abgelegt. Zusätzlich kann eine Weiterleitung an Ihre Email-Adresse bzw. als Bestätigung an 

den Käufer erfolgen. Da alle Email-Konten der bluetronix Software POP3, STMP und IMAP 

unterstützen, können Sie die Email-Adresse für die Shopbestellungen auf Ihrem Handy oder 

PDA einrichten. Somit erhalten Sie Bestellungen in Echtzeit direkt auf das Handy und können 

effektiv und kundenfreundlich auf die Bestellung reagieren. 

Shopsystem - Auswertung der Zugriffe – Optimierung 

In Kombination mit dem Modul „Besucher-Einzelauswertung“ können Sie Preise und 

Angebote optimieren. Sie sehen jeden Besucher, die Artikel und Kategorien, welche dieser 

aufgerufen hat sowie die Zeitabstände, wie lange die Artikelseite aufgerufen wurde. Hier 

können effektiv Probleme erkannt und behoben werden. 

Zusätzlich wird angezeigt, wie der Besucher auf Ihre Homepage gekommen ist. Entweder per 

Direkteingabe der Domain, über eine Suchmaschine, über Werbelinks oder eine 

Internetanzeige. Der Nutzen von Werbeaktionen und Anzeigenschaltung kann speziell am 

Verhalten des Besuchers bewertet werden. 

Shopsystem mit Modul Interne Bereiche 

In Kombination mit dem Modul Interne Bereiche kann der Warenkorb, der gesamte Shop etc. 

passwortgeschützt werden. Somit können komplexe Systeme wie Shopsystem mit 

Registrierung, Shopsystem mit Preisanzeige nur für registrierte Vertriebspartner, 

Artikelpräsentation nur für registrierte Benutzer etc. einfach umgesetzt werden. Siehe dazu 

das Kapitel CMS-Modul Interne Bereiche. 


71

Newsseite 

Datenbankbasierte Newsseite, Newsseite selbst erstellen, Newsseite 

mit einfachem Ändern und Einfügen von Texten und Bildern, dynamische 

Newsseite mit Archiv 

Informieren Sie Ihre Besucher regelmäßig über Neuigkeiten auf Ihrer Webseite. Das News 

Modul erleichtert dies und präsentiert die Informationen in einer einheitlichen und zeitlich 

geordneten Form. Die regelmäßigen Änderungen auf Ihrer Webseite werden auch von 

Suchmaschinen gewürdigt und Sie erhalten ein besseres Ranking. 

Das Modul Newsseite besteht aus einer Newsliste, die nach dem Eintragsdatum der News 

geordnet ist sowie jeweils einem detaillierten Newseintrag. Sind mehr News vorhanden als 

festgelegt Einträge pro Seite, so werden die älteren News automatisch auf die 2, 3 ... Seite 

verschoben. Somit können Besucher auch ältere News jederzeit im Archiv nachlesen. Das 

Layout, die Anzahl der News pro Seite sowie die Bildgrößen etc. können frei verändert 

werden. Die Bildgrößen werden dabei automatisch berechnet. Das zeitaufwendige 

Zuschneiden der Bilder kann somit entfallen. 

Live-Demo unter http://www.bluetronix-demo.de/News/News.html 

Newseinträge können zusätzlich über die Datenbank per CSV oder Textformat importiert und 

exportiert werden. Zum Bearbeiten und Veröffentlichen neuer Einträge steht eine 

Tabellenansicht sowie eine Zeilenansicht zur Verfügung. In der Tabellenansicht können die 

Daten zusätzlich über die Zwischenablage zu Excel importiert und exportiert werden. 

Um gezielt eine News ändern zu wollen, stehen im Bearbeitungsmodus die sogenannten 

Datenbankbuttons zu Verfügung. Somit kann eine News direkt vom 

Bearbeitungsmodus der Homepage aus eingestellt, bearbeitet oder gelöscht werden. 

Die Detail-Beschreibung der News kann in HTML erfolgen. Dazu kann von der 

Datensatzansicht zum Ausfüllen der Detail-Beschreibung einfach in der Editor gewechselt 

werden. Die News können dadurch umfassend und genau beschrieben werden. Zum Beispiel 


72

mit weiteren Bildern, Links zum Hersteller, Links zur Bedienungsanleitung, Download von 

PDF’s oder Querlinks zu ähnlichen Artikeln. 

Installation des CMS-Moduls Newsseite 

Klicken Sie im Bearbeitungsmodus der Homepage auf Module -> Newsseite. Zum Start der 

Installation wählen Sie News Erstellen. Das Modul erstellt die Datenbank und legt im 

Verzeichnis „News“ die Dateien für die Newsseite an. 

Die Newsseite ist jetzt über http://www.bluetronix-demo.de/News/News.html erreichbar. Um 

die Newsseite mit einem Menüpunkt zu verbinden, klicken Sie auf Menü bearbeiten und 

erstellen einen neuen Menüpunkt mit dem Namen „Newsseite“. Klicken Sie jetzt auf Link 

erstellen und wählen Sie im Verzeichnis /News/ die Datei News.html. Speichern Sie das Menü 

und testen Sie die Seite. 

Einfaches Einfügen bzw. Ändern von Datensätzen in der Newsseite 

Das Hinzufügen bzw. das Ändern der Newseinträge kann einfach über die sogenannten 

Datenbankbuttons erfolgen. Im Bearbeitungsmodus werden zu jedem 

Newseintrag (Datensatz) diese Button angezeigt. Mit einem Klick auf Datensatz 

bearbeiten öffnet sich der Datensatz im Datenbank-Editor. 

Datenbanken-Satzansicht am Beispiel des Shopsystems 

Jetzt können einfach Bilder und Beschreibungen hinzugefügt bzw. geändert werden. Die 

Newseinträge werden automatisch nach dem Eintragsdatum in absteigender Form geordnet. 

Somit ist der aktuellste Eintrag immer auf der 1. Position. 

Newsseite mit individuellem Layout 

Mit der bluetronix Software können auch die sogenannten Datenbankenmasken der Newsseite 

bearbeitet werden. Zum Bearbeiten der Maske klicken Sie auf Seite bearbeiten. 


73

Datenbankmaske im Editor bearbeiten am Beispiel der Newsseite 


Anordnung sowie der dargestellten Einträge pro Seite möglich. Eine Anleitung zum 

Bearbeiten einer Maske im Editor finden Sie und Datenbankmasken bearbeiten. Eine 

Anleitung zum Ändern des Layouts (Farben und Bilder) finden Sie unter Layout bearbeiten. 


74

Formularsystem 

Formulare selbst erstellen, Formulare einfach erstellen, 

Datenbankbasiertes Formularsystem, Formulare ohne mailto, 

Formmailer, Formulare an eine Email-Adresse weiterleiten, Formulare 

ohne Mail-Client 

Formulare können einfach über den Editor aufgebaut werden. Es können beliebig viele 

Felder, Buttons, Checkboxen und Textfelder ohne Programmierkenntnisse erstellt werden. 

Die Software korrigiert automatisch Feldnamen und Formularelemente. Felder, die ausgefüllt 

werden, können einfach definiert werden. 

Live-Demo unter http://www.bluetronix-demo.de/Kontakt.html 

Das Formularsystem setzt beim Anwender keine Anforderungen wie Mailclienteinrichtung 

(mailto), Javascript etc. voraus. Das Formular besteht nur aus einem Form-Tag, den Standart- 

Eingabefeldern und dem Submit-Button und kann somit von jedem Browser, PDA oder 

internetfähigem Handy versandt werden. 

Versendete Formulare werden im Formulararchiv gespeichert und können gelesen und 

gedruckt werden. Die Übermittlung des Formulars kann im Textmodus (Feld -> Name: 

Mustermann) sowie im HTML-Modus (1:1 die ausgefüllte Formularmaske) erfolgen. 

Ein Formular kann jeweils an eine Email-Adresse weitergeleitet werden. Somit können 

verschiedenen Formulare an die entsprechenden Abteilungen oder Mitarbeiter automatisch 

weitergeleitet werden. Zusätzlich kann eine Bestätigung an den Versender erfolgen. 

Installation des CMS-Moduls Formular 

Klicken Sie im Bearbeitungsmodus der Homepage auf Module -> Formular. Im Feld 

„Email“ können Sie eine Email-Adresse eingeben, an welche das Formular weitergeleitet 


75

werden soll. Generell werden alle Formulare im Formular-Archiv Extras -> Formular-Archiv 

gespeichert. Zum Start der Installation wählen Sie Formular Erstellen. Das Modul erstellt die 

Datenbank und legt im Verzeichnis „Formular“ zwei Seiten an. Einmal das Formular 

(Kontakt.html) und die Versand-Seite (Versand.html), welche das Formular entgegennimmt 

und im Archiv speichert bzw. per Email weiterleitet. 

Die Formular ist jetzt über http://www.bluetronix-demo.de/Formular/Kontakt.html erreichbar. 

Um das Kontakt-Formular mit einem Menüpunkt zu verbinden, klicken Sie auf Menü 

bearbeiten und erstellen einen neuen Menüpunkt mit dem Namen „Kontakt“. Klicken Sie jetzt 

auf Link erstellen und wählen Sie im Verzeichnis „Formular“ die Datei „Kontakt.html“. 

Speichern Sie das Menü und testen Sie das Formular mit einigen Test-Einträgen. 

Einfaches Erstellen und Ändern des Formulars 

Eine ausführliche Beschreibung zum Erstellen bzw. Ändern eines Formulars finden Sie im 

Kapitel Formulare. 

Formulare – Layout anpassen 

Die Gestaltung des Formulars kann sehr detailliert mit Hilfe des CSS-Editors erfolgen. Eine 

Anpassung der Farben, Buttons, Hintergrundbilder und Rahmen nehmen Sie mit dem Layout- 

Assistenten vor. 

Formular - Weiterleitung auf das Handy 

Da alle Email-Konten der bluetronix Software POP3, STMP und IMAP unterstützen, können 

Sie die Email-Konten auf Ihrem Handy oder PDA einrichten. Somit erhalten Sie eine 

Formularanfrage in Echtzeit direkt auf das Handy und können effektiv und kundenfreundlich 

auf die Anfragen reagieren. 


76

Interne Bereiche 

Internen Bereich für Homepage erstellen, Passwortschutz für 

Homepage, passwortgeschützte Seite, Benutzerregistrierung für 

Homepage, Login-Fenster für Homepage, Passwortvergessen-Funktion, 

Benutzersystem, CMS mit Registrierungsfunktion, Shopsystem mit 

Registrierungsfunktion, Forum mit Registrierungsfunktion 

Das Modul Interne Bereiche ermöglicht es, Verzeichnisse und deren Inhalte sowie einzelne 

Dateien vor unberechtigten Zugriffen zu schützen. Zum Beispiel, Sie wollen die Seite 

„Mitarbeiter“ auf Ihrer Firmenhomepage nur Ihren Mitarbeitern über jeweils ein Login 

zugänglich machen oder im Diskussionsforum sollen nur registrierte Benutzer einen Eintrag 

veröffentlichen dürfen. Öffnet ein Besucher der Homepage – unangemeldet - die Seite 

„Mitarbeiter“, so wird nicht die Seite „Mitarbeiter“ angezeigt, sondern das Login-Fenster 

sowie die Registrierungsfunktion und die Passwortvergessenfunktion. Nach einer 

erfolgreichen Registrierung kann der Benutzer sich anmelden und die Seite „Mitarbeiter“ 

aufrufen. Je nach Konfiguration kann sich der Benutzer mit dem gleichen Login am Forum 

anmelden, um dort einen Eintrag zu erstellen oder er muss sich für das Forum erneut 

registrieren. Beide Möglichkeiten können mit Hilfe von Benutzergruppen umgesetzt werden. 

Live-Demo unter http://www.bluetronix-demo.de/Intern/index.html 

Mit Hilfe der Registrierungsfunktion kann sich ein Benutzer, je nach Einstellung, 

vollautomatisch bzw. teilautomatisch (Admin muss Benutzer freischalten) registrieren. 

Zusätzlich werden Daten wie Name, Email-Adresse und Newsletterzustellung in der 

Registrierung erfasst. Die Funktion „Passwort vergessen“ ermöglicht es Benutzern unter 

Eingabe Ihrer Email-Adresse ein neues Passwort per Email zu erhalten. Die eingegebene 

Email-Adresse muss dabei im System einem Benutzer zugeordnet sein. 


77

Der Passwortschutz eines Verzeichnisses sowie einer Seite erfolgt einfach über die 

Seitenverwaltung. Dazu wird das gewünschte Verzeichnis bzw. die gewünschte Seite markiert 

und im Fenster Passwortschutz die entsprechende Benutzer-Gruppe zugewiesen. 

Es können beliebig viele Interne Bereiche erstellt werden. Bei der Installation des Moduls 

wird automatisch die Benutzergruppe erstellt sowie die Seiten Login, Registrierung und 

Passwortvergessen passend zur Benutzergruppe angelegt. Einem Internen Bereich können 

mehrere Benutzer-Gruppen zugeordnet werden (ein Login ist für mehrere geschützte Bereiche 

gültig). Einem Benutzer kann jeweils eine Gruppe zugewiesen werden. 

In Kombination mit dem Modul Newsletter sind die Benutzergruppen unter Newsletter 

verfügbar. Somit kann ein Newsletter an jeweils eine Benutzergruppe versandt werden. Zum 

Beispiel Information für Mitarbeiter an die Gruppe „Mitarbeiter“ oder Neuigkeiten im Forum 

für die Gruppe „Forum“. 

Auch Verzeichnisse und Seiten von Modulen wie Shop, Forum, Fotoalbum etc. können 

geschützt werden. Somit können komplexe System wie Shopsystem mit Registrierung, 

Shopsystem mit Preisanzeige nur für registrierte Vertriebspartner, Artikelpräsentation nur für 

registrierte Benutzer etc. einfach umgesetzt werden. 

Installation des CMS-Moduls Interne Bereiche 

Klicken Sie im Bearbeitungsmodus der Homepage auf Module -> Interne Bereiche. Wählen 

Sie ein Verzeichnis, dass passwortgeschützt werden soll. 

Unter „Start-Seite“ können Sie eine Seite festlegen, die der Benutzer nach erfolgreicher 

Anmeldung erhält. 

Wenn im Feld Email-Admin eine Email-Adresse eingegeben wird, erhält der Adressat bei jeder 

Registrierung eine kurze Bestätigungs-Email. 

Die Option Auto-Reg (Automatische Registrierung) bedeutet, dass der Benutzer automatisch 

nach der Registrierung freigeschalten ist. Bleibt dieses Feld deaktiviert, so muss der 

Administrator den Benutzer in der Benutzerverwaltung freischalten. 

Die Option Mail-Pwd bewirkt, dass der Benutzer nach der Registrierung eine Email mit seinem 

Passwort erhält. Die Email-Adresse wird über diese Funktion überprüft. Bei falscher Email- 

Adresse kann der Benutzer kein Passwort erhalten. 

Das Feld Umleitung beinhaltet die Zeitangabe, nach der die Umleitung auf die interne Start- 

Seite nach erfolgreichem Login erfolgt. 

Zum Start der Installation wählen Sie Erstellen. Das Modul erstellt die Benutzergruppe, den 

Passwortschutz für das Verzeichnis sowie die Dateien für Login, Registrierung, Passwort 

vergessen. 

Der Interne Bereich ist jetzt über http://www.bluetronix-demo.de/Intern/index.html 

erreichbar. 

Um die passwortgeschützte Seite mit einem Menüpunkt zu verbinden, klicken Sie auf 

Menü bearbeiten und erstellen einen neuen Menüpunkt mit dem Namen „Intern“. Klicken Sie 

jetzt auf Link erstellen und wählen Sie im Verzeichnis „Intern“ die Datei „index.html“. 

Speichern Sie das Menü und testen Sie die Funktionen. 

Um den internen Bereich zu testen, müssen Sie sich vom Bearbeitungsmodus 

Abmelden, da der Administrator immer Zugriff auf jeden internen Bereich hat. 


78

Weitere Informationen zu Benutzergruppen finden Sie im Kapitel Benutzerverwaltung. 

Einfaches Ändern der Login-Seiten - Layoutanpassungen 

Mit der bluetronix Software kann die Seite Login.html einfach bearbeitet und angepasst 

werden. Alle Funktionen, wie Login, Logout, Passwort vergessen, Registrierung, Benutzer- 

Daten ändern, sind auf in der Seite Login.html enthalten. Diese Funktionen werden über das 

PHP-Script, welches unter Einstellung -> PHP-Code angepasst werden kann, in 

Abhängigkeit des aktuellen Status dargestellt. 

Um die Seite zu bearbeiten, öffnen Sie im Hauptmenü die Seitenverwaltung, wechseln in 

den Ordner Intern, klicken auf den Seitennamen Login.html und auf Bearbeiten. 

Login-Seite im Editor 

Im Editor sind individuelle Anpassungen des Layouts, der Farben und Hintergrundbilder 

möglich. Weitere Informationen zum Bearbeiten einer Seite im Editor finden Sie im Kapitel 

Der Homepage-Editor. Eine Anleitung zum globalen Ändern des Layouts (Farben und Bilder) 

finden Sie unter Layout bearbeiten. 


79

Durch die Mehrfachinstallation des Moduls können verschiedene Interne Bereiche erstellt 

werden. Zum Beispiel für das Bestellen im Shopsystem oder für einen Eintrag im 

Diskussionsforum. 


80

Gästebuch 

Gästebuch, datenbankbasiertes Gästebuch, eigenes Gästebuch, 

Gästebuch für Homepage, Gästebuch selbst erstellen, Gästebuch mit 

individuellem Layout, Gästebuch selbst gestalten, Gästebuch - 

einfaches Löschen von Einträgen 

Das Modul Gästebuch gibt den Besuchern Ihrer Homepage die Möglichkeit, ein Feedback zu 

hinterlassen. Alle Einträge werden in zeitlich absteigender Form präsentiert. Die Anzahl der 

Einträge pro Seite sowie das Layout können verändert werden. Bei Überschreitung der 

Einträge pro Seite werden ältere Einträge automatisch auf Seite 2, 3 ... verschoben. 

Auf der Eintragsseite kann ein Name, eine Email-Adresse und eine Bemerkung angegeben 

werden. Das Gästebuch versendet bei Einträgen automatisch eine Email an den festgelegten 

Benutzer. Somit können ungewollte Einträge gelöscht werden. Da alle Email-Konten der 

bluetronix Software POP3, STMP und IMAP unterstützen, können Sie die Email-Adresse für 

den Gästebucheintrag auf Ihrem Handy oder PDA einrichten. Somit erhalten Sie Einträge in 

Echtzeit direkt auf das Handy. 

Installation des CMS-Moduls Interne Bereiche 

Klicken Sie im Bearbeitungsmodus der Homepage auf Module -> Interne Bereiche. Wählen 

Sie ein Verzeichnis und klicken Sie auf Gästebuch-Erstellen. Das Modul erstellt die 

Datenbank sowie die Dateien für das Gästebuch. 

Das Gästebuch ist jetzt über http://www.bluetronix-demo.de/Gaestebuch/Gaestebuch.html 

erreichbar. Um das Gästebuch mit einem Menüpunkt zu verbinden, klicken Sie auf Menü 

bearbeiten und erstellen einen neuen Menüpunkt mit dem Namen „Gästebuch“. Klicken Sie 


81

jetzt auf Link erstellen und wählen Sie im Verzeichnis „Gaestebuch“ die Datei 

„Gaestebuch.html“. Speichern Sie das Menü und testen Sie die Funktionen. 

Einfaches Ändern und Löschen von Datensätzen im Gästebuch 

Das Ändern bzw. Löschen der Gästebucheinträge kann einfach über die sogenannten 

Datenbankbuttons erfolgen. Im Bearbeitungsmodus werden zu jedem Eintrag 

(Datensatz) diese Buttons angezeigt. Mit einem Klick auf Datensatz bearbeiten öffnet sich 

der Datensatz im Datenbank-Editor. 

Datenbanken-Satzansicht am Beispiel des Gästebuchs 

Jetzt können einfach Text und Beschreibungen hinzugefügt bzw. geändert werden. Die 

Gästebucheinträge werden automatisch nach dem Eintragsdatum in absteigender Form 

geordnet. Somit ist der aktuellste Eintrag immer auf der 1. Position. 

Um einen ungewollten Datensatz zu löschen, klicken Sie in der Eintragszeile auf das Löschen 

Symbol. Weitere Informationen zum Ändern von Datensätzen finden Sie im Kapitel 

Datensatz-Bearbeiten. 

Einfaches Ändern der Gästebuch-Seiten - Layoutanpassungen 

Mit der bluetronix Software kann die sogenannte Datenbankmaske, wie die Seite 

Gaestebuch.html und Eintrag.html, einfach bearbeitet und angepasst werden. Um die Seite zu 

bearbeiten, klicken Sie auf das Bearbeiten Symbol. 


82

Gästebuch-Seite im Editor 





Durch die Mehrfachinstallation des Moduls können verschieden Gästebücher erstellt werden. 

Zum Beispiel in mehreren Sprachen oder für verschiedene Bereiche. 


83

Diskussionsforum 

Forum mit Registrierung, Diskussionsforum für Homepage, Community, 

eigenes Forum auf der Homepage, Forum selbst erstellen, Forum - 

einfaches Löschen von Einträgen 

Das Modul Diskussionsforum ermöglicht die eigene Community auf Ihrer Homepage. Es 

können beliebig viele Themen von Benutzern erstellt werden. Zu jedem Thema können 

Benutzer Antworten geben. Die Themen sind zeitlich absteigend geordnet. Das Thema mit 

dem letzten Eintrag ist immer das Aktuellste. Die Antworten sind in zeitlich aufsteigender 

Reihenfolge geordnet, um den Verlauf der Diskussion nachlesen zu können. 

Live-Demo unter http://www.bluetronix-demo.de/Forum/Forum.html 

Die Anzahl der Themen pro Seite, die Anzahl der Antworten pro Seite sowie das Layout 

können verändert werden. Zur Verbesserung der Performance werden bei Überschreitung der 

Themen pro Seite bzw. der Antworten pro Seite, ältere Einträge automatisch auf Seite 2, 3 ... 

verschoben. 

Das Forum ist suchmaschinenfreundlich und enthält sowohl im Titel als auch in der URL das 

Thema der Seite. Die Gesamtseite wird serverseitig erstellt, um unvollständige Seiten zu 

verhindern. 

Dokumentiert werden die Anzahl der Antworten, die Anzahl der Aufrufe, Eintragszeit, 

Benutzername und die IP-Adresse des Autors. Um die Transparenz des Forums zu verbessern, 

ist eine Volltext-Suche enthalten, die sich nur auf die Datensätze des Forums beschränkt. 

Auf der Eintragsseite kann ein Name, eine Email-Adresse und eine Bemerkung angegeben 

werden. Zusätzlich können Links, Bilder und Emotion-Smileys eingefügt werden. Das 

Einbinden dieser Elemente erfolgt auf sichere Weise. Dabei werden beinhaltete HTML-Tags, 


84

Java-Scripte etc. unschädlich formiert. Auch das beliebte „Link zur eigenen Homepage 

setzen“ bleibt durch das Einbinden der Links mittels „norefer“ ohne Effekt für den Autor. 

Das Forum versendet bei Einträge automatisch eine Email an den festgelegten Benutzer. 

Somit können ungewollte Einträge gelöscht oder geändert werden. Da alle Email-Konten der 

bluetronix Software POP3, STMP und IMAP unterstützen, können Sie die Email-Adresse für 

den Forumeintrag auf Ihrem Handy oder PDA einrichten. Somit erhalten Sie Einträge in 

Echtzeit direkt auf das Handy. 

Das Ändern und Löschen der Forumeinträge kann auf einfache Weise über die sogenannten 

Bearbeitenbuttons vorgenommen werden. 

In Kombination mit dem Modul „Interne Bereiche“ kann das Forum komplett bzw. nur die 

Eintragsseiten passwortgeschützt werden. Somit können Einträge nur noch von registrierten 

Benutzern getätigt werden. Für jede Registrierung ist eine Email-Adresse erforderlich, an 

welche das Passwort versandt wird. Das vereinfacht auch das Sperren von Benutzern, da 

häufig das Blocken der IP wirkungslos bleibt. 

Mit dem Modul „Newsletter“ können zusätzlich an alle registrierten Benutzer Newsletter mit 

neuen Informationen zum Forum versandt werden. 

Installation des CMS-Moduls Diskussionsforum 

Klicken Sie im Bearbeitungsmodus der Homepage auf Module -> Diskussionsforum. 

Wählen Sie ein Verzeichnis und klicken Sie auf Forum-Erstellen. Das Modul erstellt die 

Datenbank sowie die Dateien für das Forum. 

Das Forum ist jetzt über http://www.bluetronix-demo.de/Forum/Forum.html erreichbar. Um 

das Forum mit einem Menüpunkt zu verbinden, klicken Sie auf Menü bearbeiten und 

erstellen einen neuen Menüpunkt mit dem Namen „Forum“. Klicken Sie jetzt auf Link 

erstellen und wählen Sie im Verzeichnis „Forum“ die Datei „Forum.html“. Speichern Sie das 

Menü und testen Sie die Funktionen. 

Einfaches Ändern und Löschen von Datensätzen im Forum 

Das Ändern bzw. Löschen der Einträge kann einfach über die sogenannten Datenbankbuttons 

erfolgen. Im Bearbeitungsmodus werden zu jedem Eintrag (Datensatz) diese 

Buttons angezeigt. Mit einem Klick auf Datensatz bearbeiten öffnet sich der Datensatz im 

Datenbank-Editor. Sofern Sie nur einen Eintrag zu einem Thema ändern möchten, wählen Sie 

zuerst das gewünschte Thema. 


85

Datenbanken-Satzansicht am Beispiel des Forums 

Jetzt können einfach Text und Beschreibungen hinzugefügt bzw. geändert werden. Die 

Themeneinträge werden automatisch nach dem Eintragsdatum in absteigender Form geordnet. 

Somit ist der aktuellste Eintrag immer auf der 1. Position. 

Die Einträge der Antworten (auf den Themenseiten) werden in aufsteigender Form geordnet, 

um den Verlauf der Diskussion besser nachvollziehen zu können. 

Um einen ungewollten Eintrag (Datensatz – sowohl eine Thema oder eine Antwort) zu 

löschen, klicken Sie in der Eintragszeile auf das Löschen Symbol. Weitere Informationen zum 

Ändern von Datensätzen finden Sie im Kapitel Datensatz-Bearbeiten. 

Einfaches Ändern der Foren-Seiten - Layoutanpassungen 

Mit der bluetronix Software kann auch die sogenannte Datenbankmaske der Foren-Seiten 

bearbeitet und angepasst werden. Um die Seite zu bearbeiten, klicken Sie auf das 

Bearbeiten Symbol. 


86

Themen-Seite des Forums im Editor 





Durch die Mehrfachinstallation des Moduls können Diskussionsforen zu verschiedenen 

Kategorien erstellt werden. Zum Beispiel in mehreren Sprachen. 


87

Homepage Suche – Volltextsuche 

Textsuche für Homepage, Suche für eigene Homepage, Homepage-Suche 

selbst erstellen, Homepage-Suche mit eigenem Layout 

Die Suche durchsucht alle öffentlich zugänglichen Seiten nach dem eingegebenen Suchwort. 

Dabei können auch mehrere Begriffe mit Leerzeichen getrennt eingeben werden. Die Anzahl 

der Suchergebnisse pro Seite sowie das Layout können verändert werden. Im Suchergebnis 

wird jede gefundene Seite mit Titel, Link zur Seite und einem Textausschnitt mit 

Hervorhebung des Suchbegriffs dargestellt. 

Live-Demo unter http://www.bluetronix-demo.de 

Für geschützte Seiten und Verzeichnisse ist ein Login notwendig, um diese zu durchsuchen. 

Die Suche kann auch auf bestimmte Verzeichnisse und deren Seiten und Unterverzeichnisse 

beschränkt werden. Durch das mehrfache Verwenden der Suche auf verschiedenen Seiten mit 

Beschränkung auf Verzeichnisse können Suchen zu verschiedenen Kategorien realisiert 

werden. 

Die Module Shop, Forum enthalten bereits vorkonfigurierte Suchen, die sich auf das jeweilige 

Modul beschränken. 

Installation des CMS-Moduls Diskussionsforum 

Klicken Sie im Bearbeitungsmodus der Homepage auf Module -> Diskussionsforum. Sofern 

Sie die Suche nur auf ein bestimmtes Verzeichnis (inklusive aller Unterverzeichnisse) 

einschränken wollen, wählen Sie ein Verzeichnis und klicken Sie auf Suche-Erstellen. Das 


88

Modul erstellt die Seite TextSuche.html (Eingabemaske) sowie die Seite Suche.html 

(Ausgabe der Suchergebnisse). 

Die Suche ist jetzt über http://www.bluetronix-demo.de/Suche/TextSuche.html erreichbar. 

Die Suchmaske kann aus der TextSuche.html Seite auch in andere Seiten, zum Beispiel in das 

obere Fenster, kopiert werden. Bearbeiten Sie dazu die TextSuche.html Seite, markieren 

Sie die Maske, wie im unteren Bild gezeigt, und klicken Sie auf Kopieren. 

Bearbeiten Sie jetzt die Seite für das obere Fenster (zum Beispiel oben.html) und fügen Sie 

die Suche an der gewünschten Position ein. 

Einfaches Ändern der Suchen-Seiten - Layoutanpassungen 

Mit der bluetronix Software kann auch die sogenannte Datenbankmaske der Suchen-Seiten 

bearbeitet und angepasst werden. Um die Seite zu bearbeiten, klicken Sie auf das 


Seite Suchergebnisse im Editor 




89



Durch die Mehrfachinstallation des Moduls können Text-Suchen zum Beispiel für 

verschiedene Verzeichnisse oder in verschiedenen Sprachen realisiert werden. 


90

Newsletter 

Newslettersystem, Newsletter für Benutzer, Newsletter mit Import und 

Exportfunktion für Email-Adressen, Email an mehrere Benutzer 

gleichzeitig senden, Newsletter - Registrierung 

Das Newslettersystem versendet eine Email an mehrere Empfänger gleichzeitig, zum Beispiel 

an Ihre registrierten Kunden im Shopsystem oder Forum. 

Email- und Adresslisten können aus Outlook etc. über die Datenbankverwaltung importiert 

und exportiert werden. Siehe dazu das Kapitel Newsletter. Das Newsletter-Modul verfügt 

auch über Funktionen wie Newsletter abonnieren und Newsletter abmelden. 

Installation des CMS-Moduls Newsletter 

Klicken Sie im Bearbeitungsmodus der Homepage auf Module -> Newsletter. Wählen Sie 

ein Verzeichnis und klicken Sie auf Erstellen. Das Modul erstellt die Seite Eintrag.html, 

Insert.html (Registrierung für Newsletter), Abbestellen.html, DelInsert.html (Newsletter 

abbestellen) sowie die Seite Vorlage.html (Vorlage für das Schreiben eines Newsletter). 

Die Eintragsseite ist jetzt über http://www.bluetronix-demo.de/Newsletter/Eintrag.html 

erreichbar. 

Einfaches Ändern der Newsletter-Seiten - Layoutanpassungen 

Mit der bluetronix Software kann auch die sogenannte Datenbankmaske der Newsletter- 

Seiten bearbeitet und angepasst werden. Um die Seite zu bearbeiten, klicken Sie auf das 



91

Seite Newsletter-Eintrag im Editor 





Durch die Mehrfachinstallation des Moduls können verschiedene Newsletter-Gruppen, wie 

Forum, Shop-Kunde oder Mitarbeiter, realisiert werden. 


92

Datenbanken 

Das Datenbankensystem dient zum Erstellen und Bearbeiten von Datenbanken-Tabellen. Wie 

gewohnt können hier Tabellen und Datensätze einfach online bearbeitet werden. Für den 

Import von großen Datenmengen steht eine Import- und Export-Funktion zur Verfügung. 

Die Datenbankverwaltung 

Die Datenbankverwaltung finden Sie im Bearbeitungsmodus Ihrer Homepage unter DB -> 

Datenbankverwaltung. 

Im oberen Teil kann eine neue Datenbank-Tabelle erstellt werden. Geben Sie dazu den 

gewünschten Datenbanknamen ein und klicken Sie auf Anlegen. Im unteren Teil werden die 

bereits bestehenden Datenbank-Tabellen angezeigt, zum Beispiel die Datenbank „shop“. 

Um die Tabelle zu bearbeiten, klicken Sie neben dem Datenbanknamen auf Bearbeiten. 

Die Datenbanktabellen „shop“, „forum“ und „gaestbuch“ müssen nicht manuell in der 

Datenbankverwaltung angelegt werden. Diese werden automatisch bei der Installation der 

Module angelegt. Siehe Kapitel Module. 

Die Tabellen-Ansicht 

In der Tabellen-Ansicht werden alle Datensätze (jeweils 50 Stück pro Seite) in Tabellen-Form 

angezeigt. Mit Hilfe der Tabellen-Ansicht können schnell mehrere Datensätze gleichzeitig 

geändert werden. 

Klicken Sie im Bearbeitungsmodus Ihrer Homepage auf DB -> Datenbankverwaltung und 

klicken Sie neben dem Datenbanknamen, zum Beispiel „shop“, auf Bearbeiten. Die Datensätze 

werden in der Tabellen-Ansicht geladen. 


93

Datenbank Tabellen-Ansicht 

Datenbank speichern 

Ausschneiden 

Kopieren 

Einfügen 

Importieren über die Zwischenablage 

Exportieren über die Zwischenablage 

Vorherige Seite 

Seitenauswahl (Schrittweite 50) 

Nächste Seite 

Neuen Datensatz erstellen 


Datensatz löschen 

gesamte Datensatzliste löschen 

Spalte einfügen 

Spalten-Einstellungen 

Spalte löschen 

Suche 

Felder bearbeiten 

Klicken Sie in das gewünschte Feld (das Feld wird rot umrandet) und geben Sie einen Text 

ein. Um zwischen den Feldern zu wechseln, können Sie auch die Cursor-Tasten (� �) 

verwenden. 


94

Zeileninhalt löschen, Spalteninhalt löschen 

Klicken Sie auf die Zeilennummer auf der linken Seite, zum Beispiel auf Datensatznummer 5 

(das Feld wird orange gefärbt). Drücken Sie jetzt die Entfernen-Taste, um den Datensatz zu 

löschen. 

Zum Löschen einer Spalte klicken Sie auf den Spaltennamen (das Feld wird orange gefärbt) 

und auf die Entfernen-Taste. 

Zeileninhalt kopieren, Spalteninhalt kopieren 

Klicken Sie auf die Zeilennummer der Zeile, die kopiert werden soll. Wählen Sie im Menü 

Kopieren. Klicken Sie jetzt auf die Zeilennummer, in welche die Inhalte eingefügt werden 

sollen und wählen im Menü das Einfügen Symbol. Analog erfolgt das Kopieren von 

Spalteninhalten. Klicken Sie dazu auf den Spaltennamen. 

Spalte einfügen, löschen, ändern 

Klicken Sie auf den Spaltennamen, hinter dem die neue Spalte eingefügt werden soll. Wählen 

Sie Spalte einfügen. 

Geben Sie einen Spaltennamen ein und legen Sie den Typ fest. Der Spaltentyp definiert den 

MySQL-Typ und hilft später beim Füllen der Datenbank. Zum Beispiel wird der Typ HTML 

mit Verbindung zum Editor dargestellt oder der Typ Bild mit Verbindung zur 

Bilderverwaltung. Bestätigen Sie mit Speichern. 

Zum Löschen der Spalte klicken Sie auf den entsprechenden Spaltennamen und auf Spalte 

löschen. 

Zum Ändern der Spalten-Einstellungen klicken Sie auf den Spaltennamen und auf das 

Spalten-Einstellungen Symbol. Ändern Sie zum Beispiel den Spaltennamen oder den Typ 

und speichern Sie die Einstellungen. 

Das Einfügen, Löschen und Ändern der Spalten kann dazu führen, dass Module, wie 

Shop, Forum, Gästebuch etc., nicht mehr korrekt ausgeführt werden. Ändern Sie nicht einfach 

die Spaltennamen im Shop, da weitere Anpassungen im PHP-Code der Shopseiten notwendig 

sind. 


95


Die Datensätze können in der Tabellen-Ansicht verändert werden. Für größere Texte sowie 

das Nutzen der Ausfüll-Funktionen ist die Datensatz-Ansicht besser geeignet. Klicken Sie 

dazu auf einen Datensatz und auf das Datensatz bearbeiten Symbol. 

Die Datensatzansicht 

Die Datensatz-Ansicht stellt alle Spalten eines Datensatzes auf einer Seite in einer 

übersichtlichen Form dar. 

Zum Ausfüllen eines Feldes klicken Sie in das entsprechende Feld und geben einen Text ein. 

Mit der Tabulator-Taste können Sie einfach zum nächsten Feld wechseln. 

Datenbank speichern 

Ausschneiden 

Kopieren 

Einfügen 

Vorheriger Datensatz 

Datensatzauswahl – geben Sie hier die Datensatznummer ein, um gezielt einen Datensatz zu 

ändern 

Nächster Datensatz 

Suche 

Die Option ID-Einerschritte bewirkt, dass bei Anwahl des nächsten Datensatzes die ID um 1 erhöht 

wird. Ohne diese Option wird der nächste gefundene Datensatz angezeigt. 


96

Editor – Ausfüllhilfe für Typ HTML, wechselt für das Feld in den HTML-Editor 

Bilderverwaltung – Ausfüllhilfe für Typ Bilder, wechselt in die Bilderverwaltung 

Dokumentenverwaltung – Ausfüllhilfe für Typ Dokument, wechselt in die Dokumentenverwaltung 

Link – Ausfüllhilfe für Typ Link, öffnet das Link-Fenster 

Import und Export über Zwischenablage 

Der Import und Export über die Zwischenablage ist ein hilfreiches Mittel, um Datensätze von 

und zu anderen Programmen zu kopieren. Hier im Beispiel sollen einige Datensätze zu Excel 

über die Zwischenablage kopiert werden. 

Öffnen Sie dazu DB -> Datenbankverwaltung und klicken Sie neben dem Datenbanknamen 

„shop“ auf Bearbeiten. 

Klicken Sie jetzt auf das Export Symbol. Starten Sie Excel und Klicken Sie im Menü auf 

Bearbeiten -> Einfügen. Die Inhalte, zum Beispiel Preise und Beschreibungen, können jetzt in 

Excel verändert werden. 

Der Import und Export über die Zwischenablage kopiert immer nur die Datensatze, die 

in der Tabellen-Ansicht angezeigt werden (50 Stück). Falls Sie mehr als 50 Datensätze 

importieren oder exportieren möchten, ist das Kapitel Datenbank importieren bzw. Datenbank 

exportieren hilfreich. 


97

Zum Import der veränderten Daten markieren Sie in Excel alle Zeilen (max. 50 Stück) sowie 

alle Spalten (für die Datenbank „shop“ sind das 19 Spalten, in Excel bis Spalte „S“). Klicken 

Sie im Menü auf Bearbeiten -> Kopieren. Wechseln Sie in die bluetronix Software und klicken 

Sie in der Tabellen-Ansicht auf das Importieren Symbol. Speichern Sie die Datenbank- 

Tabelle mit einem Klick auf Speichern. 

Geben Sie die URL’s für Bilder, Links und Dokumenten immer mit vollständiger URL 

an. Zum Beispiel http://www.bluetronix-demo.de/Bilder/Artikel_1.jpg. Verenden Sie in der 

URL’s keine Leerzeichen, Umlaute oder Sonderzeichen. Zugelassen sind a-Z, 0-9, sowie die 

Zeichen ’_’, ’-’, ’.’. 

Datenbank importieren 

Mit der Import-Funktion können große Datenmenge komfortabel in die Datenbank importiert 

werden. Es können Dateien im CSV- sowie im TXT-Format importiert werden. 

Wichtig für den Import ist, dass die Spalten in der Import-Datei zu denen in der 

Datenbank passen. Vergleichen Sie dazu die Tabellenköpfe in der Tabellen-Ansicht mit den 

Spalten in der Excel-Datei. Auch wenn Spalten keine Werte enthalten, müssen diese für den 

Import enthalten sein. 

Im folgenden Beispiel soll eine Artikel-Datei aus Excel in die Shop-Datenbank importiert 

werden. Die Spalten wurden in Excel entsprechend den Spalten in der Datenbank angepasst. 

Die Kopfzeile mit den Spaltennamen wurde gelöscht. 


98

Schritt 1 - Datei in Excel als CSV speichern 

Klicken Sie in Excel auf Datei -> Speichern unter, geben Sie einen Dateinamen ein und wählen 

Sie als Dateityp CSV (Trennzeichen getrennt *.csv). Klicken Sie auf Speichern. Bestätigen Sie 

eventuelle Hinweise mit OK und JA. 

Schritt 2 - Import der Datei in der Datenbankverwaltung 

Starten Sie im Bearbeitungsmodus Ihrer Homepage DB -> Datenbank Importieren. 


99

Klicken Sie auf das Symbol Dokumentenverwaltung. Zum Hochladen der Import-Datei 

klicken Sie auf Durchsuchen, wählen die entsprechende Datei auf Ihrem lokalen PC aus und 

klicken auf Öffnen. Starten Sie den Upload mit einem Klick auf Datei-Hochladen. 

Wählen Sie jetzt die Datei aus (mit einen Klick auf den Dateinamen) und klicken Sie auf 

Datei-Einfügen. 

Legen Sie jetzt die Ziel-Datenbank (in unserem Beispiel die Datenbank „shop“) fest. Die 

Option „bestehende Datensätze löschen“ bewirkt, dass vor dem Import alle bestehenden 

Datensätze gelöscht werden. Bleibt diese Option frei, so werden die zu importieren 

Datensätze zu den bestehenden hinzugefügt. 

Zum Start des Imports klicken Sie auf Importieren. Je nach Datenumfang kann der Import 

einige Minuten dauern. Nach Abschluss des Imports können Sie die Aktion in der Tabellen- 

Ansicht kontrollieren. Analog funktioniert der Import einer TXT-Datei. 

Datenbank exportieren 

Mit Hilfe dieser Funktion können große Datenmenge im CSV- oder TXT-Format exportiert 

werden. 

Öffnen Sie im Bearbeitungsmodus Ihrer Homepage DB -> Datenbank Exportieren. Wählen 

Sie die gewünschte Datenbank aus der Liste und legen Sie das Datei-Format fest (zum 

Beispiel CSV). Klicken Sie auf Exportieren. Bestätigen Sie das Hinweis-Fenster mit OK. Nach 

dem Abschluss des Exports klicken Sie jetzt auf Datei-Speichern, um die Datei auf Ihren 

lokalen PC zu speichern. Klicken Sie im Datei-Fenster auf Speichern. 

Starten Sie Excel und wählen Sie Datei -> Öffnen. Wählen Sie als Dateityp Textdateien (*.csv). 

Klicken Sie im Dateifenster auf Ihre Datei (diese wird grau markiert) und auf Öffnen. Die 

Datei wird anschließend in Excel geladen. 

MySQL-Befehlseingabe 

Die MySQL-Befehlseingabe ermöglicht fortgeschrittenen Benutzern, zusätzlich zur Funktion 

der Tabellen und Satz-Ansicht, Aktionen auf Datensätze auszuführen. Zum Beispiel, um 

gezielt mehrere Datensätze, die eine bestimmte Bedingung erfüllen, zu löschen etc. Die 

Funktion finden Sie im Bearbeitungsmodus Ihrer Homepage unter DB -> MySQL- 

Befehlseingabe. Weitere Informationen zum Thema MySQL finden Sie im Internet unter dem 

Stichwort MySQL. 


100

Statistik - Zugriffsauswertung 

Die Statistik erfasst detailliert die Zugriffe Ihrer Besucher. Eine Auswertung der Zugriffe pro 

Monat, des verbrauchten Traffics sowie einer detaillierten Auswertung der Zugriffe pro Tag, 

Stunde etc. stehen zur Verfügung. 

Die Zugriffsauswertung ist ein wichtiges Mittel, zum Beispiel für Shop-Betreiber, um die 

Effektivität von Anzeigenschaltungen und Internetwerbung zu überwachen. 

Datentransfer, Anzahl der Besucher 

Öffnen Sie im Bearbeitungsmodus Ihrer Homepage Statistik -> Datentransfer. In der 

Übersicht finden Sie die Anzahl der Besucher, die aufgerufenen Seiten sowie das verbrauchte 

Transfervolumen pro Monat. 

Für jeden Monat steht noch eine detaillierte Auswertung zur Verfügung. Klicken Sie dazu auf 

Details. 


101

In der detaillierten Ansicht können die Zugriffe pro Tag, pro Stunden sowie nach Ländern 

angezeigt werden. Hilfreich ist auch die Funktion „Suchwörter“. Hier finden Sie alle 

Suchwörter (Keywords), welche Ihre Besucher in Suchmaschinen eingegeben haben, bevor 

Sie auf Ihre Seite geklickt haben. Die Funktion „Top-Seiten“ stellt die am häufigsten 

aufgerufenen Seiten in aufsteigender Reihefolge dar. 

Die Zugriffsauswertung wird generell nur einmal pro Tag aktualisiert. 

Besuchereinzelauswertung 

Zusätzlich zur statistischen Auswertung bietet die Software noch die sogenannte 

Besuchereinzelauswertung für die letzten 30 Tage. Hier finden Sie die Zugriffe von jedem 

Benutzer sowie von Suchmaschinen. Online-Shops oder die Seitennavigation lassen sich mit 

dieser Funktion optimieren. Da auch die Suchmaschinen und deren Zugriffe angezeigt 

werden, können Webseiten exakt und nachvollziehbar für Suchmaschinen optimiert werden. 

Zum Start der Einzelauswertung öffnen Sie Statistik -> Besuchereinzelauswertung. Wählen 

Sie ein Datum aus der Auswahl und klicken Sie auf Start. 


102

In der Einzelauswertung werden alle Besucher nach Ihren IP-Adressen in einer Spalte 

dargestellt. Zu jedem Besucher werden alle aufgerufenen Seiten in Reihenfolge und mit den 

zeitlichen Abständen aufgelistet. Es ist ersichtlich, ob der Besucher ein Mensch oder eine 

Suchmaschine war. Bei Suchmaschinen wird der Name der Suchmaschine angezeigt. Bei 

Personen wird der Browser sowie die Herkunft angezeigt. 

Die Besuchereinzelauswertung ist live und ermittelt die Daten direkt beim Anklicken 

der Funktion. 

Wie kam ein Besucher auf meine Homepage? Was hat ein Besucher in der 

Suchmaschine eingegeben? 

Mit Hilfe der Besuchereinzelauswertung lassen sich diese Fragen beantworten. Starten Sie die 

Einzelauswertung unter Statistik -> Besuchereinzelauswertung. Wählen Sie ein Datum aus 

der Auswahl und klicken Sie auf Start. 

Bei jeder Person wird unter der IP-Adresse die Herkunft eingezeigt. Hier erscheint die 

Suchmaschine, über welche der Besucher auf Ihre Webseite gelangt ist. Wenn dieses Feld leer 

ist, wurde der Domainnamen „von Hand“ im Browser eingegeben. 

Um noch zu ermitteln, was der Besucher in der Suchmaschine eingegeben hat, klicken Sie auf 

den Suchmaschinennamen. Das Ergebnis kann, wie im unteren Bild zu sehen, angezeigt 

werden. Hier sehen Sie die Suchmaschine, das eingegebene Suchwort sowie Ihre Webseite 

und deren Position. 


103

Speicherplatzverwaltung 

Die Speicherplatzverwaltung zeigt den verwendeten Webspace jeweils für Dateien, Email- 

Adressen sowie für Datenbanken. 

Überschreiten Sie nicht den Speicherplatz, wechseln Sie beim Erreichen der Begrenzung 

auf ein größeres Webpaket oder verringern Sie den Speicher durch Löschen von nicht mehr 

benötigten Daten. Das Überschreiten des Speicherplatzes sperrt automatisch den 

Bearbeitungsmodus. 


104

Vertag 

Unter Vertrag finden Sie die folgenden Aktionen: 

Persönliche Daten ändern 

Klicken Sie im Bearbeitungsmodus Ihrer Homepage auf Vertrag -> Persönliche Daten. 

Aktuelle Rechnung 

Öffnen Sie im Bearbeitungsmodus Ihrer Homepage Vertrag -> Rechnungen. Wählen Sie das 

entsprechende Rechnungsdatum und klicken Sie auf Anzeigen. 

Vertragswechsel 

Klicken Sie im Bearbeitungsmodus Ihrer Homepage auf Vertrag -> Vertragswechsel. 

Wählen Sie das entsprechende Webpaket und klicken Sie auf Wechseln. Bitte beachten Sie, 

dass nur der Wechsel zu einem größeren Webpaket möglich ist. 

Domain-Verwaltung 

• Domain registrieren 

• Domain-Providerwechsel 

• Domain-Status-Anzeige 

• Was ist eine Hauptdomain 

• Hauptdomain wechseln 

Domain registrieren 

Im Bearbeitungsmodus Ihrer Homepage unter Vertrag -> Domain-Verwaltung können Sie 

zusätzliche Domains zu Ihrem Webpaket bestellen. Um eine neue Domain anzulegen, geben 

Sie im Feld „Domain bestellen“ den Namen der Domain ein, wählen in der Auswahl die 

Domain-Endung und klicken auf Bestellen. Die Domain wird automatisch registriert und steht 

Ihnen je nach Domain-Endung nach ca. 6-48 Stunden zur Verfügung. 

Domain-Providerwechsel 

Gehen Sie dazu zunächst wie unter „Domain Registrieren“ beschrieben vor. Nach der 

Meldung „Die Domain wurde erfolgreich angelegt“ erscheint in der Domain-Verwaltung 

neben der Domain „Providerwechsel starten“. Sofern Sie der rechtmäßige Besitzer der 

Domain sind, klicken Sie auf Providerwechsel starten. Sollten Sie nicht der Besitzer der 

Domain sein, können Sie die Domain mit einem Klick auf Domain löschen wieder 

entfernen. 

Drucken Sie das Providerwechselschreiben aus und senden Sie es vervollständigt und 

unterschrieben an Ihren bisherigen Provider sowie zusätzlich an uns (die Faxnummer wie 

angegeben). Nach der Zustimmung des bisherigen Providers wechselt der Domainstatus 

automatisch auf grün. 


105

Domain Status-Anzeige 

Rot - sollte nach ca. 2 min automatisch auf gelb oder grün wechseln. Andernfalls bedeutet 

das, dass die Domain nicht auf dem Server eingerichtet werden konnte. Das tritt zum Beispiel 

auf, wenn Sie ein zweites Webpaket auf dem Server haben und die Domain von einem Paket 

zum anderen umziehen soll. Dazu immer erst die Domain im alten Paket löschen und dann 

erst im neuen Paket hinzufügen. 

Gelb - die Domain ist erfolgreich auf dem Server eingerichtet, zeigt jedoch aktuell nicht 

auf den Server. Ursachen können ein Providerwechsel sein, zu dem noch keine Zustimmung 

gegeben wurde. Bitte fragen Sie dazu bei Ihrem bisherigen Provider nach, ob der 

Providerwechsel eingegangen ist bzw. aus welchem Grund die Zustimmung verweigert 

wurde. 

Falls Sie die Domain selbst auf einem Nameserver einrichten, stellen Sie bitte die IP des 

Servers in der Domainverwaltung des Nameserver ein. Um die IP des Servers zu ermitteln, 

geben Sie im Windows unter Start -> Ausführen -> ping www.IhreAktuelleHauptDomain.de ein. 

Unter „Antwort von“ finden Sie die IP des Servers. 

Grün - die Domain ist erfolgreich eingerichtet und zeigt auf den Server. 

Was ist eine Hauptdomain 

Sofern Sie in Ihrem Webpaket mehr als eine Domain eingerichtet haben, werden Anfragen 

immer auf die Hauptdomain umgeleitet. Für das Webpaket kann immer nur eine Domain als 

Hauptdomain eingerichtet werden. Der Sinn mehrere Domains in ein Webpaket zu verwenden 

kann verschiedene Gründe haben, zum Beispiel um Tippfehler von Besuchern auszuschließen 

oder um verschiedene Domainendungen zu verwenden. So gelangt zum Beispiel der Besucher 

über die Eingabe von „www.IhreHomepage.de“ sowie über „www.Ihre-Homepage.de“ oder 

„www.IhreHomepage.com“ auf Ihre Homepage. 

Hauptdomain wechseln 

Im Bearbeitungsmodus Ihrer Homepage unter Vertrag -> Domain-Verwaltung finden Sie 

neben allen Domains mit Status Grün in der Spalte „Haupt-Domain“ den Button Als 

Hauptdomain festlegen. Nach der Auswahl der Hauptdomain melden Sie sich vom 

Bearbeitungsmodus ab, wechseln auf die Hauptdomain und melden sich mit Bearbeiten 

wieder an. 

Wichtiger Hinweis: Die Hauptdomain sollten Sie nur zu Beginn des Homepage-Projektes 

ändern, zum Beispiel nach einem Providerwechsel. Bei einem seit mehreren Monaten oder 

gar Jahren bestehenden Projekt ist dringend davon abzuraten, die Hauptdomain ohne 

zwingenden Grund zu ändern. Die Hauptdomain ist maßgebend für alle in den Suchmaschine 

bereits gelisteten Seiten Ihrer Homepage. Der Bekanntheitsgrad sowie sämtliche Links von 

anderen Homepages gehen bei einem Wechsel verloren. 


106

Email 

Die bluetronix Software beinhaltet auch eine Email-Funktion. Hier können Email-Adressen 

passend zur Domain erstellt oder umgeleitet werden. Mit dem beinhalteten Webmailer können 

Emails direkt online gelesen und geschrieben werden. Alle Postfächer unterstützen POP3, 

STMP und IMAP. Somit können die Emails im Outlook, im Thunderbird oder auch einem 

PDA oder Handy abgerufen werden. 

In Kombination mit dem Benutzersystem können Email-Adressen bestimmten Benutzern 

zugewiesen werden. 

Die Email-Adressverwaltung 

In der Email-Adressverwaltung werden Email-Adressen erstellt und konfiguriert. Starten Sie 

die Adressverwaltung unter Email -> Email-Adressverwaltung. 

Neue Email-Adresse erstellen 

Geben Sie den neuen Email-Namen ein, zum Beispiel „info“ und wählen Sie, sofern mehrere 

Domains vorhanden sind, den Domainnamen aus der Auswahl. Klicken Sie auf Anlegen. Die 

Email-Adresse wird angelegt und erscheint mit Status Gelb. Nach maximal 2 Minuten 

(zum Aktualisieren die F5 Taste drücken) wechselt der Status auf grün und die Email- 

Adresse ist fertig eingerichtet. 

Passwort der Email-Adresse ändern 

Klicken Sie neben der entsprechenden Email-Adresse auf Passwort. Geben Sie anschließend 

das neue Passwort sowie zu Kontrolle ein zweites mal das neue Passwort ein und klicken Sie 

auf Passwort ändern. 


107

Email Adresse umleiten 

Klicken Sie neben der entsprechenden Email-Adresse auf Umleiten. Geben Sie die Email- 

Adresse ein, zu welcher die Umleitung erfolgen soll. Beachten Sie, dass diese Adresse eine 

externe Domain besitzt. Klicken Sie auf Speichern. Um die Umleitung wieder zu löschen, 

klicken Sie in der Adressverwaltung auf Umleitung löschen. 

Email Datenblatt – Daten für Outlook POP3, STMP, IMAP 

Klicken Sie neben der entsprechenden Email-Adresse auf Datenblatt. Diese Daten benötigen 

Sie für die Einrichtung von Outlook, Thunderbird oder für Ihr PDA oder Handy. 

Beachten Sie: Jede Email-Adresse hat eigene Daten. Wenn Sie mehrere Email-Adressen 

erstellt haben und in Outlook einrichten wollen, rufen Sie zuerst zu jeder Email-Adresse die 

jeweiligen Daten ab und speichern diese. 

Für die Einrichtung der Email-Adressen, auch PDA’s oder Handys, eignet sich das IMAP- 

Protokoll am besten. Hier werden die Emails beim Abruf, nicht wie beim POP3-Protokoll, 

gleich auf dem Server gelöscht. Auch wenn mehrere Benutzer ein Postfach nutzen, ist das 

IMAP-Protokoll die beste Variante. 

Beachten Sie, dass bei der Verwendung des IMAP-Protokolls die Emails beim Abruf 

nicht automatisch gelöscht werden und somit das Postfach sich schnell füllen kann. Löschen 

Sie unbenötigte Emails, um Speicherplatz freizugeben. 

Emails lesen und schreiben mit dem Webmailer 

Mit dem Webmailer haben Sie immer Zugriff auf Ihre Emails. Der Webmailer ermöglicht das 

Lesen und Schreiben von Emails direkt online ohne jede Zusatzsoftware. Zum Start des 

Webmailers klicken Sie im Bearbeitungsmodus Ihrer Homepage auf Email -> Emails lesen 

und schreiben. 


108

Zum Wechseln des Postfaches (bei mehreren Email-Adressen) wählen Sie in der Auswahl die 

gewünschte Email-Adresse. Auf der linken Seite finden Sie die Email-Ordner und im Haupt- 

Fenster die aktuellen Emails. 

Neue Email schreiben 

Postfach aktualisieren – Emails abrufen 

Email beantworten – wählen Sie dazu zuerst eine Email mit einem Klick 

Allen antworten 

Email weiterleiten 

Email löschen 

Email drucken 

Adressbuch öffnen 

Email lesen 

Um eine Email zu lesen, klicken Sie mit einem Doppelklick auf die Email. Hier im Beispiel 

ist das „Willkommen“. Jetzt kann die Email mit einem Klick auf Email beantworten 

beantwortet werden. 

Emails schreiben 

Klicken Sie im Editor auf das Symbol Neue Email schreiben. Geben Sie die Email- 

Adresse des Empfängers ein und legen Sie einen Betreff fest. Im unteren Teil der Webmails 

wird der Editor aufgerufen. Hilfe zur Bedienung des Editors finden Sie im 


109

Kapitel Der Homepage-Editor. Mit Hilfe des Editors können Emails zum Beispiel auch als 

Vorlagen gespeichert werden. Geben Sie einen Beispieltext ein und klicken Sie auf Email- 

Senden. 

Einrichtung von MS-Outlook 


• MS-Outlook einrichten 

Daten zur Email-Adresse ermitteln 

Die Email Daten (POP3, IMAP,SMTP) finden Sie im Bearbeitungsmodus Ihrer Homepage 

unter Email -> Email-Adressverwaltung. Wenn Sie noch keine Email-Adresse eingerichtet 

haben, führen Sie zuerst den Schritt Email-Adresse erstellen aus. 

Klicken Sie neben der gewünschten Email-Adresse auf Datenblatt. 

MS-Outlook einrichten 

Sämtliche Daten müssen exakt so eingetragen werden, wie auf dem Email Datenblatt. Es 

wird zwischen Groß- und Kleinschreibung unterschieden! 

Öffnen Sie in der Windows Taskleiste MS-Outlook und wählen Sie in der Menüleiste Extras - 

> Konten. 

Klicken Sie auf Hinzufügen -> Email. 


110

Tragen Sie einen Namen ein und klicken Sie auf Weiter. 

Hier tragen Sie die Email-Adresse ein (Datenblatt unter 1.). 


111

Stellen Sie den Posteingangsserver auf "POP3". Tragen Sie die Daten für den 

Posteingangsserver (Datenblatt unter 4.) und die Daten für den Postausgangsserver 

(Datenblatt unter 5.) ein. 

Geben Sie den Kontonamen (Datenblatt unter 2.) und das Kennwort (Datenblatt unter 3.) ein. 

Klicken Sie auf Weiter und auf Fertigstellen. 


112

Wählen Sie das angelegte Konto und klicken Sie auf Eigenschaften. 

Wählen Sie die Registerkarte Server und aktivieren Sie das Feld Server erfordert 

Authentifizierung. Klicken Sie auf Übernehmen und OK. 

Schließen Sie das Internetkonten-Fenster. 

Ihre Emails rufen Sie im Outlook über das Symbol Senden und Empfangen ab. 


113

Einrichtung von Thunderbird 


• Thunderbird einrichten 

Daten zur Email-Adresse ermitteln 

Die Email Daten (POP3, IMAP,SMTP) finden Sie im Bearbeitungsmodus Ihrer Homepage 

unter Email -> Email-Adressverwaltung. Wenn Sie noch keine Email-Adresse eingerichtet 

haben, führen Sie zuerst den Schritt Email-Adresse erstellen aus. 

Klicken Sie neben der gewünschten Email-Adresse auf Datenblatt. 

Thunderbird einrichten 

Sämtliche Daten müssen exakt so eingetragen werden, wie auf dem Email Datenblatt. Es 

wird zwischen Groß- und Kleinschreibung unterschieden! 

Öffnen Sie in der Windows Taskleiste Thunderbird und wählen Sie in der Menüleiste 

Extras -> Konten. 

Klicken Sie unter „Postausgang-Server (SMTP)“ auf Hinzufügen. 


114

Geben Sie unter „Beschreibung“ Ihren Domainnamen ein, im Feld „Server“ den 

Postausgangsserver (Datenblatt unter 5.) und im Feld „Benutzername“ den Benutzer 

(Datenblatt unter 2.). Bestätigen Sie mit OK. 


115

Klicken Sie im „Konten-Fenster“ auf Konto hinzufügen. 

Wählen Sie „E-Mail-Konto“ und klicken Sie auf Weiter. 

Geben Sie unter „Name“ sowie unter „Email-Adresse“ Ihre Email-Adresse ein (Datenblatt 

unter 1.). 


116

Geben Sie den Posteingangsserver ein (Datenblatt unter 4.) und klicken Sie auf Weiter. 

Geben Sie den Benutzernamen ein (Datenblatt unter 2.) und klicken Sie auf Weiter. In der 

„Konten-Bezeichnung“ geben Sie Ihre Email-Adresse ein. Klicken Sie auf Weiter und auf 

Fertigstellen. 

Schließen Sie das Konten-Fenster mit einem Klick auf OK. 


117

Das Abrufen der Emails starten Sie mit einem Klick auf das Abrufen Symbol. 

Beim erstmaligen Abrufen bzw. Senden einer Email geben Sie das Passwort ein (Datenblatt 

unter 3). Bestätigen Sie das Feld „Passwort im Passwort-Manager speichern“ und bestätigen 

Sie mit OK. 

SPAM-Filter installieren 

Ein sogenannter SPAM-Filter entfernt ungewollte Emails. Hier im Beispiel wurde Junkmail 

von ZoneAlarm installiert. Im Outlook ist nach der Installation eine neue Menüleiste zu 

sehen. Erkannte SPAM-Mails werden in den Junkmail verschoben. 


118

Vorgehen bei Problemen mit einer Email-Adresse 

Der folgende Ablaufplan hilft bei Problemen mit Email-Adressen und deren Konfiguration: 

Konnte die Email-Adresse korrekt angelegt werden? 

Emailverwaltung starten Email -> Emailverwaltung und prüfen, ob die Email-Adresse 

den Status Grün hat. 

Ist die Domain in der Emailverwaltung in der Auswahl vorhanden? 

Domain unter Vertrag -> Domain-Verwaltung hinzufügen. 

Anschließend Email-Adresse zur Domain unter Email -> 

Emailverwaltung anlegen. 2 Minuten warten (mit F5 Taste 

aktualisieren) bis Status auf grün wechselt. 

Ist der Status Gelb bzw. Rot? 

Löschen Sie unter Email -> Emailverwaltung die Email-Adresse und legen 

Sie diese anschließend erneut an. 2 Minuten warten (mit F5 Taste 

aktualisieren) bis Status auf grün wechselt 

Funktioniert die Email-Adresse im Webmailer? 

Dazu den Webmailer starten unter Email -> Email lesen und schreiben und ggf. die 

Email-Adresse aus der Auswahl wählen. Eventuell Test-Email versenden. 

Falls bis zu diesem Punkt alles funktioniert, ist auf dem Server alles richtig konfiguriert. 

Es handelt sich somit um ein lokales Problem. 

Funktioniert die Email-Adresse im Outlook / Thunderbird? 

Email-Konto im Outlook / Thunderbird löschen. Email-Daten unter 

Email -> Emailverwaltung erneut abrufen und Email-Adresse exakt nach 

der Anleitung erneut einrichten. Speziell der Teil „Server erfordert 

Authentifizierung“ wird häufig übersehen. 

Treten dennoch Probleme auf, prüfen Sie, ob die Ports auf Ihrem Internet- 

Router, Proxy-Server oder in der Firewall freigegeben sind. Folgende Ports 

müssen frei sein: SMTP (Port 25), POP3 (Port 110), IMAP (Port 143). 

Falls immer noch Probleme bestehen, testen Sie die Einstellungen ggf. von 

einem anderen PC oder Internetzugang aus oder ziehen Sie einen lokalen 

Techniker zu rate. Kontaktieren Sie nicht den bluetronix Support, wir 

können Ihnen nur bei serverseitigen Problemen weiterhelfen. Lokale 

Probleme sind telefonisch und per Email aufgrund der vielen Möglichkeiten 

(Firewall, Virenschutz etc.) nicht lösbar. 


119

Newsletter 

Informieren Sie Ihre Besucher über aktuelle Neuigkeiten und Angebote auf Ihrer Webseite 

mit einem Newsletter. Das Newslettersystem versendet eine Email an mehrer Empfänger 

gleichzeitig, zum Beispiel Ihre registrierten Kunden im Shopsystem oder Forum. Ein 

Newsletter kann mit dem Editor aufwendig gestaltet werden. 

Voraussetzung für das Newslettersystem ist die Installation des Moduls Newsletter wie im 

Kapitel Modul Newsletter beschrieben. 

SPAM Hinweis – Versenden Sie einen Newsletter nur an Benutzer, welche diese auch 

erhalten wollen oder sich für den Newsletterversand registriert haben. Entfernen Sie nicht aus 

der Newslettervorlage den Link für das Abbestellen der Newsletter. Aktivieren Sie keine 

Benutzer erneut für den Versand, die sich ausgetragen haben. Beschwerden über SPAM 

(ungewollter Email-Versand) kann die Kündigung Ihres Webpaketes gemäß unseren AGB’s 

zur Folge haben. 

Newsletter versenden 

Öffnen Sie im Hauptmenü News -> Newsletter versenden. Das Schreiben der Newsletter 

erfolgt wie gewohnt mit dem Editor. Texte, Bilder und Dokumente können einfach eingefügt 

werden. Die Gestaltung der Newsletter kann mit Hilfe des CSS-Editors umfangreich erfolgen. 

Mit der Funktion Öffnen und Speichern bzw. Speichern unter können Newsletter 

archiviert werden und jederzeit wieder verwendet werden. 

Wie im oberen Bild zu sehen, verfügt der Editor beim Aufruf über Newsletter über weitere 

Menüleisten, wie der Absender, die Gruppe und der Betreff. 


120

Unter Gruppen wird die Zielgruppe für die Newsletter festgelegt. Das kann zum Beispiel die 

Gruppe Shop-Kunden oder Forum-Benutzer sein. Somit können zielgerichtet Newsletter für 

verschiedene Kunden und Benutzergruppen versandt werden. 

Die Marke __Newsletter_Anrede__ wird automatisch beim Versand eines Newsletter durch die 

persönliche Anrede, zum Beispiel „Sehr geehrter Herr ...“ oder „Sehr geehrte Firma ...“ 

ersetzt. 

In jedem versandten Newsletter wird ein Link eingebunden „Newsletter abbestellen“, mit 

welchem der Empfänger dem Newsletter-Abo jederzeit widerrufen kann. 

Newsletter-Adressverwaltung 

In der Adressverwaltung finden Sie alle für Newsletter registrierten Benutzer. Hier können 

Benutzer manuell hinzugefügt, gelöscht oder für den Newsletterversand deaktiviert werden. 

Starten Sie die Adressverwaltung im Bearbeitungsmodus Ihrer Homepage unter News -> 

Newsletter-Adressverwaltung. In der Datenbank-Tabellen-Ansicht können Sie jetzt Benutzer 

manuell hinzufügen. 

Newsletter-Adressbuch aus Outlook importieren 

Im Folgenden wird beschrieben, wie Adresslisten, zum Beispiel aus Outlook, in das 

Newslettersystem importiert werden können. 

Schritt 1 – Export des Adressbuches aus Outlook 

Starten Sie dazu Outlook. Wählen Sie Datei -> Exportieren -> Adressbuch. Markieren Sie 

Textdatei (mit Komma als Trennzeichen) und klicken Sie auf Exportieren. Klicken Sie auf 

Durchsuchen und geben Sie einen Dateinamen ein, zum Beispiel Adressbuch.csv. Klicken Sie 

anschließend auf Weiter. 

Aktivieren Sie das Feld Anrede (sofern vorhanden),Vorname, Nachname, Email-Adresse, 

deaktivieren Sie alle anderen Felder und klicken Sie auf Fertigstellen. 


121

Schritt 2 – Formatieren der Spalten in Excel 

Starten Sie Excel und wählen Sie Datei -> Öffnen. Wählen Sie als Dateityp Textdateien (*.csv). 

Klicken Sie im Dateifenster auf die Datei Adressbuch.csv (diese wird grau markiert) und auf 

Öffnen. Die Datei wird anschließend in Excel geladen. 

Das Adressbuch hat jetzt folgende Spalten: Vorname, Nachname, Email-Adresse. 

Für den Import in das Newslettersystem müssen diese Spalten in der Form Email, Anrede, 

Vorname, Name, Newsletter angepasst werden. Markieren Sie dazu in Excel die Spalten 

Vorname und Nachname und klicken Sie auf Bearbeiten -> Ausschneiden. Klicken Sie jetzt in 

das 1. Feld der Spalte E und wählen Sie Bearbeiten -> Einfügen. Markieren Sie die Spalten A und 

B und klicken Sie auf Bearbeiten -> Zellen löschen. In der noch freien Spalte B geben Sie, sofern 

noch keine Einträge vorhanden sind, die Anrede für die Personen ein, zum Beispiel Herr, Frau 

oder Firma. In Spalte E (Newsletter) muss für jede Adresse eine 1 (Newsletter ist aktiv) 

eingetragen werden. Die Tabelle sollte jetzt wie im folgenden Bild dargestellt aussehen. 

Zum Abschluss entfernen wir noch die Kopfzeile, dazu Zeile markieren und auf Bearbeiten -> 

Zellen löschen. Klicken Sie jetzt auf Datei -> Speichern und bestätigen Sie die Warnungen mit 

Ja. 


122

Schritt 3 – Import des Adressbuchs in das Newslettersystem 

Wechseln Sie in die bluetronix Software und starten Sie den Datenbaken-Import unter DB - 

> Datenbank Importieren. Klicken Sie auf das Symbol Dokumentenverwaltung. Zum 

Hochladen der Import-Datei klicken Sie auf Durchsuchen, wählen die Datei Adressbuch.csv auf 

Ihrem lokalen PC und klicken auf Öffnen. Starten Sie den Upload mit einem Klick auf Datei- 

Hochladen. Wählen Sie jetzt die Datei Adressbuch.csv (mit einen Klick auf den Dateinamen) 

und klicken Sie auf Datei-Einfügen. 

Unter Ziel-Datenbank wählen Sie newsletter aus der Auswahl. Die Option „bestehende 

Datensätze löschen“ bewirkt, dass vor dem Import alle bestehenden Datensätze gelöscht 

werden. Bleibt diese Option frei, so werden die zu importieren Datensätze zu den bestehenden 

hinzugefügt. 

Zum Start des Imports klicken Sie auf Importieren. Je nach Datenumfang kann der Import 

einige Minuten dauern. Starten Sie jetzt die Newsletter-Adressverwaltung unter News -> 

Newsletter-Adressverwaltung und kontrollieren Sie den Import. 

FTP-Webverzeichnis 

Über den FTP-Zugang haben Sie Zugriff auf das Dateisystem Ihres Webverzeichnisses. 

Einzelne Dateien, wie Bilder und Dokumente, können über die Bilder- und 

Dokumentenverwaltung übertragen werden. Bei mehreren Dateien, Verzeichnissen oder zur 

Sicherung (Backup) des Webverzeichnisses ist der FTP-Zugang vorzuziehen. 

Das FTP-Webverzeichnis 

Die bluetronix Software beinhaltet ein FTP-Programm, das ohne Konfiguration einfach 

aufgerufen werden kann. Zum Start des FTP-Programms klicken Sie im Bearbeitungsmodus 

Ihrer Homepage auf FTP -> FTP-Webverzeichnis. Bestätigen Sie die Warnung mit OK und 

klicken Sie im nächsten Fenster auf Öffnen bzw. Ausführen. Automatisch öffnet sich das FTP- 

Programm im gewohnten Desktop-Layout. 


123

Das Fenster können Sie wie ein gewöhnliches Desktop-Fenster benutzen. Dateien und 

Verzeichnisse können kopieret, gelöscht oder verschoben werden. Um Dateien auf Ihren 

lokalen PC zu übertragen, markieren Sie die Dateien und Verzeichnisse und wählen Sie 

Bearbeiten -> Kopieren. Wechsel Sie jetzt in ein lokales Arbeitsplatz-Fenster und klicken Sie 

auf Bearbeiten -> Einfügen. Zum Hochladen von Dateien verfahren Sie in umgekehrter 

Reihenfolge. 

Die FTP-Zugangsverwaltung – FTP-Passwort ändern 

In der FTP-Zugangsverwaltung finden Sie die Zugangsdaten für den FTP-Zugang und können 

Aktionen wie Passwortänderung ausführen. Diese Daten benötigen Sie für die Konfiguration 

eines externen FTP-Programms. Die FTP-Zugangsverwaltung finden Sie unter FTP -> FTP- 

Zugangsverwaltung. 

Externes FTP-Programm einrichten 

Die Einrichtung wird hier an SmartFTP demonstriert. Das Programm ist erhältlich unter 

http://www.smartftp.com. Für die Konfiguration öffnen Sie zunächst im Bearbeitungsmodus 

Ihrer Homepage FTP -> FTP-Zugangsverwaltung und notieren bzw. speichern sich die hier 

aufgeführten Zugangsdaten (Adresse, Benutzername, Passwort). Starten Sie jetzt SmartFTP. 

Tragen Sie die Adresse, unter Login den Benutzernamen und das Passwort ein. Unter Port 

tragen Sie, sofern nicht bereits eingestellt, die 21 ein. 

Um die Verbindung herzustellen, klicken Sie auf Connect. Ein zweites Browser-Fenster 

öffnet sich, dies ist Ihr Webverzeichnis. Jetzt können Sie, wie aus Windows gewohnt, die 

Dateien per Drag and Drop von Ihrem lokalen Fenster in das Webverzeichnis kopieren. 

Bitte beachten Sie, dass für die Ausführung des FTP-Programms der Port 21 in Ihrer 

Firewall, im Router oder Proxy-Server freigegeben ist. 


124

Reseller – Vertriebspartner 

• Webpaket als Reseller bestellen 

• Homepage-Übernahme mit Providerwechsel 

Webpaket als Reseller bestellen 

Öffnen Sie im Browser die Webseite www.bluetronix.de und klicken Sie auf Webpakete bzw. 

Webspace. 

1. Um das Reseller-Paket für einen Ihrer Kunden zu bestellen, klicken Sie auf das 

Webpaket Premium bzw. Shop oder Business. Die hier angegebene Preise sind nicht 

maßgebend für Sie als Reseller. 

2. Geben Sie den Domainnamen des neuen Webpakets ein bzw. für einen 

Providerwechsel den Domainnamen der bisherigen Homepage. Für den 

Providerwechsel bestätigen Sie die Meldung Ich bin der rechtmäßige Eigentümer der 

Domain. 

3. Bei den Kundendaten geben Sie die Daten Ihres Kunden ein, nicht Ihre eigenen Daten. 

Die Daten werden für die Domain-Registrierung bzw. für den Providerwechsel 

benötigt und entsprechen dem Domaininhaber sowie dem sogenannten Admin-C 

Eintrag. 

Das Feld Email lassen Sie frei, sofern Sie keine automatische Bestätigung an den 

Endkunden wünschen. 

Als Zahlungsart wählen Sie „Vorkasse“, unabhängig welche Zahlungsart bei 

bluetronix hinterlegt ist. 

Im Feld Bemerkungen geben Sie Ihren Reseller-Code ein. Bitte beachten Sie, dass der 

Code fehlerfrei eingeben wird. Über diesen Code werden Sie automatisch als Reseller 

erkannt und für Rechnungen, Software-Name, Software -Layout, Domain Tech-C 

Eintrag sowie dem Domain Zone-C Eintrag zugeordnet. 

4. Bestätigen Sie die AGB’s und klicken Sie auf Bestellen. 

5. Sichern bzw. drucken Sie die Zugangsdaten. Das Webpaket wird automatisch 

installiert und ist (abhängig von der Domainendung) nach ca. 6-48 Stunden verfügbar. 

Für den Providerwechsel finden Sie in den Zugangsdaten eine zweite vorläufige Domain, zum 

Beispiel „www.IhreDomain.bxserver.com“ . Diese ist sofort nach der Einrichtung des 

Webpakets verfügbar und kann für die Zeit bis zur Domainübernahme verwendet werden. 

Das Providerwechselschreiben (im unteren Teil) leiten Sie an Ihren Kunden weiter, mit dem 

Hinweis auf Vervollständigung und Unterschrift. Faxen Sie oder Ihr Kunde das Schreiben an 

den bisherigen Provider und zusätzlich einmal an bluetronix (Faxnummer wie angegeben). 

Für Verzögerungen beim Providerwechsel fragen Sie generell beim bisherigen Provider nach, 

ob der Providerwechsel eingegangen ist bzw. warum die Zustimmung bisher nicht erfolgt ist. 

Der Ablauf bei bluetronix ist automatisiert und kann ohne die Zustimmung nicht beeinflusst 

werden. 


125

Homepage-Übernahme mit Providerwechsel 

Für Kunden, die mit einer bestehenden Homepage mit mehreren Domains und Email- 

Adressen zu Ihnen wechseln möchten, ist die hier beschriebene Vorgehensweise 

empfehlenswert. Durch die Einhaltung dieser Reihenfolge kommt es während der Übernahme 

nicht dazu, dass die Homepage für einige Zeit nicht erreichbar ist bzw. der Besucher eine 

unfertige Seite sieht oder das Emails während der Übernahme verloren gehen. 

1. Paket bestellen mit Providerwechsel wie unter Webpaket bestellen beschrieben. Als 

Domain geben Sie hier die spätere Hauptdomain ein. 

2. Sofern mehr als eine Domain zu diesem Webpaket übernommen werden sollen, melden Sie 

sich über die vorläufige Domain www.IhreDomain.bxserver.com am Bearbeitungsmodus 

an. Unter Vertrag -> Domain-Verwaltung können Sie jetzt, wie unter Domain-Verwaltung 

beschrieben, die weiteren Domains zum Providerwechsel bestellen. Drucken Sie jeweils 

den Providerwechsel zur Domain aus. 

Falls die Webseite erst überarbeitet oder importiert wird, warten Sie mit dem Fax an 

den bisherigen Provider bis zum Abschluss von Schritt 5. 

3. Jetzt kann mit der Erstellung der neuen Webseite bzw. mit dem Import der bisherigen 

Webseite begonnen werden. Zum Import einer bestehenden Webseite ist das Tutorial 

Import einer bestehenden Homepage hilfreich. Während der Überarbeitung kann der 

Endkunde sich von Stand der Bearbeitung der neuen Webseite ebenfalls über die vorläufige 

Domain www.IhreDomain.bxserver.com überzeugen. 

4. Nach Abschluss der Bearbeitung erfolgt die Einrichtung der bereits bestehenden Email- 

Adressen. Dazu gibt es mehrere Möglichkeiten, je nach Konzept: 

a. Weitergabe des Admin-Zugangs an den Kunden. Der Kunde kann somit alle Email- 

Adressen selbst konfigurieren. Hier besteht die Gefahr, dass der Kunde das Passwort 

ändert und für den Reseller keine Anmeldung mehr möglich ist. Dies kann im 

Einzelfall auch so vom Kunden gewünscht werden. 

b. Erstellen eines neuen Benutzers mit Admin-Rechten, Weitergabe des Zugangs an den 

Kunden. Der Kunde kann somit alle Email-Adressen selbst konfigurieren. Parallel 

können Sie über den Admin-Zugang jederzeit wieder an der Webseite arbeiten. Hilfe 

hierzu finden Sie unter Anlegen eines Benutzer - Erstellen eines Mitarbeiters. 

c. Sie richten alle Emails für den Kunden ein und geben die Email-Daten an den 

Kunden weiter. Hilfe hierzu finden Sie unter Erstellen einer Email-Adresse. 

5. Jetzt erfolgt das Fax an den bisherigen Provider, der nach dem Eingang die Zustimmung 

zum Wechsel erteilt. 

6. Sowie in der Domain-Verwaltung der Status der Domain auf grün wechselt, kann die 

Domain als Haupt-Domain für das Webpaket aktiviert werden. Hilfe zu diesem Thema 

finden Sie unter Hauptdomain wechseln. 

7. Benachrichtigung des Kunden über die neuen Daten (POP3,IMAP,STMP) für die Email- 

Einstellung sowie Senden der neuen Email-Daten, Benutzer-Zugänge, Hilfe zur 

Einrichtung an den Kunden. Bei Probleme mit der Email-Einrichtung oder den Email- 

Postfächern finden Sie unter Vorgehen bei Email-Fehlermeldungen eine Hilfe. 


126

Import einer bestehenden Homepage 

• Kopieren der lokal gespeicherten HTML-Seiten 

• Hochladen der bisherigen HTML-Seiten per FTP 

• Kopieren der style.css Datei 

• Import der Dateien im CMS 

Voraussetzung für dem Import ist, dass Ihre Homepage auf Ihrem lokalen PC gespeichert ist. 

Gegebenenfalls muss dazu Ihre Homepage von Ihrem bisherigen Webspace übertragen 

werden. 

Kopieren der lokal gespeicherten HTML-Seiten 

Öffnen Sie im Arbeitsplatz Ihres lokalen PC’s das Verzeichnis mit den gespeicherten HTML- 

Seiten. Markieren Sie alle benötigten Dateien und Verzeichnisse und klicken Sie im 

Menüpunkt Bearbeiten auf Kopieren. 

Hochladen der bisherigen HTML-Seiten per FTP 

Im Bearbeitungsmodus wählen Sie FTP -> FTP-Webverzeichnis und bestätigen den Hinweis 

mit OK. Klicken Sie im folgenden Fenster auf Öffnen bzw. Ausführen. Automatisch öffnet sich 

das FTP-Verzeichnis. Wählen Sie jetzt im Menüpunkt Bearbeiten -> Einfügen. 

Das Übertragen der Dateien kann je nach Datenumfang und Übertragungsgeschwindigkeit 

einige Minuten dauern. 

Kopieren der style.css Datei 

Sofern Ihr Homepage-Projekt über eine style.css Datei verfügt, muss diese noch ins FTP- 

Verzeichnis in den Ordner /style/ kopiert werden. Die bereits vorhandene style.css Datei 

wird dabei überschrieben. 

Import der Dateien in das bluetronix CMS - Dokumenten-Import 

Öffnen Sie Ihre Homepage im Bearbeitungsmodus und wählen Sie Extras -> Dokumenten- 

Import. In der Liste werden alle Dateien, die noch nicht im CMS enthalten sind, angezeigt. 

Starten Sie den Import mit einem Klick auf Importieren. Schließen Sie das Import-Fenster und 

kontrollieren Sie das Ergebnis. Für die Umwandlung von sogenannten Frameseiten hilft Ihnen 

das Tutorial Seiten mit Frames umwandeln weiter. 


127

Seiten mit Frames umwandeln 

• Sinn und Zweck 

• Seiten und Fenstergrößen aus dem Frameset ermitteln 

• Umbenennen der Homeseite in index.html 

• Layout – Fensteraufteilung anpassen 

Sinn und Zweck 

Eine Frameseite ist eine Seite, die sich aus mehreren Seiten zusammensetzt. Da diese Technik 

bereits veraltet ist und meist zu Problemen mit Suchmaschinen führt, sollte auf Frames 

verzichtet werden. Hilfreich zu diesem Thema ist der Punkt Das bluetronix Layout-Konzept. 

Seiten und Fenstergrößen aus dem Frameset ermitteln 

Im folgenden Beispiel ist der Frameset in der index.html gespeichert. Öffnen Sie die 

Seitenverwaltung und wählen Sie in der Dateiauswahl die index.html Datei und klicken Sie 

auf Bearbeiten. Im Editor wechseln Sie in die Codeansicht. Wie in der folgenden Abbildung 

gezeigt, ermitteln Sie die Dateinamen und Abmessungen des Framesets. 

Verlassen Sie den Editor ohne zu speichern mit einem Klick auf Zurück. 

Umbenennen der Homeseite in index.html 

Die index.html Seite wird zu Beginn geladen. Durch das Umbenennen der Homeseite in die 

index.html wird die Homeseite zu Beginn geladen. 

Wählen Sie in der Datei-Verwaltung die index.html Seite und benennen Sie diese in 

index_old.html um, mit einem Klick auf Umbenennen. Wählen Sie jetzt die sogenannte 

„Homeseite“ (das ist die Seite die im Frameset im Haupt-Fenster angezeigt wird) und 

benennen Sie diese in index.html um. 

Layout – Fensteraufteilung anpassen 

Öffnen Sie Layout -> Layout bearbeiten, aktivieren Sie wie in Ihrem bisherigen Frameset die 

benötigten Fenster in der Fensteraufteilung. Für jedes Fenster befindet sich im rechten Teil 

eine Zeile. Wählen Sie nun für jedes Fenster die Startseite (die im Fenster nach dem Aufruf 

des Layouts geladen wird) mit einem Klick auf das Seite wählen Symbol. 

Geben Sie jetzt die Abmessungen für die Fensterbreiten und Höhen wie aus Ihrem bisherigen 

Frameset ein. Speichern Sie das Layout und kontrollieren Sie das Ergebnis. 


128

Impressum 

Die bluetronix Ltd. übernimmt keinerlei Haftung. Dies gilt auch für die Inhalte fremder 

Seiten, die durch dieses Handbuch verbunden sind. Es wird keine Garantie dafür 

übernommen, dass die Informationen in diesem Handbuch vollständig, richtig und aktuell 

sind. 

Copyright 

Sämtliche Inhalte, Bilder sowie die Designarten sind urheberrechtlich durch bluetronix 

geschützt. 

Sitz der Gesellschaft 

Deutschland 

bluetronix Ltd. 

Lindenring 29a 

08315 Bernsbach 

Registergericht 

Amtsgericht Chemnitz 

England 

bluetronix Ltd. 

483 Green Lanes 

N13 4 BS London 

Direktor 

Dipl.-Inf. (FH) 

Andre Oelschlägel 

Alle weiteren Informationen finden Sie unter www.bluetronix.de. 


129

Inhaltsverzeichnis - Bluetronix

Sie wollen auch ein ePaper? Erhöhen Sie die Reichweite Ihrer Titel.

Template löschen?

Als Template speichern?