Typo3 Duisburg Referenz

Holt Mode GmbH aus Duisburg
www.holt-mode.de

Typo3 Duisburg Referenz

Muellermusic Veranstaltungstechnik aus Köln
www.muellermusic.de

Typo3 Duisburg Referenz

Internet Redakteur für
www.gemeauxquartett.com

Typo3 Duisburg Referenz

Youtubekanal für DWL Wasserball von DSV98
www.youtube.com/user/dsv98wasserball

Typo3 Duisburg Referenz

Wasserballberichte aus ganz Deutschland
www.deutschland-wasserball.de

Typo3 Duisburg Referenz

Infoflyer Europaparlamentarierin Elisabeth Jeggle
www.elisabeth-jeggle-cdu.de

Typo3 Duisburg Referenz

RUHR-HR UG Personalberatung
www.ruhr-hr.de

Typo3 Duisburg Referenz

Stomps Consulting
www.stomps-consulting.de

Typo3 Duisburg Referenz

Nadine Bessler
www.nadinebessler.de

Typo3 Duisburg Referenz

Agentur RUHRWORT.BILD
www.ruhr-wort-bild.de

Typo3 Duisburg Referenz

Natural Touch
www.naturaltouch.de

Typo3 Duisburg Referenz

CDU-Fraktion im Rat der Landeshauptstadt Düsseldorf
www.cduduesseldorf.de

Typo3 Duisburg Referenz

IGF Zimmermann GbR
www.igf-zimmermann.de

Typo3 Duisburg Referenz

Duisburger Schwimmverein von 1898 e.V.
www.dsv98.de

Typo3 Duisburg Referenz

Landesleistungsstuetzpunkt-Duesseldorf
www.lvn-landesleistungsstuetzpunkt-duesseldorf.de

Typo3 Duisburg Referenz

Elisabeth Jeggle, CDU
www.elisabeth-jeggle-cdu.de

Was ist Typo3?

TYPO3 ist ein freies Enterprise Content Management System (CMS) für die leichte Pflege von Internetseiten. Dabei setzt Typo3 auf zwei Open Source Technologien, die Skriptsprache PHP und die Datenbank mySQL. Der Name Typo3 hat sich inzwischen als Marke eingebürgert. Aktuell gibt es die Version Typo4, die in Zukunft durch die Version 5 abgelöst werden soll. Das CMS teilt sich hierbei in zwei Bereiche. Das sogenannte Frontend ist die Ansicht der Seite, die jedem Besucher zur Verfügung steht. Hier werden die Inhalte, die im sogennanten Backend verwaltet werden, ausgegeben. Das System wird ausschließlich über einen Internetbrowser bedient, es ist keine zusätzliche Software erforderlich. Daher kann es weltweit flexibel bedient werden. Das System ist unter der Open Source Lizenz veröffentlicht und somit kostenlos für private und kommerzielle Zwecke nutzbar.

Typo3 Frontend

TYPO3 HTML Template ohne CSS mit den zu ersetzenden ###MARKERN###
TYPO3 HTML Template ohne CSS mit den zu ersetzenden ###MARKERN###
Das Template mit CSS die ###MARKER### werden dynamisch durch das CMS Typo3 ersetzt
Das Template mit CSS die ###MARKER### werden dynamisch durch das CMS Typo3 ersetzt

Die Ausgabe der Seiteninhalte erfolgt über die Definition eines so genannten Templates. Hier wird eine HTML-Datei erstellt, die über eine CSS-Datei definiert wird. So wird sichergestellt, dass die Darstellungen der einzelnen Elemente wie Überschriften, Äbsätze, Links etc. das gleiche Aussehen in Form von Schriftbild und Abständen haben. Zusätzlich können durch diese Technik Änderungen zentral durchgeführt werden, die so schnell auf allen Seiten wirksam werden. Technisch gesehen ersetzt das CMS Typo3 hier Platzhalter in dem HTML-Template, die beispielsweise ###NAVIGATION### heißen. Dadurch wird dieser Platzhalter durch die Navigation setzt, die direkt aus der Datenbank geladen wird. Andere bekannte Seitenbereiche sind hier ###CONTENT###, ###HEADER### oder einfach ###RIGHT### für die Inhalte, die auf der rechten Seite der Internetseite dargestellt werden.

Typo3 Backend

Typo3 Login Seite aufrufbar unter www.rogo.it/typo3
Typo3 Login Seite aufrufbar unter www.rogo.it/typo3
Typo3 Backend zeigt die Inhalte der Seite "Produkte" in der Ansicht "Liste"
Typo3 Backend zeigt die Inhalte der Seite "Produkte" in der Ansicht "Liste"

Das Backend ist ein passwortgeschützter Bereich, in dem neue Inhalte erstellt und verwaltet werden können. Hier können neue Seiten angelegt, gelöscht oder ausgeblendet werden. Die Bedienung ist sehr einfach. Die vielen kleinen, nützlichen Icons ermöglichen es dem Redakteur, schnell die Oberfläche zu verstehen und intuitiv zu bedienen. Unsere langjährige Erfahrung bei der Schulung von Internetredakteuren auf diesem CMS hat uns gezeigt, dass eine einstündige Schulung am Rechner des zukünftigen Internetredakteurs alle Hemmungen vor diesem System nimmt und der Redakteur gerne Inhalte einpflegt und sich sehr schnell an neue Aufgaben heran traut. Falls ein Redakteur in dieser Anfangszeit doch an seine Grenzen stößt, hat sich unser E-Mail-Support sehr gut bewährt. Sehr komfortabel ist die Möglichkeit, Bilder auf die eigene Internetseite zu bringen. Diese können direkt von der Digitalkamera oder Festplatte ausgewählt und einfach hochgeladen werden. Die Bilder werden dabei auf die entsprechenden Größen skaliert und abgespeichert. So werden keine eigene Software oder gar Kenntnisse mit Bildbearbeitungsprogrammen benötigt, um Bilder für das Internet aufzuarbeiten und abzuspeichern. Das System generiert zusätzlich auch die kleinen Vorschaubilder. Dadurch kann die Internetseite schneller aufgebaut werden. Zudem kann das Backend in der Sprache des jeweiligen Redakteurs abgebildet werden.

Typo3 Basis Installation

Typo3 Bildeinstellungen - 1 Dateiauswahl mit direkter Upload Möglichkeit, 2. Positionierung zum Text, 3. Größeneinstellung, 4. Link Einstellungen für die Bilder, 5. Bildbeschriftungen
Typo3 Bildeinstellungen - 1 Dateiauswahl mit direkter Upload Möglichkeit, 2. Positionierung zum Text, 3. Größeneinstellung, 4. Link Einstellungen für die Bilder, 5. Bildbeschriftungen
Typo3 Auswahl der unterschiedlichen Inhaltselemente
Typo3 Auswahl der unterschiedlichen Inhaltselemente
Typo3 Backend Dateiverwaltung für den Upload von Bildern, PDFs und anderen Dateitypen
Typo3 Backend Dateiverwaltung für den Upload von Bildern, PDFs und anderen Dateitypen
Typo3 Tabellen Modus zur einfachen Erstellung von Tabellen
Typo3 Tabellen Modus zur einfachen Erstellung von Tabellen
Typo3 Texteditor mit vielen Möglichkeiten den Text im Internet zu formatieren - 1. Office ähnliche Elemente, 2. Texteingabe, 3. Verlinkungsoptionen für einzelne Wörter
Typo3 Texteditor mit vielen Möglichkeiten den Text im Internet zu formatieren - 1. Office ähnliche Elemente, 2. Texteingabe, 3. Verlinkungsoptionen für einzelne Wörter

Der Standardumfang der Typo3-Installation lässt schon sehr viel zu. Hierzu gehören u.a. die Seiteninhalte, die hier aufgelistet und erklärt sind.

Überschrift
Gibt eine Überschrift auf der Seite aus, ohne einen Text oder ein Bild. Das sind hier auf der Internetseite zum Beispiel die Jahreszahlen bei den Referenzen. Alle anderen Elemente haben ebenfalls die Möglichkeit, eine Überschrift auszugeben. Das ist hier optional.

Text
Bei der Eingabe von einem Text auf der Internetseite gibt es hier bereits Formatierungsmöglichkeiten. So kann der Text als Blocksatz, linksbündig oder rechtsbündig ausgegeben werden. Das kann hier einfach von dem Redakteur festgelegt werden. Zusätzlich ist es möglich, die Texte über den WYSIWYG-Editor (What you see is what you get) mit Links oder Aufzählungen zu versehen. Hier können auch einzelne Wörter fett oder kursiv dargestellt und so im Text hervorhoben angezeigt werden. Die Möglichkeit des Editors ist bereits durch Microsoft Office bekannt. Hier nehmen Sie die Textformatierungen auf die gleiche Art und Weise vor. Dadurch geht das Arbeiten mit dem neuen System sehr leicht von der Hand.

Text mit Bild
Bilder sind im Internet das Salz in der Suppe. Gerade Texte, die über ein Ereignis berichten, brauchen ein Bild. Auch für die Suchmaschinen sind Bilder zum Thema sehr relevant. Dabei achten die Suchmaschinen auf die so genannten alternativen Texte. Diese beschreiben, was auf dem Bild gesehen werden kann. Ein alternativer Text für ein Bild kommt ursprünglich aus der Barrierefreiheit. Für Sehbehinderte User ist es die einzige Möglichkeit, den Inhalt eines Bildes zu erfahren. Zusätzlich zu der Möglichkeit einer Bildbeschreibung hinzuzufügen ist auch die Möglichkeit, das Bild zu positionieren. In der Regel sind Bilder rechts vom fließenden Text positioniert. Mit der Option, dass das Bild auf Klick vergrößerbar ist, kann der User sich bei Bedarf das Bild in der Großansicht anschauen. Genau an dieser Stelle, wo die Einstellungen vorgenommen werden, können Sie auch weitere Bilder einfach hinzufügen und so immer an der richtigen Stelle im System arbeiten.

Bild
Desweiteren können auch nur Bilder ausgegeben werden. Diese können hier genauso wie Bilder im Text ausgerichtet und gegebenenfalls in mehreren Spalten dargestellt werden. Hier kann auch beispielsweise festgelegt werden, ob die Bilder einen Rahmen bekommen sollen, damit sie sich noch ein wenig mehr von der Internetseite abheben und besser ins Auge fallen.

Aufzählung
Aufzählungen sind sehr wichtige Textelemente. Diese können nummeriert oder einfach als Listenansicht ausgegeben werden. Genauso, wie Sie es von Office gewöhnt sind, können Sie Ihre Texte mit Aufzählungen versehen und so Ihre Inhalte übersichtlich darstellen.

Tabelle
Tabellarische Übersichten werden auch immer wieder gebraucht. Dabei ist es hier sehr einfach, neue Spalten oder Zeilen hinzuzufügen und die Tabellen dadurch entsprechend den Ansprüchen wachsen zu lassen. Der so genannte Tabelleneditor ist hierfür eine spezielle Oberfläche, die das Verwalten von Tabellen sehr einfach und intuitiv macht.

Dateiverweise
Falls Sie Dateien zum Download anbieten, können Sie das über den Datensatz Dateiverweis sehr einfach und übersichtlich gestalten. Hier können unterschiedliche Ansichten ausgewählt werden. Am Beispiel eines PDFs könnte hier zum Beispiel eine kleine Voransicht zu sehen sein, der Dateiname und die Dateigröße.

Formular
Ein Kontaktformular auf Ihrer Internetseite ist sehr wichtig, da der User nicht immer an seinem heimischen PC sitzt und Ihnen direkt eine E-Mail schreiben kann. Mithilfe eines Kontaktformulars kann er aber bequem eine Nachricht senden und dabei seine E-Mail-Adresse hinterlassen. Dabei können Sie mit dem Formulareditor alle gebräuchlichen Elemente eines Internetformulars verwenden. So kann man zum Beispiel über eine Select Box eine Betreff-Zeile vorgeben, zum Beispiel Service, Technik, Bewerber oder allgemeine Anfrage. Zusätzlich ist es möglich, ein Bestellformular zu erstellen. Dadurch ist es ohne viel Aufwand möglich, einen kleinen Bestellshop zu erstellen. Diese einfache Möglichkeit haben wir bei unserem Referenzkunden DSV 98 eingesetzt. Direkt zu dem Shop gelangen sie hier.

HTML
Sollten Ihnen die Möglichkeiten des Typo3-Systems in ihrer Nutzbarkeit noch nicht ausreichen, ist es auch möglich, direkt HTML-Code einzustellen.

Typo3 Erweiterungen (Extensions)

Der Funktionsumfang der Basisinstallation ist schon sehr ausgeprägt. In der heutigen Zeit des Internet ist die Erwartungshaltung der User an eine Internetseite jedoch stark gewachsen. Erweiterungen, die von unseren Kunden immer wieder angefragt werden, sind beispielsweise Bildergalerien, Shops, Termine oder News. Bei diesen Erweiterungen liegt ein großes Interesse darin, dass sie sich selber verwalten. Das heißt konkret, dass sich eine Bildergalerie automatisch aus dem Bilderverzeichnis generiert, in welches die Bilder hochgeladen werden. So besteht auch die Erwartungshaltung, dass sich Termine, die in der Vergangenheit liegen, automatisch ausblenden und nach einer gewissen Zeit nur noch über das Archiv aufrufbar sind, während sich die aktuellsten News auf der Seite nach oben schieben. Bei all diesen Erweiterungen sprechen wir von einem dynamischen Wachstum. In der Regel tritt hier ein Paging in Kraft. Das bedeutet, dass oben auf der Seite eine Seitenzahl 1,2,3,4,5,6 eingeblendet wird. Mittlerweile gibt es über 4000 Erweiterungen, die ebenfalls frei verfügbar sind. Bei neuen Erweiterungen ist es wichtig, die Kompatibilität mit bestehenden Erweiterungen zu überprüfen und das Layout über das Template und die dazugehörigen CSS-Dateien für die eigene Seite anzupassen.

Mehrsprachigkeit in Typo3

Das Content Management System Typo3 ist bereits in der Basisinstallation auf Mehrsprachigkeit ausgelegt. Unter den bekannten Systemen zeichnet es sich hier durch seine sehr leichte Bedienbarkeit fürs Hinzufügen von Übersetzungen aus. Dabei ist das System grundsätzlich darauf ausgelegt, direkt zwischen den einzelnen Sprachen hin und her schalten zu können. Das erfolgt über die unterschiedlichen Flaggen, die sich in der Regel in der Nähe der Hauptnavigation befinden. Sind diese farbig dargestellt, ist eine Übersetzung in der entsprechenden Sprache vorhanden. Sollte die Seite noch nicht übersetzt worden sein, würde die Flagge ausgegraut dargestellt. Die Sprache des Backends kann auf die jeweiligen Redakteure abgestimmt werden. So kann man beispielsweise auch rein englischsprachige Redakteure nur englischsprachige Übersetzungen bearbeiten lassen und so Sprachkonflikte vermeiden. Bei der Europaparlamentarierin Elisabeth Jeggle nutzen wir die Möglichkeit, neben der deutschen Sprache auch Englisch und Französisch anzubieten. Direkt zu der Internetseite gelangen sie hier.

Typo3 Geschwindigkeit

Für die Geschwindigkeit von Internetseiten sind verschiedene Faktoren verantwortlich. Datenbank basierte Content Management Systeme haben eine Schwäche durch die vielen Datenbankabfragen. Nehmen wir hierfür als Beispiel diese Seite. Zuerst erfolgt die Datenbankabfrage, welche Seite sich hinter dem Navigationspunkt befindet. Dann erfolgt die Abfrage, welche sichtbaren Seiteninhalte in der Seite vorhanden sind. Je nach Seiteninhalt können hier noch weitere Abfragen aus anderen Tabellen erfolgen. Dafür besitzt Typo3 ein integriertes Caching System. Hier werden die Ergebnisse einer solch komplexen Datenbankabfrage in einem temporären Filesystem abgelegt. Dadurch ist Typo3 in der Lage, circa 10.000 Besucher pro Stunde parallel zu verarbeiten. Voraussetzung hierfür ist natürlich ein Server, der dazu ebenfalls in der Lage ist und ein entsprechender Volumentarifvertrag, der den entsprechenden Datendurchsatz zur Verfügung stellt.

Weiterentwicklung von Typo3 und seiner Komponenten

Das CMS Typo3 wird ständig vom Typo3 Core-Entwicklerteam weiterentwickelt. Hier wird sehr schnell auf Sicherheitslücken reagiert und auch ständig an der Vereinfachung der Bedienbarkeit und der schnelleren Ausgabe gearbeitet. Auch die Erweiterungen (Extensions) werden weiterentwickelt und von einem offiziellen Typo3-Team auf die Sicherheit überprüft. Dadurch ist es möglich, den hohen Anspruch einer Enterprise-Lösung mit einem CMS zu erreichen. Für die Kommunikation unter den Entwicklern gibt es entsprechende Foren, Bugtracker und Mailinglisten, in denen sich Entwickler austauschen und so weltweit an dem System arbeiten und es ständig verbessern.

Bekannte Typo3 Webseiten

Wolfgang Schäuble http://www.wolfgang-schaeuble.de/
Schalke 04 http://www.schalke04.de/
Bündnis 90 die Grünen http://www.gruene.de/
Deutscher Fußballbund http://www.dfb.de/


rogo.it - NEWS

28. Januar 2012 Webmaster-Tools: Grundfarben für das Webdesign

Hintergrund Farben für Internetseiten mit Kuler von Adobe mit einer großen Farbdifferenz im Farbton

Hat man sich mit dem Webdesign Kunden gemeinsam auf eine Grundfarbe für das Webdesign geeinigt braucht man für die unterschiedlichen Bereiche einer Internetseite aus dieser Farbe abgeleitete Farbtöne. Eine sehr nützliche...


23. Januar 2012 Video-Trailer für Duisburger Inline-Hockey geht online

Video Inline Hockey Duisburg Ducks 1. Damenmannschaft

Für die Duisburger Damenmannschaft im Inline-Hockey, die Damen der Duisburg Ducks, hat die Firma rogo.tv einen Imagefilm produziert. In dem Video zeigt sich die beste deutsche Damenmannschaft im Inline-Hockey von ihrer besten...


14. Januar 2012 Webdesign zum selber pflegen auch für bestehende Internetseiten

müllermusic Veranstaltungstechnik mit einer 1 zu 1 Kopie der bestehenden Internetseite in das CMS Typo3

Sie haben eine Internetseite und sind mit dem Webdesign zufrieden. Gerne würden Sie aktuelle Bilder und Informationen zu Ihren Produkten und Dienstleistungen online stellen und die Sache endlich wieder selber in der Hand haben...


07. Januar 2012 Typo3 Direct Mail Newsletter für DSV98

Typo3 Newsletter in der Entwurfsansicht für DSV98

Der Duisburger Schwimmverein 1898 hat seit dieser Woche einen Newsletter. Interessierte Anhänger des Vereins können so schnell und einfach erreicht und informiert werden.


31. Dezember 2011 Jquery - Scriptaculous - Prototype und Javascript Framework Bibliotheken gemeinsam nutzen – Methode .noConflict()

jQuery Javascript Framework und Typo3

Der parallele Einsatz von jQuery und Prototype ist nicht reibungslos. Das liegt an der gemeinsamen Nutzung des Shortcuts „$“ für die internen Funktionen und Selektoren.


News 1 bis 5 von 53

1

2

3

4

vor >