Kapitel 'Realisation mit TYPO3'

Final steht nach aller konzeptionellen Vorarbeit und Ausarbeitung die abschließende Umsetzung mit TYPO3 an. Die Überführung des Screendesign aus GIMP in eine XHTML-konforme Vorlage ist dabei der erste Schritt. Anschließend muss die statitische Vorlage dynamisiert werden.

Realisation

Donnerstag, den 5. Juni 2008

Die Umsetzung des Konzepts samt des erarbeiteten Design- und Layoutentwurfs stellt den finalen Schritt der Diplomarbeit dar. Das Content Management System TYPO3 muss zu diesem Zweck auf dem Server installiert und anschließend den Vorgaben entsprechend konfiguriert werden. Die Realisation des gesamten grafischen Entwurfs erfordert verschiedene, schrittweise abzuarbeitende Phasen bis das Befüllen mit den eigentlichen Inhalten […]

Einrichten des Content Management Systems

Donnerstag, den 5. Juni 2008

Die Installation und Erstkonfiguration von TYPO3 legt den Grundstein für das spätere fehler-freie und reibungslose Arbeiten mit dem System. Mit Hilfe des sogenannten „Installations-Tools“ wird die Verbindung zum Datenbankserver und die Datenbank selbst eingerichtet. Das Befüllen dieser mit der TYPO3-Datenbankstruktur muss erfolgen und die Überprüfung sowie Anpassung von Standardwerten und -variablen (Schreibrechte, E-Mail-Einstellungen, Funktionen der […]

Einbinden des Designs

Donnerstag, den 5. Juni 2008

Nach der erfolgreichen Grundeinrichtung muss den Seiten der Präsenz das zuvor definierte Aussehen verliehen werden. Für das Einbinden des Designs samt Formatierungen in TYPO3 wird nachstehender Ansatz verfolgt: Umsetzung des Layouts in eine Designvorlage (HTML- oder XHTML-Format) Unterscheidung von statischen und dynamischen Teilen des Layouts Integration der erstellten Vorlage mit Hilfe der Extension „Template Auto-Parser“ […]

Statische und dynamische Bereich im Layout

Donnerstag, den 5. Juni 2008

Um zu verdeutlichen, welche Regionen im Layout von TYPO3 dynamisch ergänzt werden und an welcher Stelle statische Inhalte platziert sind, soll das Gesamtlayout samt Markierungen dienen. Hierzu sind dynamische Bereiche rot umrahmt, statische Abschnitte besitzen eine schwarze Umrandung. Verkleinertes Layout mit Markierungen der dynamischen und statischen Bereiche Aus der Abbildung geht hervor, das insgesamt sieben […]

Integration in TYPO3

Donnerstag, den 5. Juni 2008

Die hierarchische Baumstruktur wurde im CMS bereits vollständig abgebildet. Die Seiten sind jedoch noch komplett ohne Aussehen oder anderen Inhalt. Um diesen Zustand zu ändern, muss dem System die Designvorlage hinzugefügt und für die Seiten ein Template angelegt sowie zugewiesen werden. Das einheitliche Aussehen kann relativ simpel erreicht werden, indem man dem obersten Wurzeldatensatz (in […]

Anlegen spezieller Bereiche/Funktionen

Donnerstag, den 5. Juni 2008

Wie die Unterscheidung von statischer und dynamischer Bereiche ergeben hat, müssen die Hauptnavigation, die Metanavigation im Kopf und Fuß, der Platzhalter für das Stimmungs-bild, der eigentliche Content inklusive Pfadanzeige und die Funktionen in der Fußzeile (Druckversion, Verweis an den Anfang der Seite) mit Hilfe von TypoScript realisiert werden. Die Dokumentation der praktischen Umsetzung in Auszügen […]

Doctype-Festlegung per TypoScript

Donnerstag, den 5. Juni 2008

TYPO3 erzeugt standardmäßig HTML 4.01 Transitional kompatiblen Quellcode. Über wenige Zeilen TypoScript kann der Dokumententyp (Doctype) wie zuvor festgelegt auf XHTML 1.0 Strict gesetzt werden. #DOCTYPE auf XHTML 1.0 Strict setzen, für den IE wird die XML-Angabe umgedreht config.doctype = xhtml_strict config.doctypeSwitch = true config.xhtml_cleaning = all config.htmlTag_langKey = de Die erste Anweisung verändert den […]

Konfiguration des Template Auto-Parsers

Donnerstag, den 5. Juni 2008

Der Auto-Parser ist eine Extension, welche die XHTML-Designvorlage nach korrekter Konfiguration automatisch mit TYPO3-Markierungen zur Laufzeit versieht. So können vom Content Management System in die vorgesehenen Positionen, in diesem Fall durch „subparts“ markiert, die verschiedenartigen Inhalte dynamisch einfügt werden. #Konfiguration des Auto-Parser fuer Haupt-Template: plugin.tx_automaketemplate_pi1 { # Die Designvorlage wird eingelesen: content = FILE content.file […]

Aufbau der Hauptnavigation

Donnerstag, den 5. Juni 2008

Der Aufbau der Navigation in TYPO3 ist simpel und schnell realisiert. Für das Erstellen der Hauptnavigation werden spezielle TypoScript-Objekte vom Typ HMENU und TMENU benö-tigt, die in TYPO3 für hierarchische, textbasierte Menüs verwendet werden. Grafische Navigationen oder Layermenüs wären ebenfalls durch das CMS nutzbar gewesen, sind für diese Art der Navigation jedoch überflüssig. # Hauptnavigations-Menu […]

Aufbau der Metanavigation im Kopf- und Fußbereich

Donnerstag, den 5. Juni 2008

Die Metanavigation wird an zwei bekannten Stellen im Layout platziert. Da die Darstellung leicht variiert, müssen zwei, sich sehr ähnelnde Menüs angelegt werden. Hierfür werden die bereits aus der Hauptnavigation bekannten HMENU- und TMENU-Objekte eingesetzt. # Metanavigation im KOPF temp.menu_meta = HMENU temp.menu_meta.special = list temp.menu_meta.special.value = 38, 37, 36, 35 temp.menu_meta.1 = TMENU temp.menu_meta.1.NO […]

Pfadanzeige als Menü realisiert

Donnerstag, den 5. Juni 2008

Die Pfadanzeige (Breadcrumb) zur leichten Orientierung in der Seitenhierarchie ist vom Prinzip her nichts anderes als ein Menü mit speziellen Eigenschaften. # Locator-Funktion (Pfadanzeige, rootline) temp.locator = HMENU temp.locator { special = rootline special.range = 0 | -1 wrap = Sie befinden sich hier: | 1 = TMENU 1 { NO { allWrap = |  -  […]

Einrichten einer Printversion

Donnerstag, den 5. Juni 2008

Das Bereitstellen einer Printversion der jeweiligen Seite kann von TYPO3 durch ein richtig konfiguriertes Plug-In standardmäßig übernommen werden. Dieses Plug-In muss dem Template als statische Template bekannt gemacht werden. Erstmalig ist der Gebrauch von Konstanten von Nöten. Neben der Printversion soll ein Hyperlink, der zum Seitenbeginn führt, eingefügt werden. Constants: plugin.alt.print.file.template = fileadmin/template/print_template.html plugin.alt.print.file.stylesheet = […]

Zusammensetzen aller Teilelemente in TYPO3

Donnerstag, den 5. Juni 2008

Alle erwähnten Elemente wurden bei der bisherigen Betrachtung in temporären Objekten abgelegt, die in dieser Form nirgends darstellbar sind. Es ist erforderlich, die einzelnen Teile an ihre zugewiesenen Positionen im Layout zu bringen, indem die dafür vorgesehenen Subparts des Templates mit Inhalt gefüllt werden. Den Abschluss bildet das Einfügen des Standard-PAGE-Objektes, welches die Template-Daten zugewiesen […]

Einpflegen der Inhalte in TYPO3

Samstag, den 7. Juni 2008

Für die Gestaltung der Inhalte existieren in TYPO3 bereits in der Standardinstallation umfangreiche Möglichkeiten. Aus verschiedenen Seiteninhaltstypen kann gewählt werden. Dazu gehören bspw. reine Textfelder, Texte mit einer frei wählbaren Anzahl von Bildern (samt Positionierung), Formulare, Tabellen, Auflistungen oder multimediale Inhalte . Durch die Extension „CSS styled Content“, welche die Inhaltselemente mit CSS-Formatierung verknüpft, wird […]

Web-Marketing der Site

Samstag, den 7. Juni 2008

Unter dem Schlagwort „Site-Marketing“ versteht man das Bekanntmachen der Internetseite im World Wide Web. Die Website ist ein integraler Bestandteil der Öffentlichkeitsarbeit eines Unternehmens und sollte im gesamten Schriftverkehr der Firma Erwähnung finden. Das Marketing der Site beginnt bereits bei der richtigen und sinnvollen Domainwahl für den Auftritt und führt zu der Suchmaschinenoptimierung bspw. über […]

Domainwahl

Samstag, den 7. Juni 2008

Bei einer Domain handelt es sich im üblichen Wortgebrauch um die Internetadresse einer Website. Genauer betrachtet steht hinter jeder Internetadresse eine mehrstellige Zahlenfolge (IP genannt), die von dem DNS-Dienst des Internets (Domain Name Server) aufgelöst wird und eindeutig einer IP zuzuordnen ist. Das System der DNS dient der besseren Einprägung der Adressen, da sich Buchstabenfolgen […]

Suchmaschinen-Optimierung

Samstag, den 7. Juni 2008

Studien ergeben, dass ca. 80 bis 85% aller Internetanwender eine neue Website über den Gebrauch von Suchmaschinen finden. Ein treffendes Suchergebnis kommt durch Eingabe von Stichwörtern, die mit dem Inhalt der Internetpräsenz in engem Zusammenhang stehen, zu Stande. Da in den meisten Fällen lediglich die ersten und zweiten Seiten der Trefferlisten eines Suchergebnisses betrachtet werden, […]

Meta-Tags in TYPO3

Samstag, den 7. Juni 2008

Für TYPO3 existiert eine Extension namens „Meta tags, extended“, die für das Hinzufügen der Meta-Tags zu einer jeden Seite verwendet werden kann. Dem System zuvor bekannt gemacht und folgendermaßen konfiguriert ist die gesamte Präsenz optimal beschrieben. Da Meta-Tags, wie soeben geklärt, in sehr engem Zusammenhang mit den tatsächlichen Inhalten der Seiten stehen und diese noch […]

Veröffentlichung des Internetauftritts

Samstag, den 7. Juni 2008

Aus technischer Sicht spricht nichts gegen eine baldige Veröffentlichung der Seiten im Internet. Das umschließende Grundgerüst ist komplett fertig gestellt und wartet bereits auf den produktiven Einsatz. Das Fehlen der Inhalte verzögert dieses Vorhaben jedoch. Sobald die von der Firma zu fertigenden Inhalte nachgeliefert sind, wird möglichst schnell ein Termin für den Launch der Internetpräsenz […]