Allgemeines

Am Mathematischen Institut können ausschließlich Mitarbeiterinnen und Mitarbeiter eine eigene Homepage erstellen und bearbeiten.

Auch ohne Vorkenntnisse können Sie sich in HTML einarbeiten. Kurze Einführungen erleichtern den Einstieg; ausführliche Anleitungen im Internet vermitteln weiterführende Kenntnisse zum Erstellen eigener Webseiten. Einige hilfreiche Links finden Sie im nächsten Abschnitt.

Zum Erstellen und Bearbeiten einer HTML-Seite können Sie grundsätzlich jeden Texteditor verwenden, unter UNIX beispielsweise Emacs.

Bei HTML-Editoren unterscheidet man im Wesentlichen zwischen zwei Arten:

• WYSIWYG-Editoren (WYSIWYG = „What You See Is What You Get“): Die Seite wird bereits beim Bearbeiten weitgehend so dargestellt, wie sie später im Webbrowser erscheint.
• Quelltexteditoren: Hier bearbeiten Sie den HTML-Code direkt. Dazu zählen auch gewöhnliche Texteditoren.

Manche WYSIWYG-Editoren ermöglichen zusätzlich die direkte Bearbeitung des HTML-Codes. Eine Übersicht über kostenlose HTML-Editoren bietet Wikipedia.

HTML lernen

SELFHTML-Wiki – Einstieg in HTML – aktuelle deutschsprachige Einführung

Jetzt HTML lernen (www.jetzt-html-lernen.de)

MDN Web Docs – offizielle Lernressource von Mozilla

HTML course for web developers (web.dev)

HTML-Seiten überprüfen

Hier können Sie Ihre HTML-Seite online auf Fehler prüfen lassen:

HTML-Code prüfen lassen

Stylesheets prüfen lassen

Verweise prüfen lassen

Den Seitenaufbau an sich prüfen lassen

HTML-Seiten vom MI aus ins Netz stellen

Am Mathematischen Institut kann jeder Mitarbeiter und jeder Student seine eigene
Homepage einrichten.
Der einfachste Weg ist, Sie geben folgenden Befehle unter Unix ein:

(1) Login auf Server thales.mi.uni-koeln.de, von Windows aus per ssh-Client putty, von Unix/Mac aus per ssh-Login auf dem Terminal

ssh -l username thales.mi.uni-koeln.de

(2) nach dem Login ausführen:

/usr/local/www/documents/EDV/Doku/Internet/skript

Fertig ist Ihre erste eigene Internetseite, die sich jeder beliebige Internetanwender unter:

http://www.mi.uni-koeln.de/~loginnanme

ansehen kann.
Das obige Skript erstellt einen Ordner

html

in Ihrem
Homeverzeichnis und darin eine Datei

index.html.

Dabei wird
Ihr Homeverzeichnis und der Ordner

html

allgemein ausführbar gemacht und die Datei

index.html,

welche die eigentliche Internetseite ist, wird für alle Welt
lesbar gemacht. Jede weitere Internetseite, die Sie gestalten, muss ebenfalls mit dem Befehl:

bash>chmod a+r dateiname

für alle lesbar gemacht werden.

HTML-Seiten bearbeiten

Als erstes starten Sie das Programm „WinSCP“. Dafür klicken Sie entweder auf das entsprechende Icon auf Ihrem Desktop

oder auf Start, wo Sie in das Suchfeld „WinSCP“ eingeben (Schritt 1) und danach das Programm starten (Schritt 2).

Bemerkung: Falls das Programm auf Ihrem Rechner fehlen soll, setzen Sie sich mit uns in Verbindung, damit wir es installieren können.

Wenn Sie jetzt das Programm starten, werden Sie dazu aufgefordert, den Server sowie den Benutzernamen einzugeben.

Bemerkung: An dieser Stelle empfehlen wir Ihnen, die Programmsprache von english auf deutsch zu ändern. Dazu klicken Sie auf „Languages“ und wählen die deutsche Sprache aus (falls diese Option nicht verfügbar sein soll, wenden Sie sich an uns ), was anschließend durch das Anklicken der Taste Login bzw. Einloggen bestätigt wird.

Da der interne Editor von WinSCP zu einfach aufgebaut ist, kann jetzt der externe Editor eingestellt werden. Dafür
öffnen Sie im WinSCP die Einstellungen

und wählen Sie einen externen Editor aus.

==>

Wir empfehlen Ihnen das Programm „Weaverslave“ zu benutzen. Damit die html-Dateien standardmäßig mit Weaverslave geöffnet werden, muss man eine Änderung der WinSCP-Einstellungen vornehmen. Öffnen Sie dafür wieder die Einstellungen des Programms und verschieben Sie den Editor „Weaverslave“ (oder einen anderen Editor Ihrer Wahl) an die erste Stelle.

Wenn Sie dieses Programm auf Ihrem Rechner vermissen, sagen Sie uns Bescheid und wir werden es schnellstmöglich nachinstallieren.

Jetzt müssen Sie nur noch in das Verzeichnis wechseln, wo die zu editierende Dateien liegen, und schon sind Sie in der Lage die html-Seiten zu bearbeiten.