--- title: "Hilfe für Anfänger" url: "https://www.typo3.net/d/39501-hilfe-fuer-anfaenger" source: "typo3.net" tags: ["Allgemein","Frage","Templates & Layouts"] created: "2006-03-14" last_reply: "2006-03-18" replies: 10 solved: false page: 1 pages: 1 lang: "de" --- # Hilfe für Anfänger Allgemein · 10 Antworten · gestartet 2006-03-14 ## Eröffnungsbeitrag **UweJ** · 2006-03-14 · [Beitrag #1](https://www.typo3.net/d/39501-hilfe-fuer-anfaenger/1) hallo Profis, ich bin Interessierter Beginner von Typo3. Ich habe bereits einige Dinge ausprobieren und ausführen können. Die Typo3 Dokumentation runtergeladen, ausgedruckt und reichlich drin gelesen. Im Net gestöbert und trotzdem bleiben reichlich Lücken (nicht anders zu erwarten bei dem Umfang und den Möglichkeiten). Was mich nun brennend interessiert ist folgendes: wie ich ein eigenes Layout (Template?) anlege. Ich habe mir einmal von der Page oswd.org ein Template geladen. Dabei habe ich festgestellt, dass dort html, css und Bilddatein drin sind. Nur was geschieht jetzt mit denen? Um das zu schaffen, wäre ich für eine kleine Anschubspritze dankbar. ## Antworten ### [#2](https://www.typo3.net/d/39501-hilfe-fuer-anfaenger/2) · ingokr · 2006-03-14 Hallo UweJ, ich habe einstige in Typo3 mit Hilfe von drei Quellen gemach. Die eine findest du hier auf der Seite: [/d/8010-lernen-am-beispiel-gesamtstruktur-eines-typo3-auftritts](https://www.typo3.net/d/8010-lernen-am-beispiel-gesamtstruktur-eines-typo3-auftritts) Die zweite und eine sehr gute ist das Buch Praxiswissen Typo3 vom O´Reilly. Die dritte sind die FAQs und Tutorials auf dieser Homepage. Und wenn dann noch fragen offen sind hilft man hier im Forum eigentlich immer weiter. Gruß Ingo ### [#3](https://www.typo3.net/d/39501-hilfe-fuer-anfaenger/3) · UweJ · 2006-03-14 Hallo Ingo, > **ingokr schrieb:** > > ich habe einstige in Typo3 mit Hilfe von drei Quellen gemach. Die eine findest du hier auf der Seite: [/d/8010-lernen-am-beispiel-gesamtstruktur-eines-typo3-auftritts](https://www.typo3.net/d/8010-lernen-am-beispiel-gesamtstruktur-eines-typo3-auftritts) > > Die zweite und eine sehr gute ist das Buch Praxiswissen Typo3 vom O´Reilly. > > Die dritte sind die FAQs und Tutorials auf dieser Homepage. > > Und wenn dann noch fragen offen sind hilft man hier im Forum eigentlich immer weiter. bis auf das Buch habe ich dies von Dir genannten Quellen bereits angezapft, wenn ich das so sagen darf. Es ist für mich jedoch vieles sehr neu und teilweise unverständlich. Da ich keine Vorkenntnisse mitbringe, fällt es doppelt schwer. Von daher wäre ich über einen kurzen Tipp (da hänge ich gerade) wie ich so ein Template einbinde und sichtbar ins FE bekomme dankbar. Momentan stehe ich etwas hilflos da. Das Banner konnte ich durch try and error und lesen in den Tutorials einbinden. Bei dem Template.....Bahnhof :o ### [#4](https://www.typo3.net/d/39501-hilfe-fuer-anfaenger/4) · ingokr · 2006-03-14 Hallo UweJ, sorry aber ich verstehe dein Problem nicht ganz. Was verstehst du nicht? Wo du das Template erstellst oder wie? ### [#5](https://www.typo3.net/d/39501-hilfe-fuer-anfaenger/5) · UweJ · 2006-03-14 > **ingokr schrieb:** > > sorry aber ich verstehe dein Problem nicht ganz. Was verstehst du nicht? Wo du das Template erstellst oder wie? nun, ich habe mir per Download Typo3 mit dem Quickstart installiert. Damit habe ich u.a. anhand der Dokumentation v. Robert Meyer ein wenig "rumgespielt"; habe div. Dinge probiert, einiges installiert usw. So weit so gut. Vielle Begrifflichkeiten sind mir allerdings noch sehr fremd. Nun wollte ich das Aussehen der Page verändern und etwas meinen Vorstellungen anpassen. Dazu habe ich gegoogelt und nach kostenlosen Templates gesucht. Auf der Page www.owsd.org habe ich dann ein Design runtergeladen. Dieses möchte ich nun gern einsetzen. Habe leider keine Ahnung wo das hinmuss, wie ich es im BE aufrufe usw. Muss ich erst per html ein Gerüst erstellen? Ich hoffe, nun kannst du mein Problem besser verstehen? :'( ### [#6](https://www.typo3.net/d/39501-hilfe-fuer-anfaenger/6) · ingokr · 2006-03-14 Bei Typo3 gipt es zwei Templates, das eine ist die HTML-Desingvorlage und das andere ist ein TypoScript. eine Desingvorlage ist eine HTML-Seite und sieht z.B. so aus: ```typoscript

Willkommen auf der Homepage des THW-Eschweiler

###LOGO1###

###LOGO2###

THW - Ortsverband

THW - Jugendgruppe

``` Das TypoScrit dazu würde dann so aussehen: ```typoscript # Ausblenden der Typ-Nummer in der HTML-Adresse config.simulateStaticDocuments_noTypeIfNoTitle = 1 # Seite und Seiteneigenschaften festlegen: seite = PAGE seite { typeNum = 0 meta.ROBOTS = INDEX,NOFOLLOW meta.AUTHOR = THW-Eschweiler meta.COPYRIGHT = © 2005 THW-Eschweiler meta.language = de, fr, en meta.DESCRIPTION = Homepage des Technischen Hilfswerk Eschweiler meta.KEYWORDS = Technik, Technisches, Hilfswerk, Katastrophe bodyTag = stylesheet = fileadmin/gemeinsame_dateien/style.css # Template, das verwendet wird: 10 = TEMPLATE 10 { template = FILE template.file = fileadmin/templates/startseite.htm # Hauptinhalt: marks { # Logo des OV einbinden LOGO1 = IMAGE LOGO1.file = fileadmin/gemeinsame_dateien/images/logo/zug.gif LOGO1.title = Der Ortsverband # Logo des OV einbinden LOGO2 = IMAGE LOGO2.file = fileadmin/gemeinsame_dateien/images/logo/jugend.gif LOGO2.title = Die Jugendgruppe # Inhalt der Seite INHALT = CONTENT INHALT < styles.content.get INHALT.select.orderBy = sorting } } } ``` Wenn du kannst und lust hast meld dich doch mal per msn bei mir. Dann können wir deine Fragen schneller und besser besprechen. Gruß Ingo ### [#7](https://www.typo3.net/d/39501-hilfe-fuer-anfaenger/7) · UweJ · 2006-03-14 > **ingokr schrieb:** > > Wenn du kannst und lust hast meld dich doch mal per msn bei mir. Dann können wir deine Fragen schneller und besser besprechen. ja, würde ich gern in Anspruch nehmen. Habe allerdings den msn deaktiviert. Könnte Skype anbieten. ### [#8](https://www.typo3.net/d/39501-hilfe-fuer-anfaenger/8) · ingokr · 2006-03-14 Mein Skype-Name ist ingokre ### [#9](https://www.typo3.net/d/39501-hilfe-fuer-anfaenger/9) · Mr_BitOst · 2006-03-16 Hallo UweJ ich habe deinen Beitrag hier gelesen und denke ich hätte da eine Lösung für dich (Eigene Vorlagen), ich stand vor kurtzen for ein ähnliches problem da ich auch erst seit knap 2-3 Monaten mit Typo3 Arbeite. Erstelle dir am besten eine eigene richtige HTML Datei mit einen HTML-Editor z.B. "Ulli Maybohms HTML Editor", als Hilfe-Nachschlagwerk köntest du auch noch z.B. "SelfHTML" oder "SelfPHP" mit herranziehen. Bau dir damit ein richtige Grund HTML-Pageseite wie sie dir am besten gefällt und erstetz bestimmte Abschnitte(Einträge) durch "MAKERS" (###punkt1### ; ###punkt2### u.s.w) und binde diese HTML datei dan einfach in die grund Typo3 Seite ein, dann brauchst du nur noch die MAKERS in Typo3 mit Text u.ä. füllen und schon hast du deine eigene Typo3. Seiten vorlage. z.B. mit volgenden Typo3 Skript kanst due die datei dann einfügen(einbinden) und nutzen. ```typoscript seite = PAGE seite { typeNum = 0 bodyTag = meta.AUTOR = MR_BITOST meta.DESCRIPTION = vier Frames Windows über HTML in TYPO3 10 = TEMPLATE 10.template = FILE 10.template.file = fileadmin/bitost/frametablings.html 10.workOnSubpart = DOKUMENT 10.marks{ xxxxxxxxxxxxxx } ``` Die ganzen "x" sollen einfach nur den Berreich der ganzen "MAKERS", makieren wo du dann die mit leben, Text u.s.w. füllen kanst und schon hast du deine eigene Typo3 vorlage. Wenn du einen Punkt(MAKER)darin eintragen wilst trage diese in den Geschweiften-Klammer-Bereich von "10.marks" die entsprächenden Punkte(Eigene MAKERS) ein. z.B. so ```typoscript seite { 10.marks { punkt1 { inhlat des MAKERS "punkt1" } punkt2 { inhalt des MAKERS "punkt2" } u.s.w. } } ``` und schon ist deine eigene Vorlage fertig und sichtbar in Frontend. Ich hoffe ich konte dir dabei etwas bei deiner Lösung helfen. salü Harry ### [#10](https://www.typo3.net/d/39501-hilfe-fuer-anfaenger/10) · UweJ · 2006-03-17 Hallo Mr_BitOst, vielen Dank für die Hilfe. Es ist in der Tat nicht so ganz einfach, die Umsetzung von Idee und Verwirklichung in Typo3 hinzubekommen. Es fällt mir schon schwer den Zusammenhang zwischen HTML und Typo3 Script herzustellen. Aber wie sagte schon Laotze (oder wer war es doch gleich?): jede lange Reise beginnt mit dem ersten Schritt. In diesem Sinne... Vielen Dank auch nochmal auf diesem Weg an ingokr für die Hilfe. ### [#11](https://www.typo3.net/d/39501-hilfe-fuer-anfaenger/11) · idna · 2006-03-18 Hallo, ich habe mir laut dem oben abgebildeten Beispiel ein HTML Template gebaut und dieses dann mit verschiedenen Inhalten gefüllt. Funktioniert alles ganz gut, bis auf die Ausgabe des Contents. Dieser will sich einfach nicht zeigen o.O hier das HTML Template: ```html
###DOCUMENT_CONTENT###
``` Mit diesem TS im Template werden die beiden Bilder und der Seitentitel ausgegeben. Der Content allerdings nicht. Dieser scheint auch nicht im Object Browser auf... In der fertigen HTML Page scheint immer noch der Platzhalter auf! ```typoscript # Seite und Seiteneigenschaften festlegen: seite = PAGE seite { typeNum = 0 meta.robots = index,nofollow meta.language = de bodyTag = stylesheet = fileadmin/template/main/css/formate.css # Template, das verwendet wird: 10 = TEMPLATE 10 { template = FILE template.file = fileadmin/template/main/main.html workOnSubpart = DOCUMENT_BODY # Hauptinhalt: marks { # Banner Left BANNER_LEFT = IMAGE BANNER_LEFT.file = fileadmin/template/main/images/banner_left.png BANNER_LEFT.title = a nice picture... # Banner Right BANNER_RIGHT = IMAGE BANNER_RIGHT.file = fileadmin/template/main/images/banner_right.png BANNER_RIGHT.title = a nice picture... #Header DOCUMENT_HEADER = TEXT DOCUMENT_HEADER.field = title # Inhalt der Seite DOCUMENT_CONTENT = CONTENT DOCUMENT_CONTENT < styles.content.get } } } ``` Was hab ich in den Dokus übersehen, das ich hier falsch gemacht habe? Danke im voraus :) --- Quelle: „Hilfe für Anfänger“, typo3.net, https://www.typo3.net/d/39501-hilfe-fuer-anfaenger Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.