Diese einführende (praktische) Aufgabe zur Veranstaltung beinhaltet die Einrichtung einer eigenen Homepage, dem Design der Willkommen- als auch der Impressum-Seite. Bei zukünftigen Lösungen zum Praktikums sollen die Ausarbeitung stets als Teil der eigenen Homepage eingestellt werden.
Was soll gemacht werden? Für die Lösungen der Praktikumsaufgaben soll ein eigenes Portal erstellt werden, das geeignet ist, die Lösungen der Aufgaben zu präsentieren. Das Portal soll ARIA-Gesichtspunkte (ARIA = Accessible Rich Internet Applications) berücksichtigen.
Die HTML-Dateien sollen auf der Client-Seite getestet und dann in ein Unterverzeichnis mmk hochgeladen werden. Dateinamen und Verzeichnisnamen sollen kleingeschrieben werden. Dateinamen und Verzeichnisnamen sollen keine Umlaute enthalten.
Die Dateien sollen mit einem geeigneten Programm auf dem MNI-Server proteus.mni.fh-giessen.de hoch geladen und damit im WWW online gestellt werden.
Für die Anmeldung zum Hochladen brauchen sie
Rechnername : sftp://proteus.mni.fh-giessen.de mit Port 22 Benutzername: MEINE_BENUTZER_KENNUNG
In ihrem User-Hauptverzeichnis des Servers (proteus.mni.fh-giessen.de/~MEINE_BENUTZER_KENNUNG/) muß (falls nicht vorhanden) einmalig ein Unterverzeichnis public_html angelegt werden. Ein Verzeichnis hat die Rechte (Oktal) 0755 und eine *.htm-Datei die Rechte (Oktal) 0644
In das public_html-User-Verzeichnis des proteus-Servers wird ein Unterverzeichnis mmk (Kleingeschrieben) mit den Verzeichnis-Rechten (Oktal) 0755 angelegt. In das mmk-Unterverzeichnis kommt die HTML5-Datei index.htm Diese und alle weiteren *.htm-Dateien erhalten die Dateirechte (Oktal) 0644
Achtung! Nur in begründeten Ausnahmefällen (und erst nach Rücksprache!) kann ein anderer Server verwendet werden.
Das folgende Grundgerüst kann als Ausgangsbasis für die Erstellung von HTML5-Seiten verwendet werden.
<!doctype html> <html lang="de"> <head> <title>MMK-Sitemap</title> <meta charset="UTF-8" /> <link rel="stylesheet" href="mmk.css" /> </head> <body> <h1>MMK-Sitemap</h1> <p> Hier sind meine Links </p> <h2>Allgemeines </h2> <pre> <a href="read-first.htm" class="extern" target="_blank"> Read-First </a> <a href="impressum.htm" class="extern" target="_blank"> Impressum </a> </pre> </body> </html>
Die Impressum-Seite zum Praktikum kann (falls gewünscht) persönliche Daten enthalten, insbesondere jene, die ohnehin öffentlich sind. Bitte diese Impressum-Seite (impressum.htm) nur soweit ergänzen, wie sie dies zulassen und öffentlichen machen möchten. Bitte auch die "Willkommen-Seite" (read-first.htm) nach ihren Wünschen anlegen und gestalten.
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