Diese einführende (praktische) Aufgabe zur Veranstaltung beinhaltet die Einrichtung einer eigenen Homepage, dem Design der Willkommen- als auch der Impressum-Seite, sowie das Entwickeln eines ECMAScript-Tool mit 2 Textareas (2 Editoren). Es ist die HTML5-Lösungsseite tools/tool-1.htm zu erstellen. Bei dieser und zukünftigen Lösungen zum Praktikums sollen diese Ausarbeitung stets als Teil der eigenen Homepage eingestellt 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. Ein Grundrahmen für das Portal kann hier herunter geladen werden: Rahmen.zip
Der herunter geladene Rahmen.zip wird lokal entpackt. Die entpackten Dateien werden mit einem geeigneten FTP-Programm auf dem MNI-Server proteus.mni.fh-giessen.de hoch geladen und damit im WWW online gestellt.
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.
In dieses public_html-User-Verzeichnis kommen die entpackten Rahmen.zip-Dateien. Die XHTML-Datei index.htm ist die "Portal-Einstiegsseite" (=default-Startseite, frameset-Seite) der Homepage.
Achtung! Nur in begründeten Ausnahmefällen (und erst nach Rücksprache!) kann ein anderer Server verwendet werden.
Es ist ein Toolchen zu schreiben, das einen Editor 1 (textarea 1) verwendet,
der aus dem HTML-Quelltext (z.B. der body-tree)
den window.escape()
-Funktion einen codierten ECMAScript-Quelltext erstellt und in den Editor 2 (textarea 2) schreibt.
Mit Hilfe der Funktionen window.document.write(), window.escape(), window.unescape()
kann HTML-Quelltext (auch ein ECMAScript-Quelltext) in eine HTML-Seite (Header, Body)
eingefügt werden.
Liegt die HTML-Seite als window.escape()
-Codierung vor, so kann mit Hilfe von window.document.write()
ECMAScript diese Seite schreiben.
Auf die Editoren kann bequemer mit eigenen Funktionen zugegriffen werden, etwa
Was macht die Funktion build_entities(editorstring)
?
Wie ist der Funktionscode zu erklären?
Der vorgefertigte Homepage-Rahmen ist nach dem Entpacken unvollständig und bedingt noch fehlerhaft und enthält Seiten, die zu korrigieren, zu verbessern und zu vervollständigen sind.
Die Impressum-Seite zum Praktikum kann (falls gewünscht) persönliche Daten enthalten, insbesondere jene, die ohnehin öffentlich sind. Bitte diese Impressum-Seite nur soweit ergänzen, wie sie dies zulassen und veröffentlichen möchten. Bitte auch die "Willkommen-Seite" nach ihren Wünschen 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
Wie kann das Toolchen erweitert werden, damit aus einer regulären E-Mail-Adresse im Editor 1 der Quellcode für die "getarnte" E-Mail-Adresse (im Editor 2) gemacht wird? Wie kann in ähnlicher Weise ein href-String "getarnt" werden?
Die Suchmaschinenoptimierung (SEO = Search Engine Optimization) hängt von den "Geheimnissen der Suchroboter (Spider) ab. Es sollen anhand von Ideen und kleine Aktivitäten neue Erkenntnisse zur Suchmaschinenoptimierung gewonnen werden. Es soll konkret das SEO-Ranking "kontinuierlich" untersucht, ausprobiert, verbesser werden. Alle diese SEO-Aktivitäten sind stets zeitlich geordnet und stichwortartig zu protokollieren. Insbesondere sind eigene Erkenntnisse und Wissenzuwachs (+ber mehrere Wochen hinweg) stichwortartig zu protokollieren. Für die "guten" SEO-Verweise ist eine eigene seo-links.htm-Seite zu erstellen, die unter "Linksammlung" hinzu gefügt wird.