looking for advice - first, small, "easy" html5/css3 website

If this was made completely by hand (- the menu), then you did a really good job for a first website.

A quick solution to your header problem is a PHP include. Create a file called header.php in your project folder. Now put the top part of your file (the header) inside the php file like this:

<?php
echo '<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="author" content="Matthias Busch">
<meta name="generator" content="Notepad++">

<link rel="stylesheet" type="text/css" href="/css/reset.css">
<link rel="stylesheet" type="text/css" href="/css/menu.css">
<link rel="stylesheet" type="text/css" href="/css/site.css">

<link href="http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css">

<title>fam-busch.net</title>
</head>


<body>

<!--BEGIN HEADER-->
<header>
<img src="/img/rainbow_banner.jpg" alt="Rainbow">
</header>
<!--END HEADER-->

<!--BEGIN NAV-->
<nav>
    <ul>
        <li><hr class="l_home"><a href="/index.html">Home</a></li>
        <li><hr class="l_news"><a href="/public/news.html">Aktuelles</a></li>
        <li><hr class="l_projekte"><a href="/private/projekte.html">&nbsp;Projekte&nbsp;&nbsp;</a></li>
        <li><hr class="l_dienste"><a href="/private/dienste.html">Dienste <span class="caret"></span></a>
            <div>
                <ul>
                    <li><hr class="l_dienste"><a href="/private/index.html">Login</a></li>
                    <li><hr class="l_dienste"><a href="/admin/index.html">Admin-Login</a></li>
                </ul>
            </div>
        </li>
        <li><hr class="l_anleitungen"><a href="/private/anleitungen.html">&nbsp;Anleitungen&nbsp;&nbsp;</a></li>        
        <li><hr class="l_downloads"><a href="/private/downloads.html">Downloads & Links</a></li>
        <li><hr class="l_kontakt"><a href="/public/kontakt.html">Kontakt&nbsp;</a></li>
        <li><hr class="l_impressum"><a href="/public/impressum.html">Impressum</a></li>
    </ul>
</nav>';
?>     

What this does it it simply echo's (outputs) that html whenever you include the file. Now all your other files can look like this:

<?php include('header.php'); ?>
<!--BEGIN MAIN-->
<section id="main">
<h1>fam-busch.net</h1>
<hr class="l_home">
<article>
<h2>Willkommen auf der Webseite der Familie Busch.</h2>
<p>Hier stelle ich meiner Familie und einigen Freunden einige Dienste wie E-Mail zur Verfügung. Diese Webseite dient dazu, die Handhabung der Dienste zu vereinfachen sowie Anleitungen für deren Bedienung bereitzustellen.</p>
</article>

<article>
<h2>Angebotene Inhalte</h2>
<p>Im öffentlichen Bereich gibt es (noch) keine Inhalte. Lediglich aktuelle Meldungen und das Kontakt-Formular ist öffentlich erreichbar.<br/>
Für alle weiteren Inhalte ist ein Login erforderlich, den Ihr von mir erhalten habt oder persönlich erfragen könnt.<br/>
</p>
</article>
<article>
<h2>Technischer Hinweis</h2>
<p>Die Webseite ist ausschließlich mit HTML5 und CSS3 geschrieben und wurde für Firefox entwickelt.<br/>
Mit mobilen Geräten wird Chrome und Desktop Modus empfohlen.<br/>
Andere Browser wurden nicht getestet.<br/>
Optimale Darstellung mit einer Auflösung von mindestens 1024x768.</p>
<br/>
<p>
<a target="_blank" href="http://jigsaw.w3.org/css-validator/validator?uri=fam-busch.net&profile=css3&usermedium=all&warning=1&vextwarning=">
    <img style="border:0;width:88px;height:31px"
        src="/img/css-blue.png"
        alt="Valid CSS!" />
    </a>
&nbsp;
<a target="_blank" href="http://validator.w3.org/check?uri=https%3A%2F%2Ffam-busch.net%2F&charset=%28detect+automatically%29&doctype=HTML5&group=0&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices">
    <img style="border:0;width:88px;height:31px"
        src="/img/html5-blue.png"
        alt="Valid HTML5!" />
    </a>
</p>
</article>
</section>

This will give you the exact same website, but with one header file. The same can be done with your footer.

<?php include('header.php); ?>
<section class='main'>
<article>
<p>bla bla</p>
</article>
</section>
<?php include('footer.php); ?>

You have to rename all your files to .php instead of .html for the includes to work btw.

/r/web_design Thread