Question

I’m designing a website for a law office. Each page will have the same basic layout as you see here: The same title bar, the same menu bar on the left, and the same footer. The only thing that will change from page to page is the content section.

My first approach would be to duplicate the code for these common elements for each content page. Then, in the future, if things need to be changed on those bars (certainly going to happen), I would have to go into each and every sub page to make the changes.

This makes the programmer in me shudder. I have to imagine there is a way do to this without using a crazy html-programming suite. (I’m using notepad++ right now to code). Is there a way to write the html code for the menu bar in one place and then “source” it in, like I do with the javascript and css code?

I know something like this can be done with frames, but I don’t want to go that route.

Answer 1

If you can use some PHP, it will make your life easier. Just a look on inlude() function, this is really what you are looking for.

You’ll have a file for footer, one for header, one for the menu, and then, in you page, you can just use :

<?php include('header.php'); ?>

<?php include('menu.php'); ?>

<!-- Your content somewhere here -->

<?php include('footer.php'); ?>