Ziel der 1. Arbeitsaufgabe war es, eine funktionierende Homepage zu entwerfen und online zu stellen. Unter dem Link der Lehrveranstaltung http://newmedia.idv.edu/medienlehre/nim08s/ Webspace und Lernblog musste die Homepage unter Webspace eingestellt werden. Dies funktionierte durch das Programm filezilla.

Nach dem Rücksetzen des Codewortes im Tutorium an der Uni konnte man die Datenfiles mit diesem Programm einstellen. Eine Verbindung mit dem Uni-Server ermöglicht es, den public.html file einzustellen, damit die Homepage geladen werden kann. Ich habe einige Links nach dem Inhalt des jeweiligen Blocks eingefügt. Wichtig ist dabei, die Links vorher auf ihre Richtigkeit zu überprüfen. Dann habe ich den Link unter den Text einkopiert, und den Link verlinkt. Dies funktioniert dadurch, dass beim Programmpunkt url: die korrekte Adresse eingegeben wird. Ebenfalls habe ich den Menüpunkt _blank ausgewählt, damit die Seite des Links in einem neuen Fenster geöffnet wird, und nicht die aktuelle Seite verschwindet, da der Browser die neue Seite in der alten öffnet.

Die Farben kann man beliebig ändern. Dies habe ich mit Hilfe Css gemacht. Mit CSS kann man zum Beispiel Schriftarten, Farben, Rändern, Linien, Höhen, Breiten, Hintergrundbilder verändern. Jeder Farbe ist eine Nummer zugeordnet. Im Quelltext der Seite kann man diese Nummer ersehen und beliebig ersetzen. Ändern kann man neben der Schriftfarbe auch die Schriftart und Schriftgröße. Ein nützlich Link zu den Farben und einer Beschreibung findet man unter http://www.drweb.de/ressourcen/farbcodes.shtml.

Ebenfalls habe ich unter dem Punkt Bilder 2 Bilder eingefügt und anschließend verlinkt. Screenshot der jeweiligen Homepage, Bild im Adobe Fotoshop auf die Richtige Größe zugeschnitten und eingestellt. Dann habe ich die beiden Bilder mit der jeweiligen Homepage verlinkt und _blank eingesetzt um wieder die Seiten in neuen Fenstern oder Tabs zu öffnen.

Nachdem die Hompage über den Webspace geöffnet werden konnte, habe ich mir die eigene Seite angesehen und auf Fehler überprüft. Mit Klick der rechten Maustaste kann man bei Webseiten unter dem Punkt Seitenquelltext die Nummern der Farben einsehen. background-color: #FF0000;. Nützliche Informationen zu einer Homepageseite findet man auch unter Seiteninformationen, ebenfalls rechte Maustaste klicken.