Dynamische Seiteninhalte
Der Rabe
- design/layout
0 Der Rabe
Oder einfacher gefragt.
Kann man eine HTML Site auch außerhalb von Zope in der Form Zusammenbasteln?
Danke, der Rabe
Irgendwie ist dies verloren gegangen. Also noch einmal.
Hallo Gemeinde,
Ich habe heute ein Problem welches sich mit der Umsetzung eines Zope Projektes auf eine CSS PHP HTML Basis befasst.
In Zope konnte ich aus verschiedenen Fragmenten eine Seite dynamisch zusammen posten.
So sieht das in Zope aus.
Beispiel:
Index.html
<!--Definitionsdatei der Navigation ein-->
<dtml-var navi>
<!--Navigation ende-->
<!--Inhalt ist variabel und definiert die Seite ein-->
<dtml-var f_index>
<!-- ende inhalt-->
<!--Definitionsdatei der Navigation Fußzeile ein-->
<dtml-var navi_f>
<!--Navigation Fußzeileende-->
Hier das Problem:
Wie erreiche ich diese Funktionalität unter HTML?
Der Bereich in der Mitte definiert die Seite.
ich möchte halt ohne Frames das Menü nur einmal pflegen können
Anhang:
Dateien:
Datei "navi"
<p>
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="keywords"
content="homepage,dokument,webpage,page,web,netz,homepage dokument webpage page web net">
<meta name="description"
content="XXXX Tool, etc." >
<title>XXX
</title>
<script>
<!--
function BlurLinks(){
lnks=document.getElementsByTagName('a');
for(i=0;i<lnks.length;i++){
lnks[i].onfocus=new Function("if(this.blur)this.blur()");
}
}
onload=BlurLinks;
-->
</script>
<link rel="stylesheet" href="cgi-bin/format.css" type="text/css">
</head>
<body topmargin="0" marginheight="0" leftmargin="10" marginwidth="10" >
<table bgcolor="#ffffff" cellspacing="0" cellpadding="0" border="0" width="100%"style="border:0px solid #5394C8;" >
<tr>
<td width="100%" >
<table cellspacing="1" cellpadding="0" border="0" width="100%" bgcolor="#ffffff" >
<tr>
<td align="right" colspan="4" width="100%" class="leisteob" >
<table cellspacing="0" cellpadding="0" border="0" id="menu2" >
<tr>
<td><a href="contents.html"> Contents </a></td>
<td><a href="impressum.html"> Impressum </a></td>
<td><a href="contact.html"> Contact </a></td>
<td><a href="index.html"> Home </a></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="3" width="100%" >
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<!-- logo-->
<td background="images/metall.gif" align="center" width="100%" class="logo"><span style="letter-spacing:4px;font-style:italic;color:#FFFFFF;font-size:16pt">+++ Development +++ XXXXX +++ NEW +++</span></td>
<!-- logo ende-->
</tr>
</table>
</td>
</tr>
<tr>
<td class="rand"><img src="images/space.gif" width="30" height="1" border="0" alt=""></td>
<td valign="top" width="191" class="nav" >
<table width="191" border="0" cellpadding="0" cellspacing="0" id="menu" align="center" >
<tr>
<td class="titel">NAVIGATION</td>
</tr>
<tr>
<td class="rubrik">TASK DEFINITION</td>
</tr>
<tr>
<td ><a href="assignments.html">ASSIGNMENTS</a></td>
</tr>
<tr>
<td><a href="plantask.html" >TASK PLANNING</a></td>
</tr>
<tr>
<td><a href="default.html" >....</a></td>
</tr>
<tr>
<td><a href="help.html" >HELP</a></td>
</tr>
<tr>
<td><a href="default.html" >.....</a></td>
</tr>
<tr>
<td><a href="default.html" >...</a></td>
</tr>
<tr>
<td><a href="default.html" >...</a></td>
</tr>
<tr>
<td><a href="javascript:window.close()">CLOSE</a></td>
</tr>
</table>
</td>
<td valign="top" width="100%" height="680" class="main" >
</p>
Datei Navi_f
<p>
<tr>
<td colspan="2" align="center" class="leisteun" valign="top" style="font-size:7pt;color:white" >www.xxx.com</td><td align="center" class="leisteun" valign="top" style="font-size:7pt;color:white" >XXXX; Tel: +49 (0)40 XXXXXXX</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
</p>
format.css
/* schriftstil,abstände */
body
{margin-top: 10px; margin-left: 10px; margin-right: 10px;margin-bottom: 10px; color: #000000; background-color:#ffffff; font-family: verdana,arial; font-size: 10pt;}
table,tr,td
{ color: #000000 ;font-family: verdana,arial; font-size: 10pt}
/* scrolleiste internet explorer ab vers.5.5 */
body
{scrollbar-arrow-color: #5394C8; scrollbar-base-color:#ffffff ;
scrollbar-highlight-color : #808080;; scrollbar-shadow-color :#e6e6e6;
SCROLLBAR-TRACK-COLOR: #ffffff;}
/* grundlayout*/
.leiste {background-color:#540405; color:white; text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;
line-height:10px;
height:20px;
}
.rand {background-color:#FFFFFF;
}
.leisteob {background-color:#5394C8; color:white; text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;
line-height:20px;
height:20px;
}
.leisteun {background-color:#0970A2; color:white; text-decoration:none ;font-family:verdana, sans-serif;
line-height:20px;
height:20px;
}
.main {background-color:#FFFFFF;}
.nav {background-color:#d17a08; color:black; text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;
}
.logo {background-color:#0970A2; color:#ffffff; text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;
height:78px;
}
/* rubriktitel */
.titel{background-color:#d17a08; color:#ffffff;
text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;
width:280px;
border-bottom:solid 1px #eaeaea;
line-height:20px;
height:20px;
padding-left:5px;
}
.rubrik{background-color:#5394C8; color:#ffffff; text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;width:192px;
border-bottom:solid 1px #eaeaea;
line-height:20px;
height:20px;
padding-left:5px;
}
.inhalt {background-color:#FFFFFF;
padding:20px;
}
/* menue linke seite */
#menu a {display: block;
background-color:#0970A2;
color:#7EAED6;text-decoration:none;font-family:verdana, sans-serif; font-size: 10pt;
border-bottom:solid 1px #e6e6e6;
line-height:20px;
height:20px;
width:192px;
padding-left:5px;
}
#menu a:visited{
background-color:#0970A2;
color:#7EAED6;text-decoration:none;font-family:verdana, sans-serif; font-size: 10pt;
border-bottom:solid 1px #e6e6e6;
line-height:20px;
height:20px;
width:192px;
padding-left:5px;
}
#menu a:active{
background-color:#0970A2;
color:#7EAED6;text-decoration:none;font-family:verdana, sans-serif; font-size: 10pt;
border-bottom:solid 1px #e6e6e6;
line-height:20px;
height:20px;
width:192px;
padding-left:5px;
}
#menu a:hover {
background-color:#7EAED6;
color:#ffffff;
text-decoration:none;font-family:verdana, sans-serif; font-size: 10pt;
border-bottom:solid 1px #e6e6e6;
line-height:20px;
height:20px;
width:192px;
padding-left:5px;
}
/* menue oben */
#menu2 a {display: block;
background-color:#7EAED6;
color:#ffffff;text-decoration:none;font-family:verdana, sans-serif; font-size: 10pt;
line-height:20px;
height:20px;
border-left:solid 1px white;
width:100px;
text-align:center;
}
#menu2 a:visited{
background-color:#7EAED6;
color:#ffffff;text-decoration:none;font-family:verdana, sans-serif; font-size: 10pt;
line-height:20px;
height:20px;
border-left:solid 1px white;
width:100px;
text-align:center;
}
#menu2 a:active{
background-color:#7EAED6;
color:#ffffff;text-decoration:none;font-family:verdana, sans-serif; font-size: 10pt;
line-height:20px;
height:20px;
border-left:solid 1px white;
width:100px;
text-align:center;
}
#menu2 a:hover {
background-color:#5394C8;
color:#ffffff;text-decoration:none;font-family:verdana, sans-serif; font-size: 10pt;
line-height:20px;
height:20px;
border-left:solid 1px white;
width:100px;
text-align:center;
}
/* allgemeine links im text */
a:link{ color: #000000; text-decoration:underline;font-family: verdana; font-size: 10pt;}
a:visited{color:#000000;text-decoration:underline;font-family: verdana; font-size: 10pt;}
a:active{ color:#000000;text-decoration:underline;font-family: verdana; font-size: 10pt; }
a:hover{ background-color:#0970A2;
color:#7EAED6; text-decoration:underline;font-family: verdana; font-size: 10pt; }
Danke für eine Info
Der Rabe
Hallo!
Du willst Teile deines Quelltextes auslagern? Das geht mit jeder serverseitigen Programmiersprache oder SSI. Nur mit HTML geht das nicht.
ciao, ww
Wie sieht das mit PHP aus?
Hast du eine Ahnung?
Grüße und Danke
Der RAbe
Hallo!
Wie sieht das mit PHP aus?
Hast du eine Ahnung?
Das kannst du entweder mit readfile
oder mit include
umsetzen. Am besten, du liest dir die entsprechenden Stellen auf http://php.net durch. Noch besser wäre ein ganzes Tutorial ;-)
ciao, ww