{"id":1495,"date":"2015-09-01T15:49:03","date_gmt":"2015-09-01T13:49:03","guid":{"rendered":"http:\/\/www.mi.uni-koeln.de\/wp-MIEDV\/?page_id=1495"},"modified":"2021-03-15T10:37:30","modified_gmt":"2021-03-15T09:37:30","slug":"eigene-html-seite-erstellen-und-bearbeiten","status":"publish","type":"page","link":"http:\/\/www.mi.uni-koeln.de\/wp-MIEDV\/unser-serviceangebot\/eigene-html-seite-erstellen-und-bearbeiten\/","title":{"rendered":"Eigene HTML-Seite erstellen und bearbeiten"},"content":{"rendered":"

Allgemeines<\/h1>\n

Am Mathematischen Institut kann jeder Mitarbeiter und jeder Student seine eigene Homepage erstellen.
\nWenn man sich \u00fcberhaupt nicht auskennt, sollte man sich nicht scheuen, etwas HTML<\/code> zu lernen. Manche Anleitungen, die lediglich vier Seiten „lang“ sind,
\nerm\u00f6glichen durchaus den Einstieg. Im Internet findet man auch sehr ausf\u00fchrliche Anleitungen zum Schreiben des Quelltextes einer eigenen
\nInternetseite. Im n\u00e4chsten Abschnitt gibt es einige Links dazu. Um eine HTML-Seite zu erstellen k\u00f6nnen Sie im Prinzip jeden Texteditor benutzen. Unter UNIX
\nbietet sich Emacs<\/a> an, der Universaleditor.
\nIm Bezug auf HTML<\/code> gibt es grunds\u00e4tzlich zwei Arten von Editoren. Zum einen die WYSIWYG-Editoren (WYSIWYG = what you see is what you get), bei
\ndenen die Seite beim Bearbeiten so aussieht, wie sie sp\u00e4ter von Web-Bowsern angezeigt wird, und zum
\nanderen die Quelltexteditoren, wo man direkt den HTML-Code editiert (hierunter fallen auch gew\u00f6hnliche Texteditoren).
\nManche WYSIWYG-Editoren erm\u00f6glichen auch das Bearbeiten des HTML-Codes. Eine gute \u00dcbersicht \u00fcber kostenlose HTML-Editoren bietet Wikipedia.<\/a><\/p>\n

HTML lernen<\/h1>\n

HTML Kurs f\u00fcr Anf\u00e4nger<\/a>\u00a0(Download bei Klick)\u00a0von Alexander Auer: 10 Seiten, die anhand von Beispielen und mit viel Humor Sie zu Ihrer eigenen Homepage f\u00fchren.<\/small><\/p>\n

SELFHTML<\/a> – eine ausf\u00fchrliche Anleitung zu HTML<\/p>\n

HTML-Kurs<\/a><\/p>\n

HTML-Tags im \u00fcberblick<\/a><\/p>\n

HTML-Seiten \u00fcberpr\u00fcfen<\/h1>\n

Hier k\u00f6nnen Sie Ihre HTML-Seite online auf Fehler pr\u00fcfen lassen:<\/p>\n

HTML-Code pr\u00fcfen lassen<\/a><\/p>\n

Stylesheets pr\u00fcfen lassen<\/a><\/p>\n

Verweise pr\u00fcfen lassen<\/a><\/p>\n

Den Seitenaufbau an sich pr\u00fcfen lassen<\/a><\/p>\n

HTML-Seiten vom MI aus ins Netz stellen<\/h1>\n

Am Mathematischen Institut kann jeder Mitarbeiter und jeder Student seine eigene
\nHomepage einrichten.
\nDer einfachste Weg ist, Sie geben folgenden Befehle unter Unix ein:<\/p>\n

(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<\/p>\n

ssh -l username thales.mi.uni-koeln.de<\/code><\/p>\n

(2) nach dem Login ausf\u00fchren:<\/p>\n

\/usr\/local\/www\/documents\/EDV\/Doku\/Internet\/skript<\/code><\/p>\n

Fertig ist Ihre erste eigene Internetseite, die sich jeder beliebige Internetanwender unter:<\/p>\n

http:\/\/www.mi.uni-koeln.de\/~loginnanme<\/code><\/p>\n

ansehen kann.
\nDas obige Skript erstellt einen Ordner<\/p>\n

html<\/code><\/p>\n

in Ihrem
\nHomeverzeichnis und darin eine Datei<\/p>\n

index.html<\/code>.<\/p>\n

Dabei wird
\nIhr Homeverzeichnis und der Ordner<\/p>\n

html<\/code><\/p>\n

allgemein ausf\u00fchrbar gemacht und die Datei<\/p>\n

index.html<\/code>,<\/p>\n

welche die eigentliche Internetseite ist, wird f\u00fcr alle Welt
\nlesbar gemacht. Jede weitere Internetseite, die Sie gestalten, muss ebenfalls mit dem Befehl:<\/p>\n

bash>chmod a+r dateiname<\/code><\/p>\n

f\u00fcr alle lesbar gemacht werden.<\/p>\n

<\/a>HTML-Seiten bearbeiten<\/h1>\n

Als erstes starten Sie das Programm „WinSCP“. Daf\u00fcr klicken Sie entweder auf das entsprechende Icon auf Ihrem Desktop<\/p>\n

\"\"<\/center>oder auf Start, wo Sie in das Suchfeld „WinSCP“ eingeben (Schritt 1) und danach das Programm starten (Schritt 2).<\/p>\n

\"\"<\/center>Bemerkung: Falls das Programm auf Ihrem Rechner fehlen soll, setzen Sie sich mit uns<\/a> in Verbindung, damit wir es installieren k\u00f6nnen.<\/p>\n

Wenn Sie jetzt das Programm starten, werden Sie dazu aufgefordert, den Server sowie den Benutzernamen einzugeben.<\/p>\n

\"\"<\/center>Bemerkung: An dieser Stelle empfehlen wir Ihnen, die Programmsprache von english auf deutsch zu \u00e4ndern. Dazu klicken Sie auf „Languages“ und w\u00e4hlen die deutsche Sprache aus (falls diese Option nicht verf\u00fcgbar sein soll, wenden Sie sich an uns<\/a> ), was anschlie\u00dfend durch das Anklicken der Taste Login bzw. Einloggen best\u00e4tigt wird.<\/p>\n

Da der interne Editor von WinSCP zu einfach aufgebaut ist, kann jetzt der externe Editor eingestellt werden. Daf\u00fcr
\n\u00f6ffnen Sie im WinSCP die Einstellungen<\/p>\n

\"\"<\/center>und w\u00e4hlen Sie einen externen Editor aus.<\/p>\n

\"\"<\/center>==><\/p>\n

\"\"<\/center>Wir empfehlen Ihnen das Programm „Weaverslave<\/b>“ zu benutzen. Damit die html-Dateien standardm\u00e4\u00dfig mit Weaverslave ge\u00f6ffnet werden, muss man eine \u00c4nderung der WinSCP-Einstellungen vornehmen. \u00d6ffnen Sie daf\u00fcr wieder die Einstellungen des Programms und verschieben Sie den Editor „Weaverslave“ (oder einen anderen Editor Ihrer Wahl) an die erste Stelle.<\/p>\n

\"\"<\/center>Wenn Sie dieses Programm auf Ihrem Rechner vermissen, sagen Sie uns<\/a> Bescheid und wir werden es schnellstm\u00f6glich nachinstallieren.<\/p>\n

Jetzt m\u00fcssen 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.<\/p>\n","protected":false},"excerpt":{"rendered":"

Allgemeines Am Mathematischen Institut kann jeder Mitarbeiter und jeder Student seine eigene Homepage erstellen. Wenn man sich \u00fcberhaupt nicht auskennt, sollte man sich nicht scheuen, etwas HTML zu lernen. Manche Anleitungen, die lediglich vier Seiten „lang“ sind, erm\u00f6glichen durchaus den Einstieg. Im Internet findet man auch sehr ausf\u00fchrliche Anleitungen zum Schreiben des Quelltextes einer eigenen … „Eigene HTML-Seite erstellen und bearbeiten“ <\/span>weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1460,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1495","page","type-page","status-publish","hentry"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"http:\/\/www.mi.uni-koeln.de\/wp-MIEDV\/wp-json\/wp\/v2\/pages\/1495","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.mi.uni-koeln.de\/wp-MIEDV\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.mi.uni-koeln.de\/wp-MIEDV\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.mi.uni-koeln.de\/wp-MIEDV\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.mi.uni-koeln.de\/wp-MIEDV\/wp-json\/wp\/v2\/comments?post=1495"}],"version-history":[{"count":5,"href":"http:\/\/www.mi.uni-koeln.de\/wp-MIEDV\/wp-json\/wp\/v2\/pages\/1495\/revisions"}],"predecessor-version":[{"id":2419,"href":"http:\/\/www.mi.uni-koeln.de\/wp-MIEDV\/wp-json\/wp\/v2\/pages\/1495\/revisions\/2419"}],"up":[{"embeddable":true,"href":"http:\/\/www.mi.uni-koeln.de\/wp-MIEDV\/wp-json\/wp\/v2\/pages\/1460"}],"wp:attachment":[{"href":"http:\/\/www.mi.uni-koeln.de\/wp-MIEDV\/wp-json\/wp\/v2\/media?parent=1495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}