Typo3 - HTML-Templates: Unterschied zwischen den Versionen

Aus Wikizone
Wechseln zu: Navigation, Suche
(Typo3 - Templates mit HTML-Vorlage erstellen)
 
Zeile 15: Zeile 15:
 
       -bildchen.jpg
 
       -bildchen.jpg
  
HTML-Datei:
+
HTML-Datei (nur mit submarkern):
 
<pre>
 
<pre>
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Version vom 8. Februar 2006, 14:44 Uhr

Vorgehen:

  • Eine HTML Datei als Vorlage erstellen und dann mit Markern bzw. Subbereichen versehen, die nachher mit Inhalten aus der Datenbank gefüllt werden können. Man kann auch alles im TS erstellen. In der Zusammenarbeit mit einem Grafiker ist aber die HTML-Vorlage sehr praktisch.
  • Zugehörige CSS-Datei erstellen wenn gewünscht. Es ist auch möglich aus dem TypoScript heraus automatisch eine CSS - Datei erstellen zu lassen.

Das ganze kommt dann am besten in den fileadmin Ordner.

Beispiel Ordnerstruktur:

fileadmin
 -template
   -main.html (die HTML Vorlage)
   -css
     -main.css
   -images
     -bildchen.jpg

HTML-Datei (nur mit submarkern):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>altes rathaus bretten | cafe | restaurant | bar | live music</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!--###DOCUMENT_BODY### start -->
<div align="center">
   <div id="container">
      <div id="logo">
         <div id="header_bild"></div>
      </div>
      <div id="navi">
         <!--###NAVI### start-->
            navi
         <!--###NAVI### stop-->
      </div>
      <div id="content_inhalt">
         <!--###CONTENT### start-->
         content
         <!--###CONTENT### stop-->
         <!--###CONTENT_RIGHT### start-->
         content right
         <!--###CONTENT_RIGHT### stop-->
      </div>
      <div id="impressum"></div>
   </div>
</div>
<!--###DOCUMENT_BODY### stop -->
</body>
</html>