Seite erstellt von www.web-beckum.de - Letzte Änderung: 08.10.2006 17:47:38
Auch an dieser Stelle in unserem html-Grundkurs nutzen wir die Tatsache das schon alle Dateien aus dem vorigen Projekt existieren.
Wir öffnen eine Datei die wir im vorigen Kapitel erstellt haben. Diese Dateien hatten wir ja in unser Arbeitsverzeichnis kopiert.
Hier habe ich einmal die Datei inhalt.html (unsere ehemalige index.html) geöffnet.
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Die Wollmaus</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="Alles über das Leben der Wollmaus."/>
<meta name="author" content="Dein Name" />
<meta name="keywords" content="Wollmaus, Staub, Hausstaub, Staubsauger"/>
<meta name="robots" content="index, follow"/>
<link rel="stylesheet" type="text/css" href="css/stylesheet.css" />
</head>
<body>
<div class="logo">
<img src="wollmaus.jpg" width="621" height="92" alt="Logo Die Wollmaus" />
</div><!-- Ende class=Logo -->
<div class="navi">
<a href="index.html">Home</a>
<a href="entstehung.html">Entstehung</a>
<a href="lebensraum.html">Lebensraum</a>
<a href="feinde.html">Feinde</a>
<a href="bilder.html">Bilder</a>
<a href="impressum.html">Impressum</a>
<a href="mailto:name@provider.de">name@provider.de</a>
</div><!-- Ende class=navi -->
<div class="inhalt">
<h1>Die Wollmaus</h1>
<p>Auf diesen Webseiten finden sie alles Wissenswerte über die Wollmaus.<br />
Die Wollmaus hält sich üblicherweise in dunklen Ecken auf, so dass es nicht einfach ist, sie zu erforschen.</p>
<p>Wir haben hier versucht etwas über die Entstehung und das Sein der Wollmaus,
aber auch etwas über die natürlichen Feinde zusammenzutragen.</p>
<p>Viel Spaß dabei.</p>
</div><!-- Ende class=inhalt -->
<div class="fuss">
<script src="javascript/fuss.js" type="text/javascript"></script>
<noscript><a href="impressum.html"> Impressum</a></noscript>
</div><!-- Ende class=fuss -->
</body>
</html>
Die fettgeschriebenen Teile löschen wir aus der Datei, so dass unsere inhalt.html dann so aussieht.
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Die Wollmaus</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="Alles über das Leben der Wollmaus."/>
<meta name="author" content="Dein Name" />
<meta name="keywords" content="Wollmaus, Staub, Hausstaub, Staubsauger"/>
<meta name="robots" content="index, follow"/>
<link rel="stylesheet" type="text/css" href="css/stylesheet.css" />
</head>
<body>
<div class="inhalt">
<h1>Die Wollmaus</h1>
<p>Auf diesen Webseiten finden sie alles Wissenswerte über die Wollmaus.<br />
Die Wollmaus hält sich üblicherweise in dunklen Ecken auf, so dass es nicht einfach ist, sie zu erforschen.</p>
<p>Wir haben hier versucht etwas über die Entstehung und das Sein der Wollmaus,
aber auch etwas über die natürlichen Feinde zusammenzutragen.</p>
<p>Viel Spaß dabei.</p>
</div><!-- Ende class=inhalt -->
<div class="fuss">
<script src="javascript/fuss.js" type="text/javascript"></script>
<noscript><a href="impressum.html"> Impressum</a></noscript>
</div><!-- Ende class=fuss -->
</body>
</html>
Auf den anderen Seiten des Projekts (bilder.html, entstehung.html, feinde.html, impressum.html und lebensraum.html)löschen wir den gleichen Teil. Also alles zwischen dem oberen öffnenden body-Tag und dem öffnenden div class="inhalt".
Das "fast" fertige Projekt sieht nun so aus,
aber es hat noch einen kleinen Fehler. Mehr dazu auf der nächsten Seite.
Seite erstellt von www.web-beckum.de - Letzte Änderung: 08.10.2006 17:47:38