IFD:Webprogrammierung MS: Difference between revisions

From Medien Wiki
Line 146: Line 146:
====1. Template Voila Templating====
====1. Template Voila Templating====


Absolute Trennung zwischen Content und Darstellung. Mit nur einem einzigen Template wird diese ganze Website gesteuert.... und es hat nur 40 Zeilen HTML.  
Absolute Trennung zwischen Content und Darstellung. Mit nur [http://www.haltestelle-kunst.org/fileadmin/templates/main/hsk-main.html einem einzigen Template] wird diese ganze Website gesteuert.... und es hat nur 40 Zeilen HTML.  


====2. "Sampled" Grundkonfiguration====
====2. "Sampled" Grundkonfiguration====
Line 152: Line 152:
Typo3 CMS ist mächtig und auch sehr kompliziert. Ich habe mir den Einstieg leichter gemacht, in dem die Grundkonfiguration des CMS einfach komplett von einer anderen Website "ausgeliehen" wurde, nämlich von http://www.bumbaumel.eu.   
Typo3 CMS ist mächtig und auch sehr kompliziert. Ich habe mir den Einstieg leichter gemacht, in dem die Grundkonfiguration des CMS einfach komplett von einer anderen Website "ausgeliehen" wurde, nämlich von http://www.bumbaumel.eu.   


====3. Extensions ohne Ende per Click, Cut & Paste====
====3. [http://typo3.org/extensions/repository/ Extensions] ohne Ende per Click, Cut & Paste====


Es sieht komplizierter aus, als es ist: search (macina_searchbox), Seite Verlinken (tipafriend), Drucken (kopiert direkt aus dieser Anleitung),  bunte Social Bookmarking links (wt_socialbookmarks) mit freien Icons von überall, Kommentare (ve_guestbook).  Alles konfiguriert nach der Cut&Paste-Methode. Und (fast) alles gestylt mit einer einzigen CSS-Datei.  Auch kopiert von hier und mal von da...  
Es sieht komplizierter aus, als es ist: search (macina_searchbox), Seite Verlinken (tipafriend), Drucken ([http://www.admin-wissen.de/eigene-tutorials/webentwicklung/typo3-workshop/fortgeschrittene-themen/typo3-usability/druckansicht-mit-typo3/ kopiert direkt aus dieser Anleitung]),  bunte Social Bookmarking links (wt_socialbookmarks) mit freien Icons von überall, Kommentare (ve_guestbook).  Alles konfiguriert nach der Cut&Paste-Methode. Und (fast) alles gestylt mit einer einzigen [http://www.haltestelle-kunst.org/fileadmin/templates/css/style.css CSS-Datei].  Auch kopiert von hier und mal von da...  


====4. Das Sorgenkind "Dynamisches Menu"====
====4. Das Sorgenkind "Dynamisches Menu"====


Aber so einfach ging es natürlich nicht weiter.  Die meiste Zeit wurde tatsächlich in ein (genauer zwei) nervige JavaScript-Menus investiert.  Erst wurde mit der Anleitung von typo3wizard das Brainjar-Menu installiert. Nach vielen Stunden frustrierenden Rumprobierens sah es endlich einigermaßen cool aus und hat auch funktioniert... bis ich auf die Idee kam, die Seite herauszuzoomen.  Hier ein Screenshot mit dem Bug.
Aber so einfach ging es natürlich nicht weiter.  Die meiste Zeit wurde tatsächlich in ein (genauer zwei) nervige JavaScript-Menus investiert.  Erst wurde mit der Anleitung von typo3wizard das [http://www.typo3wizard.com/de/snippets/menus/implementation-des-dhtml-menues-von-brainjarcom.html Brainjar-Menu] installiert. Nach vielen Stunden frustrierenden Rumprobierens sah es endlich einigermaßen [http://www.haltestelle-kunst.org/fileadmin/graphics/Picture_3.png cool] aus und hat auch funktioniert... bis ich auf die Idee kam, die Seite herauszuzoomen.  [http://www.haltestelle-kunst.org/fileadmin/graphics/Picture_2.png Hier ein Screenshot mit dem Bug.]


Da hier nicht die Idee war wochenlang in Javascript zu hacken (wie auch...), bin ich schnell umgestiegen auf "Tmenu Layers" von Typo3.  Aber die Probleme hörten nicht auf, und falls Ihr diese Website mit Safari oder in einer hohen Auflösung zwischendurch mal angeschaut habt, werdet Ihr wissen wovon ich spreche.  Mit FireFox auf meinem Notebook sah das Menü zeitweise super aus.  Also sollte die Reise mit dem Javascript-Menus wohl-oder übel weitergehen....
Da hier nicht die Idee war wochenlang in Javascript zu hacken (wie auch...), bin ich schnell umgestiegen auf "Tmenu Layers" von Typo3.  Aber die Probleme hörten nicht auf, und falls Ihr diese Website mit Safari oder in einer hohen Auflösung zwischendurch mal angeschaut habt, werdet Ihr wissen wovon ich spreche.  Mit FireFox auf meinem Notebook sah das Menü zeitweise super aus.  Also sollte die Reise mit dem Javascript-Menus wohl-oder übel weitergehen....