Willkommen auf nicoleengelhardt.de

Nachdem ich nun vor einiger Zeit feststellen musste, dass ich für meine Webseite keine Ordner mehr mit Passwort versehen kannn (wie ich es aus meinen HTML-Zeiten gewohnt bin), habe ich mich dazu entschlossen, ein Log-in auf meiner neuen Seite zu integrieren. Wichtig ist mir dies, da ich z.B. Freunden Fotos zur Verfügung stellen möchte, die ich aber so nicht ins Internet stellen würde.

Bei der ersten Integration einer Log-in-Maske habe ich mich an dem Tutoriell von Punkt.de orientiert. Das hat auch super funktioniert, aber leider hatte ich die Log-in-Maske immer im Content. Da die Macher von Punkt.de auch einen Support anbieten, habe ich dort mal nachgefragt, wie ich diese Maske denn nun auf die linke Seite bekomme. Als Antwort habe ich Links zu folgenden Tutoriells erhalten:

• Offizielles Manual von typo3.org 
• Tutoriell von YAML  

Beide verwenden jedoch nicht mehr die Standard-Log-in-Box, sondern die Extension New-Login-Box. Also habe ich diese installiert und integriert. Leider hat sich daraufhin aber noch nichts geändert.

Mein Hauptproblem lag darin, dass ich bisher nicht definiert hatte, wo in meinem Template der linke Bereich liegen soll. Wie das funktioniert, habe ich nun herausgefunden und nachgeholt. War im Prinzip aber umsonst (wenn man mal vom Lerneffekt absieht ;-)), da ich auch direkt einen Log-in-Bereich im Template festlegen kann. Nun habe ich auch das getan und die Log-in-Maske erscheint an der erwünschten Stelle.

Leider scheitere ich allerdings momentan noch am Design. Die Schrift ist teilweise zu groß, erscheint nicht unterhalb der Eingabefelder und ist nicht wunschgemäß auf Deutsch. Die entsprechenden Setup-Einträge habe ich aus dem offiziellen Manual übernommen - aber irgendwas mache ich noch falsch. Immerhin, der Verweis auf das CSS scheint zu funktionieren. Fazit: Es bleibt noch einiges zu tun!

Nun werde ich mich aber erstmal mit den Studienbriefen auseinandersetzen - sonst kann ich eine pünktlich Abgabe nicht mehr gewährleisten ;-)

... hatte ich mir wirklich leichter vorgestellt.

Das TYPO3-Backend bietet mir von typischen Seiteninhalte wie Text, Text mit Bild, Aufzählung über spezielle Elemente wie Sitemap und freies HTML bis hinzu Formularen und Plugins eine Menge an Inhaltslementen an. Da sollte man meinen, das reicht. Tut es sicherlich auch - wenn man weiß, wie man damit umgehen muss.

Verzeifelt bin ich zum einen daran, dass kurze Texte im Content nicht direkt links, sondern irgendwo in der Mitte angezeigt wurden. Wieso die Ansicht so sehr von meinem Template abwich und warum die Abweichungen im FF immer noch deutlicher waren als im IE, war mir ein echtes Rätsel. Nachdem ich weder in meinem schlauen und definitiv für fortgeschrittene Nutzer geschriebenen Buch keine Antwort finden konnte, habe ich mal wieder sämtliche Foren durchsucht. Leider ohne Erfolg. Daher habe ich nun meine passive Rolle aufgegeben und selbst einen Beitrag in zwei Foren (http://www.typo3forum.net/, http://www.typo3.net/forum/) gepostet - mit Erfolg: Die horizontale Ausrichtung ist mittlerweile korrekt. Leider habe ich das gleiche Problem noch mit der vertikalen Ausrichtung, was sich leider nicht analog lösen lässt.

Des Weiteren wurden mir mal Aufzählungszeichen im Frontend angezeigt und mal nicht - im Code war es jedoch immer korrekt. Aber dieses Problem hat sich auf wundersame Weise von alleine gelöst - was jetzt den Nachteil hat, dass ich weder Ursache noch Lösung kenne.

Auch die Nutzung der Inhaltselemente an sich bedarf einer gewissen Übung. Den Aufbau von Tabellen habe ich bisher noch nicht ganz verstanden. Irgendwie finde ich die Stelle nicht, an der man eingeben kann, wie breit eine Spalte sein soll. Daher habe ich bei meinem Lebenslauf nun übelst geschummelt und die Seite einfach in HTML eingepflegt. Aber das kann ja schließlich nicht der Sinn eines CMS sein, also muss ich da noch mal ran.

Insgesamt bin ich doch ein wenig frustriert darüber, dass das Backend komplizierter ist als ich angenommen hatte und sich dadurch die Einpflege meiner Daten (was nun wirklich nicht viel ist), doch um einiges verzögert hat. Mir ist es daher leider nicht gelungen, meine Seite bis heute komplett fertig zu stellen, was eigentlich mein angestrebtes Lernziel war. Das heißt: ich werde in den nächsten Tagen noch ein wenig weiter basteln, bis alles steht.

Und für alle die nun neugierig sind - hier der Link zum aktuellen Stand: www.nicoleengelhardt.de/index.php

Noch vor wenigen Minuten bin ich vor Freude durch meine Wohnung gesprungen: Ich habe mein Lernziel erreicht! Es ist mir nach einigen Stunden Try & Error, Lektüre im Kochbuch, Recherche in min. 20 Foren endlich gelungen, mein HTML-Template in TYPO3 so einzubinden, dass ich die von mir gewünschte Darstellung erhalte.

Folgende Punkte haben mir dabei besondere Probleme bereitet:

• Darstellung des Header-Images an der richtigen Stelle: Hinbekommen habe ich dies, als ich im TypoScript gerade eine ganz andere Stelle austüfteln wollte, daher ist mir leider die Logik dahinter nicht ganz klar.
• Darstellung der korrekten Überschriftsformate: Ich hatte in meiner CSS-Datei verschiedene Formate festgelegt, doch das Überschriftenfeld wollte mir immer nur H1 ausgeben. Mittlerweile habe ich herausgefunden, dass die Auswahl der verschiedenen Überschriften über die erweiteren Funktionen möglich ist.
• Automatische Übernahme des Seitentitels in den Header: Hierfür habe ich besonders lange benötigt, da ich die entsprechenden TypoScript-Zeilen unter PAGE anstatt main.template integriert hatte. Diverse Foren haben letztlich zum Erfolg verholfen.
• Das Menü stand gestern schon, da ich aber alle Unterseiten gesperrt habe, wird es derzeit nicht angezeigt.

Generell bin ich sehr zufrieden mit mir, auch wenn ich mich TYPO3 gerade erst annähere. Insbesondere die Auseinandersetzung mit TypoScript ist nicht ganz einfach, da ich die Logik dahinter noch nicht komplett durchschaut habe. Dafür war mir leider auch mein Kochbuch keine große Hilfe, da ich nicht die Zeit hatte, mich von vorne nach hinten durchzuarbeiten. Aber als Ergänzung und zum Verständnis lohnt sich doch immer wieder ein Blick in das Buch. Alles weitere gibt es im Netz. Die für mich hilfreichsten Links habe ich unter del.icio.us gespeichert.

Jippieh - ich habe es geschafft. Nach den hilfreichen Kommentaren im Blog sowie einigen mündlichen Tipps habe ich es gestern Abend geschafft, TYPO3 endlich erfolgreich zu installieren. Danach bin ich jedoch am Log-in für das Backend gescheitert. Heute habe ich nun auch dieses Problem gelöst und mittlerweile schon erfolgreich das deutsche Sprachpaket installiert. Das Erstellen einer Seite wird nun erst mal wieder etwas leichter, dass hatte ich auf einem anderen System schon mal probeweise vor einiger Zeit ausprobiert.

Da die vielen Installationsbeschreibungen, die ich gelesen habe, für mich alle sehr kompliziert waren und ständig von Dingen die Rede war, die bei mir entweder nicht nötig waren oder nicht auftauchten (wo verbirgt sich dieses so oft angepriesene 1-2-3-Install-Tool?), habe ich beschlossen, eine kurze Anleitung für Dummies zu schreiben. Allerdings kann ich dabei nur hoffen, dass meine Vorgehensweise allgemein übertragbar ist und ich nichts wesentliches vergesse.

Aneitung zur Installation von TYPO3

1. Folgende Voraussetzungen muss der Webserver erfüllen: PHP, MySQL, Apache.
2. Anschließend folgende Pakete herunterladen: typo3_src*.zip sowie dummy_*.zip.
3. Diese können nun lokal entpackt werden - damit benötigt man nicht mehr den oft genannten Shell-Zugriff.
4. Auskommentieren der folgenden Zeile in der Datei: \typo3_src-4.0.1\typo3_src-4.0.1\typo3\install.php
die("In the source distribution of TYPO3, the install script is disabled by a die() function call.
Fix: Open the file typo3/install/index.php and remove/out-comment the line that outputs this message!");
5. Upload aller entpackten (geänderten) TYPO3-Dateien auf den Webserver (ich habe die oberste Ebene verwendet, weiß aber nicht, ob das zwangsläufig nötig ist) und Freigabe der Schreibrechte für die einzelnen Ordner.
6. Aufrufen der Seite www.[meine_domain.de]/typo3/install/index.php und Log-in in das Install-Tool (das Standardpasswort kann einer Alertbox entnommen werden, das 1-2-3-Tool ist mir leider nie erschienen).
7. Ausführen aller Checks unter "Basic Configuration" sowie Angabe des Nutzernamens und Passworts der MySQL-Datenbank.
8. Anschließend müssen die einzelnen Tabellen upgedated werden - dies ist unter "Database Analyser" - "Update required tables" möglich.
9. Nun sollte ein Log-in mit dem Standard-Admin unter www.[meine_domain.de]/typo3/index.php in das Backend möglich sein. Sollte dies nicht funktionieren, kann es laut meiner Recherche an der fehlenden Erlaubnis für Cookies liegen.
10. Abschließend sollte man darauf achten, dass man sowohl bei dem Install-Tool als auch für das Backend die Passwörter ändert, damit diese vor Fremdzugriffen geschützt sind.

Das war es nach meiner Erinnerung. Aber dadurch, dass ich nicht den "geraden" Weg gegangen bin, kann es durchaus möglich sein, dass etwas fehlt. Daher bin ich sehr dankbar für ergänzende Kommentare :-).

Abschließend noch ein paar Worte zu meiner weiteren Vorgehensweise: Ich werde nun bis Morgen versuchen, meinen Designentwurf noch in das CMS einzupflegen. Die endgültige Ausarbeitung werde ich mir dann jedoch bis zum nächsten Meilenstein aufheben, wie ich es generell auch geplant hatte. Damit liege ich, trotz einiger Änderungen im Zeitplan, doch noch recht gut und bin gerade auch sehr zufrieden mit mir. Die Installation von TYPO3 sollte ja nicht der Schwerpunkt meines SOL sein, dennoch bin ich stolz, es nun doch geschafft zu haben und gespannt darauf, welche weiteren Probleme ich lösen darf ;-).

Nachdem ich heute keinen dringenden Auftrag zu erledigen hatte, habe ich beschlossen, den Nachmittag meinem SOL-Projekt zu widmen - wohlwissend, dass ich dafür dieses Mal wohl etwas mehr Zeit einkalkulieren sollte.

Aber leider bin ich bisher an der TYPO3-Installation gescheitert - muss gestehen, dass ich mir das einfacher vorgestellt hatte. Momentan stellen sich mir ganz viele Fragen:

• Welche Pakete sind für meinen Webspace geeignet? ZIP oder TGZ?
• Ist mein Webspace überhaupt TYPO3 fähig?
• Was hat es mit diesem Shell-Zugang bzw. SSH auf sich?
• Habe ich diesen oder muss ich mir ein zusätzliches Tool wie Putty downloaden?

Leider konnten mir weder mein Kochbuch noch diverse Internetquellen die für mich verständlichen Antworten liefern. Unter http://www.jweiland.net/typo3cms geht es überwiegend um die Installation bei 1&1 bzw. Schlund&Partner, dabei scheint es sich im Windows-Installationen zu handeln - mein Provider hat jedoch auf Linux umgestellt.

Und auch die recht verständlich geschrieben Anleitung unter http://website4all.de/typo3_install_pro.0.html beantwortet leider nicht meine Fragen. Denn hier ist wieder die Rede von dem Shell-Zugang, von dem ich nun nicht weiß, ob ich ihn habe oder nicht. Auf der Seite meines Providers kann ich dazu jedoch keinerlei Informationen finden.

Also habe ich mich im Forum umgeschaut, aber hier scheinen alle wesentlich mehr Ahnung von Installationen auf Webservern zu haben als ich :-(.

Meine Erkennnisse belaufen sich nun auf folgenden Stand: Mein Provider hat einen Linux-Server. Demzufolge muss ich auf Basis meiner Recherchen die TGZ-Pakete verwenden und entpacken. Wenn ich es richtig verstanden habe, benötige ich dafür kein zusätzliches SSH-TOOL wie Putty, dessen bin ich mir aber nicht sicher.

Mein Problem: Wie finde ich heraus, ob ich einen SSH- bzw. Shell-Zugang habe bzw. wie entpacke ich die TGZ-Pakete auf meinem Webspace? Daran scheitere ich derzeit!

Ich denke, ich werde mich nun auf andere, nicht webbasierte Ressourcen verlagern und Freunde/Bekannte befragen, die eine solche Installation schon einmal erfolgreich durchgeführt haben.

Generell bleibe ich jedoch zuversichtlich, dass ich bis Ende der Woche TYPO3 installiert habe.

Endlich ist es eingetroffen, dass TYPO3-Kochbuch, welches mich bei meinem SOL-Vorhaben unterstützen soll.

Anstatt mich durch etliche Foren zu wühlen, habe ich nun alles in einem Buch zum blättern - es kommt doch immer wieder durch, dass ich mit Büchern und nicht mit dem Internet groß geworden bin ;-)

Habe schon die "Rezepte" gefunden, die ich definitiv in nächster Zeit mir genauer ansehen werden, damit ich "nachkochen" kann. Aber das Werk bietet einiges mehr als nur eine Einführung in das Thema. Und das ist auch gut so: Schließlich möchte ich gerne auch nach dem SOL-Vorhaben meine Kenntnisse noch weiter ausbauen und einsetzen.

Für den SOL habe ich mir vorgenommen, meine Homepage neu zu gestalten und mit TYPO3 umzusetzen. Daher habe ich mich zum Thema TYPO3 informiert und herausgefunden, dass dort CSS eine große Rolle spielt. Und damit war noch eine weitere Wissenslücke da, die geschlossen werden will. Zwar kenne ich schon die Umsetzung des ein oder anderen Stylesheets, möchte bei der neuen Version meiner HP aber möglichst viel damit umsetzen - das kann man später dann so schön einfach und schnell wieder ändern. Daher nimmt nun auch der Bereich CSS eine Teil meines Vorhabens im Rahmen des selbstorganisierten Lernens ein. Als Meilensteine habe ich folgende Ziele definiert:

1. Auseinandersetzung mit CSS und Konzeption meiner neuen HP

Mir geht es hierbei vor allem darum, die umfangreichen Einsatzmöglichkeiten von CSS kennenzulernen und diese anschließend möglichst vielseitig in das Konzept meiner HP miteinzubinden. Als Literaturgrundlage greife ich hauptsächlich auf "CSS - kurz & gut" vom O´Reilly-Verlag zurück. Mit Konzept meine ich übrigens nicht, dass ich ein Dokument erstelle, in dem ich bis ins Detail beschreibe, wie meine HP aussehen soll. Vielmehr werde ich handschriftliche Notizen anfertigen und ggf. das ein oder andere Scribble mit Zettel und Stift erstellen - quasi die abgespeckte Version von dem, was ich sonst beruflich mache.

2. Erstellung eines Templates auf Basis von HTML und CSS mit Dreamweaver

Im Rahmen des zweiten Meilensteins möchte ich meinen Wissensgewinn und meine - hoffentlich kreativen - Ideen mit Dreamweaver umsetzen. Vorangiges Ziel ist dabei der verstärkte Einsatz von CSS über meinen bisherigen Kenntnisstand hinaus - bisher habe ich CSS nur für Schriften (Überschrift, Textschrift, etc.) eingesetzt.

3. Einbinden des Templates in TYPO3

In diesem Schritt werde ich als erstes TYPO3 auf meinem Webspace installieren müssen. Aber nachdem mit dem Blog alles sehr gut geklappt hat, hoffe ich, dass auch TYPO3 keine größere Hürde darstellen wird. Anschließend möchte ich meine Vorlage in das CMS einbinden und die entsprechenden Inhalte (Text, Images, etc.) noch einpflegen.

Ich bin selbst schon sehr gespannt auf das Ergebnis (denn einige Ideen zum Layout schwirren schon in meinem Kopf) und hoffe, es am Ende des Kurses unter meiner Domain www.nicoleengelhardt.de präsentieren zu können.