Morgen,

vorab schon mal sorry… hab SEHR viel geschrieben. Wäre trotzdem super wenn ihr mir helfen würdet.

Wie schon seid einigen Wochen bin ich nach wie vor mit Typo3 am kämpfen.

TYPO3 ist sehr komplex, die Tiefen lernt man erst nach und nach - das kann uu. einige Monate dauern :)

Anfangs wollte ich alles gleich perfekt machen, sprich ich wollte gleich erreichen, dass die Webseite Barrierefrei wird und des weiteren sogar noch eine schöne Formatierung des Quellcodes erreichen.

Alles perfekt machen will jeder, aber spätestens nach dem 2. Versuch "alles perfekt zu machen" wirst du feststellen, dass es immer Verbesserungsmöglichkeiten gibt :)

Aufgrund der Komplexität hab ich mich jetzt dafür entschieden, dass ich zunächst  was die reine Optik angeht meine händische Seite auf Typo3 nachbauen will. Im nächsten Schritt geht’s dann daran die Seite hinsichtlich der Barrierefreiheit und hinsichtlich der Formatierung des Quellcodes zu verbessern.

Das ist hingegen schlauer als alles auf einmal

1.)
Im meinem root-Template muß ich dann wohl dafür sorgen, dass das Formular ordentlich formatiert wird?

Verwende die Extension th_mailformplus - da kann der Endbenutzer zwark eine Formulare zusammenklicken, aber man kann (X)HTML exakt wie gewünscht aus dem Template beziehen und sein eigenes CSS verwenden ohne css_styled_content umgraben zu müssen.

Ich hab nun absolut keine Ahnung, wie ich erreichen kann, dass ein Redakteur über das RTE dieser Liste eine Klasse zuordnen kann.

Das hat vermutlich etwas damit zu tun, dass das über TSConfig eingesetllt wird und nicht über TypoScript und du damit wahrscheinlich noch nichts zu tun hattest. Die Sache ist etwas Tricky, aber durchaus bewältigbar, wenn mans vestanden hat. Hier am Beispiel einer Tabellenzelle:

TSConfig:
RTE.default {
  contentCSS = fileadmin/template/css/rte.css
  classesTD = foo, bar
  proc.classesTD < .classesTD
}

im rte.css

td.foo {  
		background: #8080FF;  
}  
  
td.bar {  
		background: #FF8080;  
}  

3.)

Das Problem hat nichts mit TYPO3 zu tun, es kommt lediglich auf deine Texte und die Gliederung dieser drauf an - "diese h1 = Titel der Webpräsenz, h2 = Menüpunkt, h3 = Untertitel und Inhaltselemente"-Geschichte ist nur eine Faustregel - wenn es nicht in dein Schema passt, mach es anders.

4.)
Das versteh ich auch nicht so richtig: Dann könnte ich dem Redakteur doch gleich sagen, dass er die Texte direkt im RTE schreiben soll bzw. in einem Editor der keine Formatierung speichert.

Der Kunde, dem du das Erklärst, wird dich töten. Da schreibt die Sekretärin A den Text im Word (diktiert vom Chef), schickt ihn per Mail an Marketingtante B, die ihn an Assistent C weitergibt, der ihn dann von Student D ins TYPO3 einfügen lässt. Wenn du diese Funktion nicht benötigst, kannst du sie ausblenden - für den täglichen Geschäftsbetrieb ist sie aber idR sinnvoll.

Ein ähnliches Verständnisproblem für den Button "HTML-Formatierung entfernen". Warum sollte man einen Text mit HTML-Formatierung in den RTE kopieren? Den Sinn der beiden letzen Buttons "html-Tags entfernen" und "Bilder entfernen" kann ich gar nicht nachvollziehen.

Wie bereits oben erwähnt, Sinn hinter diesen Dingen steht, brauchst du nicht hinterfragen - es gibt diese durchaus. z.B. stellt die Geschäftsleitung neue AGB ins Intranet und diese sollten in die Website (getrenntes System) kopiert werden. Bilder entfernen kann dann Sinnvoll sein, wenn du z.B. Texte aus Foren/Boards oder Instant Messengern kopierst und die Smilies entfernen willst.

Lösung: wenn du der einzige bist, der damit arbeitet: Weg mit dem Button. Wenn du das Zeug an Kunden verkaufst, lass es drin, man weiß nie was die vorhaben.

5.)
Die Überschrift der Seite (h2) wird automatisch aus der Seitenstruktur bezogen. Des weiteren enthält die Seite zwei Inhaltselemente. Das wären einmal "Bild mit Text" und einmal "Auszählungsliste".  Hier hört es dann leider schon auf mit meinem Überlegungen. Das Hauptproblem macht mir natürlich das Inhaltselement "Bild mit Text". Anscheinend muß ich ja css_styled_content entsprechend modifizieren, da solch eine Anordnung defaultmäßig nicht vorgesehen ist. Ich bin zwar ständig am überlegen wie ich das lösen könnte, finde aber leider keinen optimalen Weg. Das liegt wahrscheinlich auch daran, dass ich noch nicht so richtig verstanden hab wann css_styled_content überhaupt aufgerufen wird, und was es eigentlich genau macht.

Wie wäre das grundsätzliche Vorgehen um die Startseite zu bauen.

Das von dir beschriebene vorgehen ist so ansich in Ordnung - das mit dem Modifizieren von css_styled_content ist, wenn mans begriffen hat, nicht mehr wirklich schwierig. TypoScript ist ein gigantisches PHP-Array, nur ist die schreibweise etwas anders.

Du kannst also auf deiner Startseite sämtliche Angaben überschreiben, ohne den Rest deiner Präsenz zu beeinflussen.

Wurzelseite (id 1, shortcut auf 2, hat die allgemeine Formatierung/Template usw)
  Startseite (id 2, hat anderes TypoScript, anderes CSS)
  Seite 1
  Seite 2

1.)

Da mir nicht so 100% klar ist, wann css_styled_content aufgerufen wird, ob es nur für die Erzeugung der CSS-Formatierung zuständig ist, oder ob es auch den HTML-Quellcode generiert, weiß ich nicht so wirklich wonach ich in setup.txt suchen muß, damit ich die Stelle finde, die für die Formatierung von meinem Kontaktformular verantwortlich ist. Naja, vielleicht könnt ihr mir den Zusammenhang nochmals ein bißchen erläutern. Angenommen ich habe die Stelle in der setup.txt gefunden die für die Formatierung des Kontaktformulars verantwortlich ist. Im meinem root-Template muß ich dann wohl dafür sorgen, dass das Formular ordentlich formatiert wird?
die richtige Stelle zu finden, ist nicht so schwer: Schau dir den generierten Quelltext an und suche dann diesen Wrapper-String (ohne uid oder pid :])in der setup.txt

nicht so richtig verstanden hab wann css_styled_content überhaupt aufgerufen wird, und was es eigentlich genau macht.

Das TypoScript Syntax and In-depth Study - Dokument hat mir da geholfen, schau dir insbesondere What is TypoScript? an:
TypoScript is a syntax for defining information in a hierarchical structure using simple ASCII text content. [...] it just contains information.
[...]
In scope of its use you can also understand TypoScript as a non-strict way to enter information into a multidimensional array. In fact when TypoScript is parsed that means it is transformed into a PHP array![...]

Zu den anderen Themen kann ich dir nicht helfen, mit dem RTE-Editor habe ich mich noch nicht auseinandergesetzt, und auch aus der css-styled-content-setup-datei habe ich einfach einmal alle Marker einftfernt, die baue ich nach wenn ich sie brauche..

Noch ein paar Dinge zu den fünf Fragen die ich ursprünglich gestellt habe:

zu 1.)
Diese Frage hat sich erledigt. Das Kontaktformular setze ich jetzt mit mailformplus um. Das klappt wunderbar.

zu 2.)
Hier gibt es noch Probleme. Diesen Code habe ich in das TS-Config Feld meiner root-Seite eingetragen:

RTE.default {
contentCSS = fileadmin/css/main.css
   classesParagraph = paragraphList
   proc.classesParagraph < .classesParagraph
}

Problem 1:
Durch das Einfügen der Zeile „contentCSS = fileadmin/css/main.css“ wird das RTE-Element „Textstil“ grundsätzlich nurnoch ausgegraut dargestellt. Meine Vorstellung wäre allerdings folgende. Ich füge einen Absatz im RTE ein, anschließend habe ich die Möglichkeit über das RTE-Element „Textstil“ meinem Absatz die Klasse paragraphList zuzuweisen. Leider funktioniert das nicht so, da das RTE-Element „Textstil“ grundsätzlich ausgeraut ist. Eine Ahnung woran das liegen könnte?

Problem 2:
Um zu testen, ob meine selbst definierte Klasse paragraphList angezeigt wird hab ich einfach mal die Zeile „contentCSS = fileadmin/css/main.css“ enternt, die dafür verantwortlich ist, dass „Textstil“ nurnoch ausgeraut dargestellt wird. Nun hätte ich eigentlich erwartet, dass meine Klasse pargraphList zusätzlich zu „Detail“, „Name der Person“ und „Wichtig“ im RTE-Element Textstill angezeigt wird. Leider ist es aber so, das meine eigene Klasse nicht angezeigt wird.

Problem 3:
In meinem Fall würde ich ja gerne für eine Liste eine Klasse vergeben. Also hab ich mich in der TSConfig Quick Reference auf die Suche nach dem richtigen Namen gemacht. Leider finde ich nirgends etwas was ich für eine Liste nutzen könnte. Erwartet hätte ich z.B. classesUL damit ich folgendes schreiben könnte:

RTE.default {
contentCSS = fileadmin/css/main.css
   classesUL = paragraphList
   proc.classesUL < .classesUL
}

Weißt du was der richtige Name für Listen ist und wo ich diesen finden kann?

zu 3.)
Diese Frage hat sich, wie die erste, auch erledigt. Ich verwende jetzt h3 für Inhaltselemente. Zum einen deshalb, weil ich so z.B. verschiedene Abschnitte leichter umsortieren kann, weil alle Inhaltselemente eine eigene ID erhalten und somit als Anker einfach angesprungen werden können und zum andern weil es dann beispielsweise automatisiert möglich ist ein Inhaltsverzeichnis am Anfang der Seite zu erstellen.

zu 4.)
Diese Frage hat sich ebenfalls erledigt.

zu 5.)
Ohne Modifikation in der setup.txt meines extension-Templates der Startseite generiert Typo3 diesen Quellcode.

  
<div class="csc-textpic csc-textpic-left csc-textpic-above">  
  <div class="csc-textpic-imagewrap">  
    <dl class="csc-textpic-image csc-textpic-lastcol"  
        style="width:600px;">  
      <dt>  
        <img src="typo3temp/pics/2aa680c0ed.jpg"  
             width="600"  
             height="796"  
             alt="" />  
      </dt>  
      <dd class="csc-textpic-caption">  
        Bildunterschrift  
      </dd>  
    </dl>  
  </div>  
</div>  
<div class="csc-textpic-clear"><!-- -->  
</div>  

In das Setup-Element des extension-Templates der Startseite packe ich diesen TypoScript-Code:

tt_content.image.20.layout.2.value = ###IMAGES######TEXT###
tt_content.image.20.imageStdWrapNoWidth.wrap >
tt_content.image.20.rendering.dl.oneImageStdWrap.dataWrap >
tt_content.image.20.rendering.dl.imgTagStdWrap.wrap >
tt_content.image.20.rendering.dl.caption.wrap = <div id="imageText"><p>|</p></div>

Dadurch generiert mir Typo3 jetzt diesen  Quellcode:

  
<img src="typo3temp/pics/2aa680c0ed.jpg" width="600" height="796" alt="" />  
<div id="imageText">  
  <p>Bildunterschrift</p>  
</div>  

Das zugehörige CSS in meiner CSS-Datei sieht so aus:

#imageStartseite {
width: 125px;
height: 160px;
float: left;
padding: 30px 20px 30px 0px;
}

#imageText {
padding: 80px 0px 0px 0px;
}

#imageText p {
margin: 0px 0px 0px 0px;
}

Ich muss also eigentlich nur noch erreichen, dass <img> um die id id=“imageStartseite“ erweitert wird. Hier weiß ich leider nicht wie ich das hinbekommen kann. Hast du hier vielleicht einen Tipp?