Usually you make a template of your site containg a fixed part and a 'variable' part. It contains, let's say for example, (1) the html headers, (2) the js and css includes, (3) the fixed header, (4) the fixed menu, (5) the fixed side bars and (6) the start of the variable part usually with a <div> construction.
Sometimes there is also a bottom template for date, copyright, etc. Each page of the site starts loading the template and fills the variable part dynamically. E.g.
-
<?php
-
// This template contains alls the start HTML, the CSS, the JS, and all the other fixed parts.
-
require_once('top_template.php');
-
?>
-
// Here is the variable part within <div> ... </div>
-
// Switching to HTML but can also be done using e.g. PHP
-
<div class="xxxx"> where the xxxx class is defined in the previously loaded CSS definitions
-
..................................
-
.... your variable part (code, images, html, ...)
-
....................................
-
</div>
-
<?php
-
// This template can contain some bottom line fixed parts, date, copyright, etc.
-
require_once('bottom_template.php');
-
?>
-
I am sorry to say that I don't know where to find tutorials on this topic. I have been using this construction for so long that I don't know how I learned it. Probably by trial and error.
Ronald :cool: