Dokument zur Veröffentlichung vorbereiten

Bevor wir uns daran machen unsere Seite dem breiten Internetpublikum zu präsentieren :-) sollten wir daraus ein "echtes" HTML-Dokument machen.

Was heisst das? Der Browser auf unserem Computer hat die Seite ja eigentlich schon ganz korrekt interpretiert, da er automatisch (und durch die Dateiendung in der index.html) angenommen hat es handele sich hier um eine HTML-Datei und die darin enthaltenen Formatierungsanweisungen (<br> etc.) wäre HTML-Code.

Eigentlich jedoch, vor allem um den gängigen Standards gerecht zu werden, müssen wir das Dokument noch richtig formatieren und kennzeichnen.

Dies ist <html>

HTML ist zwar die am weitesten verbreitete Websprache, jedoch bei weitem nicht die einzige. Wir können jedem beliebigen Browser der Welt klar machen, dass es sich hier um HTML handelt, wenn wir den gesamten Inhalt in HTML-TAGs setzen. Auch hier gibt es ein öffnendes und ein schließendes TAG:

Quellcode:

<html>

Inhalt aus Lektion 7

</html>

Das war es auch schon. Nichts sonderlich kompliziertes, oder? Bitte macht unsere index.html auf und fügt die HTML-TAGs entsprechend ein. Wenn Ihr die Datei nun aufmacht, werdet Ihr sehen, dass sich am Aussehen nichts geändert hat. Wie wir ja schon gelernt haben, wird das was in spitzen klammern geschrieben wird nicht angezeigt, sondern ist nur intern für den Browser bestimmt.

Der <head> - Bereich

Wie das Wort schon sagt (head = engl. = Kopf) ist das der Kopf der Webseite. Dieser beinhaltet weitere wichtige Informationen, die nicht nur für den Browser von Bedeutung sind, sondern auch für den Betrachter und Suchmaschinen. Denn wir wollen ja schließlich, dass unser Internetauftritt bei Suchmaschinen gut gelistet ist.

Der Aufbau des Headbereichs ist ebenfalls denkbar einfach und stellt uns vor keine größeren Probleme. Der allgemeinen Logik des HTML folgend beginnt er mit <head> und endet mit </head>. Aber das habt Ihr Euch sicherlich schon gedacht. :-)

Quellcode:

<html>

<head>

Was hier rein kommt lernt Ihr, wenn Ihr weiter lest

</head>

Inhalt aus Lektion 7

</html>

Was habt Ihr im Kopf? :-)

Was kommt denn nun in den HEAD-Bereich alles rein? Gehen wir die wichtigsten Angaben Mal der Reihe nach durch:

<title>

Das ist selbsterklärend. Hier steht der Titel Eurer Webseite drin. Er sollte so zutreffend wie möglich gewählt werden. Zum einen, weil es das ist, was der Betrachter der Seite ganz oben in der Browserleiste sieht. und zum anderen weil sich auch die Suchmaschinen wie Google daran orientieren.

Macht ihr zum Beispiel eine Seite über coole Mountainbikestrecken, dann sollte der Titel auch "Die besten Mountainbikestrecken Deutschlands" heissen, oder so in dieser Art. Besteht Euer Internetauftritt aus mehreren Seiten, sollte jede Seite den auf ihren Inhalt abgestimmten Titel tragen. Also die Unterseite, auf der Ihr z.B. über Mountainbike-Zubehör fachsimpelt vielleicht so einen Titel wie "Meine Zubehör-Empfehlungen für das beste Bike". In unserem Beispiel vielleicht so:

Quellcode:

<html>

<head>

<title> Autobiographische Homepage von Rainer Hasse-Seitenbacher </title>

Was hier noch rein kommt lernt Ihr, wenn Ihr weiter lest

</head>

Inhalt aus Lektion 7

</html>

Wie gehabt schließen wir den Titel in die entsprechenden TAGs ein.

Wenn Ihr später diese Seite ganz leicht wiederfinden wollt, empfehle ich Euch das Anlegen von Favoriten bei Mr-Wong! So stehen Euch alle Lesezeichen zu den wichtigsten Compiclub-Lektionen an jedem Internetrechner parat. Ihr findet auf jeder Compiclub-Seite unten links das Mister-Wong-Logo. Mit nur zwei Klicks ist die Seite dann abgespeichert. Ist sehr praktisch - ich nutze es ebenfalls.

<<< zurück II weiter >>>