Marlene's Blog: Aufgabe 3

NIM Aufgabe 3

marlene_julia.rogl.uni-linz, 2. Dezember 2010, 15:33

Aufgabenstellung:

Die 3. Aufgabe bestand darin, eine eigene Homepage zu erstellen. Wichtig hierbei war die Trennung von Inhalt und dem dazugehörigen Layout durch den Einsatz von CSS.

Es stand uns frei mit welchem Programm wir die Homepage erstellen, weshalb ich mich für das Programm Macromedia Dreamweaver MX entschied. Dies ist ein komplexeres Programm, jedoch habe ich mit diesem schon oft gearbeitet und sehe daher auch viele Vorteile darin.

Link zur Homepage:

http://students.idv.edu/~0757018/NIM/index.html

Inhalt meiner Homepage:

Inhaltlich beschäftigt sich meine Homepage mit den sieben Gestaltgesetzen, welche jeweils kurz erklärt werden und auch jeweils anhand eines Beispiels veranschaulicht werden.

Grafische Gestaltung:

Meine Homepage besteht aus drei Blöcken, wobei der erste alle Links (Struktur) enthält. Der zweite beinhaltet die Erklärungen zu den jeweiligen Gestaltgesetzen und der dritte zeigt hier jeweils ein Piktogramm, welches der Veranschaulichung dienen soll.

Der Aufbau der Homepage beschränkt sich auf div-Elemente, welche vollständig durch CSS formatiert sind und durch eine Verknüpfung ins jeweilige Dokument eingebunden ist.

Farblich beschränkt sich die Homepage auf Rot- bzw. Orangetöne und ist durch eine einfachen, klaren Aufbau geprägt. Dies soll das Zurechtfinden auf der Homepage erleichtern (jede Seite ist gleich aufgebaut).

Ein kleines "Haus" am oberen, linken Rand, stellt einen Link zur "Home"-Seite dar, der einen immer wieder zum Anfang zurück bringt.

Javascript:

Auf der ersten Seite ist weiters ein kleines Javascript eingebaut, da dies ebenfalls ein Teil der Aufgabenstellung war. Durch den nachstehenden Code wird ausgerechnet seit wie vielen Tagen ich bereits auf der JKU studiere und anschließend ausgegeben.

{

today = new Date()

msPerDay = 24 * 60 * 60 * 1000

gebDat = new Date("October 9, 2007")

daysOld = (today.getTime() - gebDat.getTime()) / msPerDay;

daysOld = Math.round(daysOld)

daystr = " Tagen auf der JKU";

document.write("Ich studiere bereits seit " + daysOld + daystr + ".");

}

</script>

2 comments :: Kommentieren