Formulare, in denen der Benutzer Daten eingeben, aus einer vorgegebenen Liste Daten auswählen oder einen ganzen Text eingeben kann, können mithilfe von HTML erstellt werden. Formulare können dazu dienen vorgegebene Daten von den Anwendern zu erhalten, Datensätze zu durchsuchen oder zu ergänzen und zum Beispiel als Bestellformulare in Online-Shops für Produkte aller Art dienen.

<form action=”" method=”">
<!– hier folgen die Formularelemente –>
</form>

Die Elemente <form></form> definieren das Formular und stehen am Anfang und am Ende. Das Attribut action=”" muss einen Wert enthalten. Der Wert gibt an, an welche URI die eingegebenen Daten nach dem Absenden des Formular zur Weiterverarbeitung geschickt werden soll. Hier kann sowohl ein relativer als auch ein absoluter Pfad eingegeben werden. Mit dem Attribut method=”" kann man bestimmen, auf welche Art und Weise die Daten des Formulars nach dem absenden übertragen werden sollen. Hier kann man zwischen method=”post” und method=”get” wählen.

Mit method=”post” überträgt der Browser die eigegebenen Daten mit einer speziellen post-Anfrage an den Server.

Mit method=”get” hängt der Browser die eingegebenen Daten als Parameter an die URL an.

<form action=”" method=”">
<fieldset>
<legend></legend>
<label for=”"></label>
<input type=”" id=”" name=”">
<label for=”"></label>
<select name=”" size=”">
<option>Möglichkeit 1</option>
<option>Möglichkeit 2</option>
<option>Möglichkeit 3</option>
</select>
<label for=”"></label>
<textarea name=”" cols=”" rows=”"></textarea>
</fieldset>
</form>

Um in einem Formular Formularelemente zu gruppieren kann man das Element <fieldset></fieldset> einsetzen. Mit dem Element <legend></legend> kann man der Elementgruppe eine Überschrift hinzufügen.

Das Element <label></label> beschreibt den Inhalt des Eingabefeldes. Als Wert für das Attribut for=”" muss man die ID des Eingabefeldes eingeben.

Die Es gibt verschiedene Arten von Eingabefeldern, die dementsprechend unterschiedliche Attribute und Werte brauchen.

Das Element <input /> steht für einzeilige Eingabefelder.

Das Element <select></select> beschreibt eine ausklappbare Liste. Mit size=”" gibt man die Anzeigegröße der Liste an. Zwischen den Elementen <option></option> definiert man die einzelnen Listenelemente.

Das Element <textarea></textarea> beschreibt ein Textfeld. Mit den Attributen cols=”" und rows=”" beschreibt man die Breite und die Höhe des Textfeldes.

Bei komplexen Internetpräsenzen ist es oft sehr schwer eine gute Navigationsstruktur zu erstellen, vor allem, wenn diese tief verschachtelt ist. Finden die User nicht, was sie suchen, werden sie die Website sehr schnell wieder verlassen und wahrscheinlich auch nicht wieder kommen.

In eine aktuelle Joomla!-Installation sollen die Inhalte einer älteren Joomla! Installation inklusive Komponenten eingefügt werden. Das ist in diesem Fall nicht so einfach gewesen, weil für die Komponenten bereits neue Versionen veröffentlicht worden sind. Daher habe ich wie bei einem Puzzle die Datenbanktabellen einzeln in die neue Datenbank eingefügt, sodass die Inhalte in der neuen Installation genau wie die in der alten Version strukturiert sind.

Heute war ich zum zweiten Mal bei einer Pressekonferenz dabei. Diesesmal war sie etwas größer als beim letzten Mal, vom Ablauf her aber sehr ähnlich. Begrüßung, Vorstellung der Arbeit im Überblick, tiefer gehende Details und Informationen, Fragen der Journalisten und zum Schluss noch ein kleines Fotoshooting.

MPA

Wir haben mit HTML angefangen, ein paar Grundregeln herausgefiltert und am MAC ausprobiert.

MIM

Heute haben wir ein Referat zum Thema Maus und Tastatur gehört und mit dem Dezimal- bzw. Dualsystem gerechnet.

WiSo

Wir haben heute Fallbeispiele zum Thema Nichtigkeit und Anfechtbarkeit eines Vertrages besprochen.

Verweis-sensitive Grafiken sind Grafiken, auf denen der User auf eine verlinkte Stelle klicken kann und durch diesen Link auf eine andere Seite gelangt, oder sich eine Datei öffnen lässt.

Der Code sieht wie folgt aus: Imagemap mit 4 viereckigen verweis-sensitiven Flächen.

<img src=”Pfad zum Hintergrundbild” border=”0″ width=”Breite” height=”Höhe” usemap=”#imagemap” id=”imagemap” alt=”Alternativtext”/>

<map name=”imagemap” id=”imagemap”>

// Zwischen dem öffnenden und schließenden <map></map> werden die verweis-sensitiven Flächen definiert.

<area shape=”rect” coords=”1,1,236,154″ href=”Link” alt=”Alternativtext.” title=”Dieser Text erscheint, wenn man mit der Maus über die verweis-sensitive Fläche fährt.” target=”_blank”/>

<area shape=”rect” coords=”237,1,498,154″ href=”Link” alt=”Alternativtext.” title=”Dieser Text erscheint, wenn man mit der Maus über die verweis-sensitive Fläche fährt.” target=”_blank”/>

<area shape=”rect” coords=”499,1,731,154″ href=”Link” alt=”Alternativtext.” title=”Dieser Text erscheint, wenn man mit der Maus über die verweis-sensitive Fläche fährt.” target=”_blank”/>

<area shape=”rect” coords=”732,1,960,154″ href=”Link” alt=”Alternativtext.” title=”Dieser Text erscheint, wenn man mit der Maus über die verweis-sensitive Fläche fährt.” target=”_blank”/>
</map>

Jedes <area></area> definiert eine verweis-sensitive Fläche, die entweder rund (shape=”circle”), viereckig (shape=”rect”) oder vieleckig (shape=”poly”) sein kann.

Mit coords=”" werden die Koordinaten bzw. Bildpunkte angegeben, zwischen denen die verweis-sensitive Fläche aufgespannt werden soll.

Koordinaten für runde verweis-sensitive Flächen: coords=”x,y,r”

x: die x-Koordinate des Mittelpunkt der verweis-sensitiven Grafik in Pixeln,
y: die y-Koordinate des Mittelpunkt der verweis-sensitiven Grafik in Pixeln
r: Radius der verweis-sensitiven Grafik in Pixeln

Koordinaten für eckige verweis-sensitive Flächen: coords=”x1,y1,x2,y2″

Für eckige verweis-sensitive Flächen benötigt man zwei Punkte zwischen denen man die Fläche aufspannen kann. Der erste Punkt hat die Koordinaten der Ecke oben links und der zweite Punkt die Koordinaten der Ecke unten rechts.

x1: die x-Koordinate der oberen linken Ecke der verweis-sensitiven Fläche in Pixeln,
y1: die y-Koordinate der oberen linken Ecke der verweis-sensitiven Fläche in Pixeln,
x2: die x-Koordinate der unteren rechten Ecke der verweis-sensitiven Fläche in Pixeln,
y2: die y-Koordinate der unteren rechten Ecke der verweis-sensitiven Fläche in Pixeln

Koordinaten für vieleckige verweis-sensitive Flächen: coords=”x1,y1,x2,y2,x3,y3…”

Um eine vieleckige verweis-sensitive Fläche aufzuspannen, muss man die Koordinaten jeder Ecke angeben. Die x-Koordinate gibt dabei den Abstand des Punktes von links in Pixeln an und die y-Koordinate den Abstand des Punktes von oben, ebenfalls in Pixeln.

In eine Joomla! Gewerbe-Komponente habe ich für einen Kunden Kategorien angelegt, und Beispielinhalte eingepflegt.

Religion

Im Bezug zur Lektüre “Oskar und die Dame in Rosa” haben wir diskutiert, wie sich Ärzte mit ihren Diagnosen verhalten sollten und welche Auswirkungen diese haben können.

Deutsch/ Kommunikation

Heute haben wir weitere Korrekturzeichen nach DIN kennengelernt.

MPA

Wir haben heute die Strukturen des Internets besprochen.

MIM

In diesem Block haben wir unsere Referate zu den Hardwarekomponenten weiter ausgearbeitet.

WiSo

Hier haben wir heute mit dem Thema Vertragsrecht angefangen und die Unterschiede zwischen “geschäftsunfähig”, “beschränkt geschäftsfähig” und “voll geschäftsfähig” besprochen.

JavaScript ist eine relativ einfach zu erlernende Programmiersprache, mit deren Hilfe man dynamische Effekte wie Animationen, aufklappende Navigationen und auch nicht allzu komplexe Spiele programmieren kann. JavaScript tauchte das erste Mal 1995 unter diesem Namen auf und wird ergänzend zu HTML eingesetzt.

Die Einbindung von JavaScript in HTML funktioniert wie folgt.

Direkt in der HTML-Datei:

<script type=”text/javascript” language=”JavaScript” >

<!–

Hier steht die Funktion

–>

</script>

Als JavaScript-Datei im Kopf der Seite:

<script type=”text/javascript” src=”Pfad zu der Datei mit der Endung js></script>

Wenn man JavaScript einsetzt, sollte man aber immer darauf achten, dass seine Website zugänglich bleibt, wenn der User JavaScript ausgeschaltet hat! Den was nutzt eine Navigation, die nach Ausschalten des JavaScripts nicht mehr funktioniert und die Inhalte der Website nicht mehr abrufbar sind?