Seiten die das Layout der Website bestimmen

Bedienung, siehe AboutThisSite

Bei inexistenter Seite wird die Seite PageNotFound angezeigt.

So sieht dann das HTML einer fertig generierten Seite aus:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xml:lang="de" xmlns="http://www.w3.org/1999/xhtml">
   <head>
      HeadInclude: ( Description, Scripts ) 


<meta http-equiv="Content-Type" content="text/xhtml; charset=ISO-8859-15"/>
<meta http-equiv="Content-Language" content="de" />

<meta http-equiv="Content-Script-Type" content="text/javascript" /> 
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="keywords" content="Layout OfThis Site LayoutOfThisSite stephan sTv steve heuscher persönliche webseite" />
<meta name="description" content="Layout OfThis Site" /> 
<meta name="robots" content="index,follow" />
<meta name="robots" content="NOODP" />
<meta name="author" content="Stephan Heuscher" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> 
<meta name="google-site-verification" content="--Viu8crxobI7Lan9d9WKEEcCN4AGNuDU8tdeDknGKg" />
<!-- für yahoo <META name="y_key" content="080f447e4e8bbc4b" /> -->

<title>Layout OfThis Site - Heuscher.ch</title>


<link rel="dns-prefetch" href="//www.googletagmanager.com/" />
<link rel="dns-prefetch" href="//www.google-analytics.com/" />
<link rel="dns-prefetch" href="//ssl.google-analytics.com/" />
<link rel="dns-prefetch" href="//www.statcounter.com/" />
<link rel="dns-prefetch" href="//c.statcounter.com/" />
<link rel="dns-prefetch" href="//stats.g.doubleclick.net/" />
<link rel="dns-prefetch" href="//www.madameve.co.za/" />
<link rel="icon" href="data:," />

<link rel="prerender" href="Sudoku" />
<link rel="search" title="Suche" href="https://www.google.ch/search?client=pub-5567609971256551&amp;cof=S%3Ahttp%3A%2F%2Fheuscher.ch%3B&amp;domains=heuscher.ch&amp;q=&amp;btnG=Suche&amp;sitesearch=heuscher.ch&amp;meta=" />
<link rel="top" href="http://heuscher.ch/" />
<link rel="up" href="." />
<link rel="first" href="." />
<link rel="last" href="AlleTagebuecher" />


<style type="text/css">
html, body, container {margin:0; padding:0; height: 100%;}
html {background:#fff; overflow-y:scroll;} 
body {text-align:justify; font-size:115%; line-height:135%; color:#111; word-wrap:break-word; font-family:Helvetica, Arial, sans-serif;}
#header {margin:0; background-repeat:repeat-x;
background-image:url(/~twiki/Main/Heuscher/Steve/Public/AttachMent/orange-verlauf-31x1.png); 
background-image:-moz-linear-gradient(top, #FC3 0, #FFF 100%);
background-image:-webkit-linear-gradient(top, #FC3 0, #FFF 100%);
background-image:-ms-linear-gradient(top, #FC3 0, #FFF 100%);
background-image:-o-linear-gradient(top, #FC3 0, #FFF 100%);

} 
#container {
 position:relative; 
 margin:0 auto; 
 height:auto !important; 
 height:100%; 
 min-height:100%; 
}
#menu, #content {padding-left:1em; padding-right:1em; margin:auto; max-width:45em;}
#menu {padding-top:0.4em; margin:0em auto; background-color:rgba(255,255,255,0.4);}
#content {margin-top:0.7em;  padding-bottom:1.5em;  -moz-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; -o-hyphens:auto; hyphens:auto;}
#mainmenulist {width:100.5%; border:0; padding:0; border-width:0; border-spacing:0; border-collapse:collapse; font-size:97%; margin-left:-0.2em;}
#lastinfo {font-size:smaller; text-align:center;
 position:absolute; width:100%; bottom:0;
 background-image:-moz-linear-gradient(bottom, #FC3 0, #FFF 100%);
 background-image:-webkit-linear-gradient(bottom, #FC3 0, #FFF 100%);
 background-image:-ms-linear-gradient(bottom, #FC3 0, #FFF 100%);
 background-image:-o-linear-gradient(bottom, #FC3 0, #FFF 100%);
 
}
.main_menu {padding-bottom:0.05em; margin-top:1.2em; margin-bottom:0; text-transform: uppercase;} 
.main_menu a, .main_menu a:visited {color:#111; text-decoration:none;} 
.menulist {list-style-type:none; margin:0; padding:0; padding-bottom:0.4em; }
.menulist li {display:inline;}
.menudata, td.WebHome {padding-top:0.3em; padding-bottom:0; margin:0; overflow:hidden; border:0;}
.menulink {overflow:auto;}
.menulink, #WebHome {padding:0.3em 0.06em 0.4em 0.06em;}
.WebHome { display:table-cell;}
.title {display:inline;}
.menudata {display:inline-block;}
.menuhint {float:right; color:#111; position:relative; padding-left:1em}
.menuhint:after{ content: ""; position: absolute; top: 0.25em; left: 0; width: 1em; height: 0.225em; border-top: 0.6em double #111; border-bottom: 0.2em solid #111;}
.dropdownContent {border:medium solid #FC3; padding-left: 0.2em; padding-right: 0.2em; display:block; vertical-align:middle; position: absolute; background-color:white; margin-right:1em; text-align:left; z-index:999;}
#menu .menuhint, #menu:hover .dropdownContent, #menu:active .dropdownContent, #menu:focus .dropdownContent {visibility:visible; opacity:1; transition-delay:0s;}
.dropdownContent, #menu:hover .menuhint, #menu:active .menuhint, #menu:focus .menuhint {visibility:hidden; opacity:0; transition:visibility 0s ease-out 0.5s,opacity 0.5s ease-out; }
input[type="text"] {overflow:hidden; max-width:85%; width:auto;}
#search input {font-size:97%; overflow:visible; background-color:transparent; border:0; padding:0; margin:0;}
form {display:inline;}
h1 {font-size:200%;}
h2 {font-size:175%;}
h3 {font-size:150%;}
h1, h2, h3, h4, h5, h6 {line-height:115%; margin-bottom:0.4em; margin-top:0; font-weight:normal;}
h2.longPage {padding-bottom:0.1em; border-bottom:1px solid #aaa;}
h4, h5, h6 {margin-bottom:0; font-style:italic;}
ul, li {margin-top:0;}
td {text-align:left; vertical-align:top; padding:0.35em;}
a {color:#02D; text-decoration:none; background-color:transparent;}
a:hover, a:active {background-color:#e8ebff;}
#WebHome {background-color:transparent; text-decoration:none; text-transform:uppercase;}
#WebHome:hover {background-color:#e8ebff;}

a:visited img.thumbnail_160x160 {color:#fff;}
img.thumbnail_160x160 {margin:0.3em; width:160px; height:160px;}
dt {font-style:italic;}
dt:after {content:":"}
.dontShowIfTopicLayoutOfThisSite, .nodisplay, .newTopic, .screenreader {display:none; visibility:hidden; color:#fff;}
.google_skyscraper {float:right; display:inline; background:#FFF; margin-left:1em; margin-right:0; border:0 solid #ccc;}
.onlyprint {display:none;}
@media print {
 #header {background-image:none}
 #lastinfo {background-image:none}
 body {margin:0; max-width:none;}
 .noprint, #menu {display:none;}
 #content {top:0; line-height:125%; font-size:85%; padding:0; margin:0;}
 .sudoku {visibility:hidden;}
 .onlyprint {display:initial;};
}
@media braille, embossed {
 .screenreader {display:inline;}
}
@media (max-width:30em) {
 .google_skyscraper {display:none;}
}

@media only screen and (max-device-width:750px) {
 body {text-align:left;}
 #menu, #content {padding:0 0.5em; max-width:43em;}
 #content {padding-bottom:2.5em; -moz-hyphens:none; -webkit-hyphens:none; -ms-hyphens:none; -o-hyphens:none; hyphens:none;}
 .menulist {margin:0 0.2em;}
 #mainmenulist {margin-left:-0.52em; width:103.7%;}
 input, button, select, option, textarea {font-size: 70%;}
 #cvtext {white-space: inherit;}
}

</style> 
<script type="text/javascript">//<!--
var noPaintInfluenceDelay = 500;
function redirect(newURL) 
{
  window.location.replace ? window.location.replace(newURL) : window.location(newURL);
}

lt=unescape('%3C');
gt=unescape('%3E');
clientWidth = 0;
if (document.documentElement && document.documentElement.clientWidth) {
  clientWidth= document.documentElement.clientWidth;
}
function writeGoogleAd(dataAdSlot, width, height)
{ 
  if (clientWidth <= width || (width < height && width > clientWidth/5)) {
    return;
  }
  document.write(lt + 'ins class="adsbygoogle" style="display:inline-block;width:' + width+ 'px;height:' + height + 'px" data-ad-client="ca-pub-5567609971256551" data-ad-slot="' + dataAdSlot + '"'+ gt + lt + '/ins' + gt);
  (adsbygoogle = window.adsbygoogle || []).push({
  });
}

function isSmallScreen() {return clientWidth <= 750;} 


function createLinkInHead(relation, href) 
{
  var link = document.createElement('link'); link.rel = relation; link.href = href;
  var l = document.getElementsByTagName('link')[0]; 
  l.parentNode.insertBefore(link, l);
}
function isMenuLinkInternal(link)
{
  if (link.className) { return link.className.indexOf("menulink") >= 0 && link.className.indexOf("external") < 0; }
  return false;
}
function createPrevAndNextLinkInHead() 
{
  var title = document.getElementsByTagName('title')[0].innerHTML;
  if (title.indexOf("Web Home ") == 0)
  {
    createLinkInHead("next", "Sudoku");
    createLinkInHead("prev", "AlleTagebuecher");
    return;
  }
  var prev, determineNext, defaultPrev = defaultNext = ".";
  for (var i = 0; i < document.links.length; i++)
  {
    var test = document.links[i];
    if (test && isMenuLinkInternal(test)) 
    {
      if (determineNext)
      {
        createLinkInHead("next", test.href);
        return;
      }
      if (location.href.indexOf(test.href)>=0)
      {
        if (prev) { createLinkInHead("prev", prev.href); }
        else { createLinkInHead("prev", defaultPrev); }
        determineNext=true;
      }
      prev = test;
    }
  }
  if (!prev) {createLinkInHead("prev", defaultPrev); };
  createLinkInHead("next", defaultNext);
}

document.addEventListener("DOMContentLoaded", function(event) {
    setTimeout(function(){createPrevAndNextLinkInHead()}, noPaintInfluenceDelay);
});

function loadJSwithDelay(jsURL, delay) {
  setTimeout(function(){loadJSDirect(jsURL)}, delay);
}

function loadJSDirect(jsURL) {
  var js = document.createElement('script'); js.type = 'text/javascript'; js.async = true; js.src = jsURL;
  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(js, s);
}

function loadJSAfterLoadComlete(jsURL, delay) {
   document.addEventListener("readystatechange", function(event) {
      if (document.readyState == "complete") {
         loadJSwithDelay(jsURL, delay);
      }
   });
}
//-->
</script>
   </head>
   <body>
      HeaderInclude: ( "Logo" ) 
<div id="container">
<div id="header">
<div class="screenreader"><a href="#contentlink">Zum Inhalt</a> <a id="menulink">&nbsp;</a></div>
<div id="menu">
<ul class="menulist">
<li><span class="main_menu"><a title="Home" id="WebHome" href="." accesskey="H"><span style="font-size:200%;font-weight:normal;">H</span>euscher.ch</a><span class="title">&nbsp;<sup>&#x1F31E;</sup><span class="dontShowIfTopicWebHome">&nbsp;&ndash;&nbsp;&nbsp;<a style="color:#111;display:inline;" class="menulink" href="LayoutOfThisSite">Layout OfThis Site <span id="me"></span></a></span><a class="menuhint" href="#"> </a></span></span>
<div class="dropdownContent">
<ul class="menulist menudata first Sudoku RechnenUeben">
<li><a class="menulink" href="SternenwocheCorona" title="Sammlung Sternenwoche 2020">Sternenwoche</a></li>
<li><a class="menulink" href="Sudoku" title="Hilfe Lösung Sudoku">Sudoku</a></li>
<!--li><a class="menulink" href="RechnenUeben" title="Einfache Grundrechen-Arten üben auf Zeit">Rechnen</a></li-->
<li>&ndash;</li></ul>
<ul class="menudata middle SPUCHO WelcheKamera NikonD700 NikonD3100 NikonV1 NikonJ1 menulist">
<li><a class="menulink" href="NikonD700" title="Erfahrungen Nikon D700">D700</a></li>
<li><a class="menulink" href="NikonD3100" title="Erfahrungen Nikon D3100">D3100</a></li>
<li><a class="menulink" href="NikonV1" title="Erfahrungen Nikon 1 V1">V1</a></li>
<li><a class="menulink" href="WelcheKamera" title="Entscheidungshilfe Einstieg digitale Spiegelreflex-Photographie">Welche?</a></li>
<li><a class="menulink" href="Organisation-Digitale-Photos-SPUCHO" title="Organisation digitaler Photos">SPUCHO</a></li>
<li>&ndash;</li></ul>
<ul class="menudata last Thesis2010 SteveLinks AboutThisSite CurriculumVitae AlleTagebuecher menulist">
<li><a class="menulink" href="CurriculumVitae" title="Lebenslauf, Curriculum Vitae">CV</a></li>
<li><a class="menulink" href="Thesis2010" title="Dissertation (Englisch) zur Digitalen Langzeitarchivierung">Diss</a></li>
<li><a class="menulink" href="AboutThisSite" title="Informationen Bedienung der Site" accesskey="D">Site</a></li>
<li><a class="menulink" href="SteveLinks" title="Link-Sammlung" accesskey="L">Links</a></li>
<li><a class="menulink" href="AlleTagebuecher" title="Ferien und Erlebnisse in bebilderten Tagebücher">Tagebücher</a></li>
<li id="search"><a class="menulink external" href="http://www.google.ch/search?client=pub-5567609971256551&amp;cof=S%3Ahttp%3A%2F%2Fheuscher.ch%3B&amp;domains=heuscher.ch&amp;q=&amp;btnG=Suche&amp;sitesearch=heuscher.ch&amp;meta=" title="Google Suche für Heuscher.ch">Suche</a></li></ul>
</div></li></ul>
</div>
</div>
<div id="content" lang="de">
<a id="contentlink" class="screenreader"> </a>
<!-- google_ad_section_start -->
         Text
      FooterInclude: ( Search, Feedback link ) 
<!-- google_ad_section_end -->
</div><div id="lastinfo" class="noprint">
Wie würden Sie <a href="http://Heuscher.ch/LayoutOfThisSite">diese Seite</a> verbessern? <a href="mailto:sTv@heuscher.ch?subject=Feedback zu heuscher.ch/LayoutOfThisSite (Version: 19 Mar 2014)" title="Feedback">Teilen Sie Ihre Ideen!</a>
</div>

<div class="screenreader"><a href="#menulink">Zum Menu</a></div>
<div style="display:none" class="nodisplay">
<!-- Start of StatCounter Code -->
<script type="text/javascript">//<!--
var editLink = "https://www.devzone.ch" + "/~twiki/cgi-bin/edit/Main/Heuscher/Steve/Public/LayoutOfThisSite";
document.onkeypress = function(evt) {
    evt = evt || window.event;
    var charCode = evt.keyCode || evt.which;
    if(charCode == 163) {window.location.href = editLink}; 
};
document.write("<a accesskey='E' href='" + editLink + "'" + gt + " </a>" );

if ("adsbygoogle" in window){
  loadJSAfterLoadComlete('//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js', 2000); 
}


var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-77518-1']);
_gaq.push(['_setSiteSpeedSampleRate', 100]);
_gaq.push(['_trackPageview']);
loadJSAfterLoadComlete(('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js', 0);


window.dataLayer = window.dataLayer || [];
function gtag(){window.dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-FF9CD49GJB');
loadJSAfterLoadComlete(('https:' == document.location.protocol ? 'https://' : 'http://') + 'www.googletagmanager.com/gtag/js?id=G-FF9CD49GJB', 0);



var sc_project=4292967;
var sc_invisible=1;
var sc_partition=54;
var sc_click_stat=1;
var sc_security="3a70727c";
loadJSAfterLoadComlete(('https:' == document.location.protocol ? 'https://' : 'http://') + 'www.statcounter.com/counter/counter_xhtml.js', 0);
--&gt;
</script><noscript><div class="statcounter"><a title="website statistics" class="statcounter" href="http://www.statcounter.com/"><img class="statcounter" src="http://c.statcounter.com/4292967/0/3a70727c/1/" alt="website statistics" /></a></div></noscript>
<!-- End of StatCounter<a class="newTopic" href="/~twiki/cgi-bin/edit/Main/Heuscher/Steve/Public/StatCounter">.</a> Code -->
</div>
</div>
   </body>
<html>
Wie würden Sie diese Seite verbessern? Teilen Sie Ihre Ideen!
Zum Menu