Website construction
code of the "content.htm" fragment
<div id="imgBox">
<img id="img" src="" alt="" /><!-- src filled by javascript
-->
<div id="header"><!-- for index.php and noscript on other pages -->
Impressions of
<h1><span>Hiking in the
Vanoise</span></h1>
<h2>French Alps 2013</h2>
</div>
</div>
<div id="rest">
<div id="caption"></div><!-- filled by javascript
-->
<div id="action"> </div><!--
reservation area for action links in dynamic pages -->
<div id="start"><a href="./" title="to start of the series"
>start</a></div>
<div id="overzicht"><a href="all.php" title="to
summary"> all </a></div>
<div id="buttons"></div><!-- filled by javascript
-->
</div>
<noscript>
<p>Attention: Javascript is <strong>disabled</strong>, but
should be enabled.</p>
</noscript>
<script type="text/javascript" src="tech/van-script.js"></script>
</body>
</html>
- Note: if you go directly to the real content.htm fragment, the browser is
showing only plain text without any layout. That is caused by the code of this fragment: a "page" which has
no <head> and no link to a stylesheet.
- As soon as the php machine on the server has pasted this fragment in the rest of the page, the layout of
this fragment is as it belongs: everything o.k. for in the rest of the page the stylesheet is linked. And
the css is used for the fragment too.
- If you view the source code of the fragment page, you'll see just the code as above: all style hooks are present.