<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Internetseite Tobias</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<div id="kopf">
<ul>
<li><a href="index.htm">Startseite</a></li>
<li><a href="autor.htm">Autor</a></li>
<li><a href="hobbies.htm">Hobbies</a></li>
<li><a href="impressum.htm">Impressum</a></li>
</ul>
</div>
<div id="links">
<div id="frei"><!-- Freiraum für die Grafik --></div>
<h1>Information</h1>
<ul id="listelinks">
<li>Diese Seite wurde für den Berufsschulunterricht an der <a href="http://mmbbs.de">mmbbs</a> in Hannover erstellt. Des weiteren wird dieses Layout in
Verbindung mit dem <a href="http://wordpress-deutschland.org">WordPress de</a> auf der Internetseite des <a href="http://jurtenrunde.de/blog">Autors</a> verwendet.</li>
</ul>
</div>
<div id="rechts">
<div id="random"><img src="Bilder/lilieklein.jpg" alt="Lilie klein" /></div>
<h1>Seiten</h1>
<ul>
<li><a href="index.htm">Startseite</a></li>
<li><a href="autor.htm">der Autor</a>
<ul class="submenue">
<li><a href="autor.htm#daten">Daten & Fakten</a></li>
<li><a href="autor.htm#nachweise">Referenzen</a></li>
</ul>
</li>
<li><a href="hobbies.htm">Hobbies</a>
<ul class="submenue">
<li><a href="hobbies.htm#jugendbewegung">Jugendbewegugn</a></li>
<li><a href="hobbies.htm#chatten">Stamm Chatten</a></li>
<li><a href="hobbies.htm#gitarre">Gitarre spielen</a></li>
<li><a href="hobbies.htm#programmieren">Programmieren</a></li>
</ul>
</li>
<li><a href="bewertung.htm">Bewertung</a></li>
<li><a href="impressum.htm">Impressum</a>
<ul class="submenue">
<li><a href="impressum.htm#haftung">Haftungsausschluss</a></li>
<li><a href="impressum.htm#kontakt">Kontakt</a></li>
</ul>
</li>
</ul>
</div>
<div id="content">
<div id="titel"><h1>Titel der Seite</h1>
<p>Beschreibung der Seite</p>
</div>
<div id="spur">Start> Seite</div>
<div id="inhalt">
<h1>Herzlich Willkommen</h1>
<p>Diese Internetseite ist im Rahmen des Berufsschulunterichts an der
<a href="http://mmbbs.de">Multimedia Berufsbildendenschule Hannover</a> entstanden und dient ausschließlich
Unterrichtsinhalten. Erstellt wurde diese Seite von <a href="http://jurtenrunde.de/blog/">Tobias Müller</a>.</p>
<h1>weitere verwendung dieses Layouts</h1>
<p>Das Layout dieser Seite wird auf der Internetseite <a href="http://jurtenrunde.de/blog/">jurtenrunde.de/blog</a> verwendet.
Dort ist das Layout so auf gearbeitet, dass es über php Variabeln "dynamisch" wird. Durch die Administrationsoberfläche
des <a href="wordpress-deutschland.org">Wordpress</a> hat man dann folgende Möglihckeiten:</p>
<ul>
<li>erstellung von Kategorien</li>
<li>Beiträge schreiben</li>
<li>feste Seiten schreiben</li>
<li>Kommentare verwalten</li>
</ul>
<p>Durch verschiedene Plugins (=Erweiterungen) kann man das Wordpress mit vielen zusätzlichen Funktionen ausstatten.</p>
<h1>validität und Barrierefreiheit</h1>
<p>in der heutigen Zeit ist es sehr wichtig, die validität einer Seite einzuhalten, damit alle Browser die Seiten anzeigen können
und somit gewährleistet ist, dass alle User auch gefallen ander Seite finden.</p>
<p>Doch auch in unserem Land gibt es Menschen die ein Handicap haben und nicht einfach so lesen können und/oder eine
Website bedienen können. Daher ist es wichtig, dass jedes Layout barrierefrei erstellt wird. Das W3C Konsorzium hat dazu klare
Richtlinien erstellt, die ich zumindest auf dem Aufgearbeiteten Layout (=das für das Wordpress) einhalten will.</p>
<p>Sinn und zweck ist es, dass der Inhalt einer Seite bei allen Auflösungen angeziegt werden kann und das der Inhalt
Maschienen lesbar wird. So haben dann auch Menschen eine Chance die Seite zu nutzen, die eingeschränkt sind. Des weiteren
werde ich eine Funktion einbauen, die es ermöglicht, die Schrift zu verkleinern oder zu vergrößern. Durch die Farbwahl meines
Layouts habe ich eine Kontrastreiche Seite her gestellt, was das lesen vereinfacht.</p>
<p>Die validität des Layouts habe ich über den validator von w3c.org und von selfhtml.org überprüft. Laut dieser Überprüfung ist
dieses Layout valid.:</p>
</div></div>
<div id="fuss"><p>Alle Rechte an dieser Seite (Texte, Bilder und Layout) liegen bei dem <a href="impressum.htm">Autor</a>.</p></div>
</body>
</html>
