Donnerstag, 6. März 2008
Meine Homepage
Andrea.Moessbichler.Uni-Linz, Thema: PIM Allgemein
Die Homepage auf meinem Webspace wurde im Wintersemester 2007/08 im Rahmen des Kurses "Nutzung interaktiver Medien" von mir erstellt. Auf ihr finden sich ein paar Informationen zu meiner Person, ein Text über Lernblogs sowie ein Link auf meinen persönlichen Weblog (auf dem Sie sich hier befinden).
Die Homepage besteht aus einem zweispaltigen Frameset, im linken Teil befindet sich das Navigationsmenü, über das man zu den einzelnen Seiten gelangt. Die Homepage besteht aus den Seiten "Home", "Über Mich", "Lernblogs", "Zu meinem Weblog", "Links" und "Kontakt". Sie wurde mit dem Programm "Adobe GoLive 6.0" erstellt.
Zur Gestaltung der Seite ist zu sagen, dass ich mit zwei verschiedenen Stylesheets gearbeitet habe. Das eine Stylesheet definiert das Aussehen des Menüs (blau), das andere ist mit den einzelnen Seiten verlinkt und definiert somit das Aussehen der Inhaltsseiten (gelb). Neben dem Hintergrund wurden auch noch andere Einstellungen festgelegt, wie beispielsweise die Schriftart und das Aussehen von (nicht) aktiven Links.
In meiner Homepage habe ich auch drei Bilder eingefügt (auf "Startseite" und "Über Mich"). Im Quelltext erscheinen die Bilder so:
<img src="../andrea1.JPG" alt="" height="226" width="170" border="3">
Auch mit Tabellen habe ich gearbeitet (auf "Über Mich" und "Links"), der Quelltext der Tabelle auf "Über Mich" lautet:
<table width="309" border="0" cellspacing="2" cellpadding="3" align="center">
<tr>
<td><b>Name:</b></td>
<td>Andrea Mössbichler</td>
</tr>
<tr>
<td><b>Mat.-Nr.:</b></td>
<td>0556183</td>
</tr>
<tr>......</tr>
</table>
Bei Inhaltsseiten mit längeren Texten habe ich auch "nach oben"-Anker eingefügt. Unter "Lernblogs" findet sich ein Beitrag von mir zu Lernblogs, wobei ich zur besseren Navigation ein Inhaltsverzeichnis erstellt und die Überschriften der einzelnen Teile des Beitrags verlinkt habe (Anker). So kann man am Beginn des Beitrags zur jeweiligen Überschrift springen.
Der Link "Zu meinem Weblog" führt auf eine externe Seite (/0556183) und wird in einem neuen Fenster geöffnet.
Ich habe auch verschiedene Links auf andere externe Seiten eingebaut (vor allem unter "Links", die alle in einem neuen Fenster geöffnet werden. Unter "Kontakt" findet sich meine E-Mail-Adresse, die ich mit "mailto:..." verlinkt habe. Beim Klicken auf die Mailadresse wird das E-Mail-Programm geöffnet und meine Mail-Adresse befindet sich in der Empfängerleiste.
Und hier ist der Link für diejenigen, die sich nun meine Homepage ansehen möchten:
http://students.idv.edu/~0556183/InteraktiveMedien/index.html
... Link auf diesen Beitrag ... Kommentar