Aufgabe-1 (HTML5, HTML5, Internet-Auftritt im Frameset-Rahmen )

Aufgabe 1 (Internetauftritt, HTML5) Mein MMK-Portal

Diese einführende (praktische) Aufgabe zur MMK-Veranstaltung beinhaltet die Einrichtung einer eigenen Homepage. Bei zukünftigen Praktikumslösungen sollen die Ausarbeitung stets als Teil der eigenen Homepage eingestellt werden.

Diese einführende Aufgabe zur MMK-Veranstaltung beinhaltet

das Entpacken des Homepage-Rahmen als eigene Vorlage
die Einrichtung einer eigenen Homepage mit upload eines "entzippten Rahmens"
die Vervollständigung der Willkommenseite, die unter kern/willkommen.htm ist
die Vervollständigung der Copyrightseite, die unter kern/copyright.htm ist
die Vervollständigung der HTML5-Seite, die unter loesungen/loesung-zu-1.htm ist.
die chronologische Aktualisierung der "Liste meiner Aktivitäten", die unter loesungen/aktivitaeten.htm ist

Die Punkte 5, 6 bilden den Kern der Aufgabe. Alle HTML-Seiten sollen BOM verwenden! Genaueres in der Veranstaltung.

Zu 1: Homepage-Rahmen entpacken Rahmen als Vorlage

Die Lösungen aller Praktikumsaufgaben sollen Bestandteil einer eigenen Homepage werden. Es ist zweckmäßig, als Ausgangspunkt einen Homepage-Rahmen als erweiterbare Vorlage zu verwenden. Ein Grundrahmen für das Portal kann hier herunter geladen werden: Rahmen.zip

Zu 2: Upload des entpackten Rahmen Welcher Server?

Wie erfolgt der Upload? Wohin erfolgt der Upload? Wie werden Suchmaschinen-Indizierungen ausgegrenzt?

Der herunter geladene rahmen.zip wird lokal entpackt. Die entpackten Dateien werden mit einem geeigneten FTP-Programm ( z.B. FileZilla ) auf dem MNI-Server proteus.mni.fh-giessen.de in das Verzeichnis public_html/ hoch geladen.

Für das Hochladen brauchen sie

 Rechnername : sftp://proteus.mni.fh-giessen.de  mit  Port 22
 Benutzername: MEINE_BENUTZER_KENNUNG

Die entpackte Dateien-Struktur von rahmen.zip sollen in das Serververzeichnis public_html/

Hinweis: Zum proteus-HTTP-Root-Verzeichnis

http://proteus.mni.fh-giessen.de/~MEINE_BENUTZER_KENNUNG/

gehört das Server-Verzeichnis

public_html

Hinweis: Zu jedem proteus-HTTP-Verzeichniss, also auch zu public_html gehören i.a. die Appache-Rechte 0755 (oktal)
Hinweis: Zu WWW-Dateien, wie z.B. *.htm, *.html, *.gif, *.jpg, *.css, *.js gehören i.a. die Rechte 0644 (oktal)
Hinweis: Damit die Seiten von SEO-Robots nicht gelesen werden, ist robots.txt zu prüfen und in das Verzeichnis public_html/ zu stellen.

Zu 2: My-Cloud-Provider? proteus-Server ist Pflicht

Achtung! Nur in begründeten Ausnahmefällen (und erst nach Rücksprache!) kann ein anderer Server verwendet werden. Begründung erfolgt in der Veranstaltung.

Zu 3: Seite /kern/willkommen.htm Was soll gemacht werden?

Die Willkommenseite, die unter kern/willkommen.htm ist, soll nach individuellen Gesichtspunkten vervollständigt werden. Bitte Anonymität beachten.

Hinweis:
Falls z.B. eine E-Mail-Adresse angegeben wird, so soll ihre E-Mail-Adresse zwar für Menschen lesbar aber zur Vermeidung von "Spam-Mails" für Robots möglichst unidentifizierbar sein. Es reicht z.B.

E-Mail-Adresse: myName@mni.myProvider.de als

E-Mail-Adresse: myName@mni.myProvider.de darzustellen.

Bitte hier im HTML-Seiten-Qelltext diese Stelle anschauen.

Zu 4: Seite /kern/copyright.htm Was muß gemacht werden?

Die Copyright-Seite, die unter /kern/copyright.htm ist, soll vervollständigt werden. Die erstellte Übungshome-Page soll unter Creative Commons Namensnennung 3.0 Deutschland Lizenz stehen.

Hierzu ist /kern/copyright.htm zu ergänzen ( Namensnennung, nicht-kommerzieller Weitergabe )

Bitte verwenden Creative Commons Namensnennung und
Bitte verwenden Creative Commons nicht-kommerzieller Weitergabe

Zu 5: Seite loesungen/loesung-zu-1.htm Was muß gemacht werden?

Die Impressum-Seite /impressum.htm soll angepaßt werden. Persönliche Daten sollen lediglich nur soweit eingetragen werden, wie diese ohnehin öffentlich sind und gewünscht wird. Bitte diese Impressum-Seite /impressum.htm nur soweit ergänzen, wie sie dies zulassen und öffentlichen machen möchten.
Zur Vermeidung von "Spam-Mails unter ihrer E-Mail-Adresse soll ihre E-Mail-Adresse zwar für Menschen lesbar aber für Robots möglichts möglichst unidentifizierbar sein, wie z.B. (an dieser Stelle den bitte Seiten-Qelltext anschauen)
E-Mail-Adresse: myName@mni.myProvider.de als
E-Mail-Adresse: myName@mni.myProvider.de
Bitte auch die "Willkommen-Seite" (read-first.htm) nach ihren Wünschen anlegen und gestalten.

Die Seite loesungen/loesung-zu-1.htm soll HTML5-Tags verwenden. Es sollen unterschiedliche HTML5-Tags sinnvoll (z.B. als Kurzeinführung in HTML 5 ) verwendet werden. Die erstellten/ geänderten/ergänzten Seiten sind zu validieren. Im Web gibt es zahlreiche Videos als Schnelleinführung zu HTML5, wie z.B. http://proteus.mni.fh-giessen.de/~chck80/mmk/, http://www.youtube.com/embed/SJTyY2csya8, http://www.youtube.com/embed/cRJpUKVBgQY

Zu 6: einleitung/aktivitaeten.htm Akivitäten protokollieren ...

Bitte nicht vergessen: Bei allen Ausarbeitungen ist die chronologische Aktualisierung der "Liste meiner Aktivitäten" Pflicht!

Wie wird testiert, bewertet? Es "gilt" das gesprochene Wort ...

Wesentliches wurde in der Veranstaltung mitgeteilt. Es gibt "harte" Kriterien, hierzu gehört der Abgabetermin. Es gibt "weiche" Kriterien, die stets eine gewisse "Grauzone" haben. Nachfolgend zu den Ausarbeitungen einige Bemerkungen, Denkanstöße, Fragen.

[ ] Wurde die Willkommen-Seite aktualisiert, verbessert?   
[ ] Wurden Schreibfehler korrigiert?
[ ] Wurden die Seiten validiert?
[ ] Wurde die Homepage hochgeladen, ist die Lösungsseite aufrufbar und funktioniert?
[ ] Wurde die Aktivitäten-Seite aktualisiert, Aktivitäten eingetragen und DEMNÄCHST gelöscht, ersetzt?
[ ] Wurden weiterführende Experimente durchgeführt und in der Aktivitäten-Seite protokolliert, 
    wie z.B. BOM ...

Viel Freude bei der Ausarbeitung!
Letzter Abgabetermine So 12.00 Uhr