Weiß jetzt nicht was genau Du planst.
Aber es klingt als ob Du von dem rasp aus eine (offline)Website anzeigen willst.
Um den Inhalt von bestimmten Elementen zu ändern kannst du Javascript nutzen.
Kennst Du Dich denn damit aus?
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta charset="utf-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />
<meta name="robots" content="all" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<style type="text/css"><!--
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* * * * * * */
body{
background:gray;
color:#EAEAEA;
}
h1{
padding:10px;
font-size:50px;
text-align:center;
}
h2{
font-size:30px;
text-align:center;
}
#header{
width:100%;
background:blue;
}
#left{
display:inline-block;
float:left;
width:50%;
background:black;
}
#right{
display:inline-block;
width:50%;
background:red;
}
.content{
font-size:30px;
}
--></style>
<script type="text/javascript"><!--
window.onload = function(){
var loop = setInterval(function(){key=switchIt()},sec*1000);
}
var cont = [
'content 1 .... bla',
'content 2 .... bla',
'content 3 .... bla'
];
var el = 'right';
var sec = 1;
var key=0;
function switchIt(){
document.getElementById(el).innerHTML = cont[key];
key = (++key == cont.length)?0:key;
return key;
}
--></script>
</head>
<body>
<header id="header">
<h1>Überschrift</h1>
</header>
<section class="content" id="left">
<div id="left">
left
</div>
</section>
<section class="content" id="right">
<div id="right">
<!-- will be filled -->
</div>
</section>
</body>
</html>
Alles anzeigen