HTML Kaltstart
Auf dieser Seite finden Sie ein einfaches Grundgerüst einer Webseite (XHTML Transitional), das Sie als Startpunkt für das Experimentieren mit der Webseitenerstellung verwenden können. Das Grundgerüst kann einfach im Browser kopiert und dann in einem Texteditor eingefügt werden.
Auch das Anlegen einer leeren neuen Seite im Adobe Dreamweaver erzeugt ein solches verwendbares Grundgerüst (Dreamweaver Startscreen -> Spalte "Neu erstellen" -> auf "HTML" klicken).
1. XHTML Transitional Grundgerüst - ganz leer
<!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" lang="de" xml:lang="de">
<head>
<title>Titel der Seite</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
</body>
</html>
2. XHTML Transitional Grundgerüst - für CSS vorbereitet
mit einer Seiten-id, einer Standard-Bereichseinteilung mit <div>-tags und einer Verknüpfung zu einem CSS-Stylesheet
Das HTML-Dokument (index.html)
<!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" lang="de" xml:lang="de">
<head>
<title>Titel der Seite</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" media="all" href="styles.css" />
</head>
<body id="homepage">
<div id="wrapper">
<div id="seitenkopf">
</div> <!-- Ende seitenkopf -->
<div id="navigation">
</div> <!-- Ende navigation -->
<div id="inhalt">
</div> <!-- Ende inhalt -->
<div id="fusszeile">
</div> <!-- Ende fusszeile -->
</div> <!-- Ende wrapper -->
</body>
</html>
Das dazugehörende - noch leere - Stylesheet (styles.css)
#homepage {
}
#wrapper {
}
#seitenkopf {
}
#navigation {
}
#inhalt {
}
#fusszeile {
}
3. HTML 5 Grundgerüst für's Layout
<!DOCTYPE html> <html> <head> <title>Layoutvorlage</title> </head> <body> </body> </html>
