Lernen mit dem Internet

Aufgabe drei im Kurs „Nutzung interaktiver Medien“ war, eine eigene kleine Website zu gestalten. Es gab dabei die Möglichkeit, entweder eine Vorlage so umzuarbeiten dass eine eigene Handschrift erkennbar ist, oder selbst etwas zu basteln.
Aus Neugierde wie gut denn noch das Basiswissen aus dem Kurs „Informationsverarbeitung“ ist, habe ich mich für zweitere Variante entschieden. Hier nun eine kurze Doku wie ich dabei vorgegangen bin:

Zu alle erst habe ich mich für das mir bereits bekannte Programm „Adobe GoLive“ entschieden. Hierbei ging es dann aus einer Kombination der WYSIWYG (what you se eis what you get) Eigenschaften und etwas aufgefrischtem html Wissen relativ flott dahin.
Als Überschrift wollte ich etwas besonders haben – eine schöne Schreibschrift inklusive Kontur und Schlagschatten sollte es sein. Dieses „Wunderwerk“ also im Adobe Photoshop erstellt, als Bild gespeichert, und ins GoLive eingefügt. Hierbei ist immer wichtig, darauf zu achten die richtige Quelle zu haben. Es muss also zB <img src="bilder/startbanner.jpg">  denn mit „../../../Dokumente%20und%20Einstellungen /Desktop/ bilder/startbanner.jpg" bekommt man zwar am eigenen Rechner eine schöne Seite – auf einen Webspace hochgeladen funktioniert dies jedoch natürlich nicht mehr.

Dazu wurde dann noch etwas Basistext eingefügt und hier geschaut auch das verlangte Java Script einzubauen. Ich habe dies insofern gelöst, als dass ich einfach ausrechnen lasse seit wie vielen Jahren ich die Hobbies Reisen und Fussball verbinde. Es wird dabei von meinem jetzigen Alter die Zeit bis zum Start von 17 Jahren abgezogen. Im genauen sieht dies so aus:

<script language="JavaScript">
<!--
var Built = new Date("September 07,2000");
var now = new Date();
var Jahr = now.getYear()
Jahre = new String
var Jahre =Math.floor(Jahr-(Built.getYear())-1);
if (Jahre>99) //Jahrtausendproblem ?
{
var Alter = Alter-2000
}
-->
</script>

Des Weiteren wurde dann noch eine kleine Übersicht gebastelt, wo via Mausklick direkt auf den gewünschten Unterpunkt gesprungen werden kann (und von dort aus auch wieder zurück). Bei den Unterseiten wurden dazu noch einige selbst aufgenommene Fotos eingefügt.

Am Ende kam dann noch ein Punkt dazu wo auf meinen Collabor Blog verlinkt wurde, sowie einer von wo aus mir e-mails geschickt werden können.

Die in der Vorlage auch aufgezeigten Sachen wie Überschriften (h1, h2, h3) finden sich natürlich ebenso wieder wie ein css style sheet.

Ach ja, und hier geht es zu der Seite: Klick

Die Kombination grauer Hintergrund und rote Schrift ist zwar jenseits der Grenze des Erträglichen (und gut Lesbaren), aber gutes Design war ja nicht verlangt.

Beim Javascript würde mich interessieren, ob du das Ergebnis geprüft hast.