{"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":"2026-10-15T14:18:10","modified_gmt":"2026-10-15T12:18:10","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 (als Institutsmitarbeiter)"},"content":{"rendered":"<h1>Allgemeines<\/h1>\n<p>Am Mathematischen Institut k\u00f6nnen ausschlie\u00dflich Mitarbeiterinnen und Mitarbeiter eine eigene Homepage erstellen und bearbeiten.<\/p>\n<p>Auch ohne Vorkenntnisse k\u00f6nnen Sie sich in HTML einarbeiten. Kurze Einf\u00fchrungen erleichtern den Einstieg; ausf\u00fchrliche Anleitungen im Internet vermitteln weiterf\u00fchrende Kenntnisse zum Erstellen eigener Webseiten. Einige hilfreiche Links finden Sie im n\u00e4chsten Abschnitt.<\/p>\n<p>Zum Erstellen und Bearbeiten einer HTML-Seite k\u00f6nnen Sie grunds\u00e4tzlich jeden Texteditor verwenden, unter UNIX beispielsweise Emacs.<\/p>\n<p>Bei HTML-Editoren unterscheidet man im Wesentlichen zwischen zwei Arten:<\/p>\n<ul>\n<li><strong>WYSIWYG-Editoren<\/strong> (WYSIWYG = \u201eWhat You See Is What You Get\u201c): Die Seite wird bereits beim Bearbeiten weitgehend so dargestellt, wie sie sp\u00e4ter im Webbrowser erscheint.<\/li>\n<li><strong>Quelltexteditoren:<\/strong> Hier bearbeiten Sie den HTML-Code direkt. Dazu z\u00e4hlen auch gew\u00f6hnliche Texteditoren.<\/li>\n<\/ul>\n<p>Manche WYSIWYG-Editoren erm\u00f6glichen zus\u00e4tzlich die direkte Bearbeitung des HTML-Codes. Eine \u00dcbersicht \u00fcber kostenlose HTML-Editoren bietet <a href=\"http:\/\/de.wikipedia.org\/wiki\/HTML-Editor\">Wikipedia<\/a>.<\/p>\n<h1>HTML lernen<\/h1>\n<p><a href=\"https:\/\/wiki.selfhtml.org\/wiki\/Einstieg_in_HTML\">SELFHTML-Wiki \u2013 Einstieg in HTML<\/a> \u2013 aktuelle deutschsprachige Einf\u00fchrung<\/p>\n<p><a href=\"https:\/\/www.jetzt-html-lernen.de\/\">Jetzt HTML lernen<\/a> (www.jetzt-html-lernen.de)<\/p>\n<p><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn_web_development\">MDN Web Docs<\/a> \u2013 offizielle Lernressource von Mozilla<\/p>\n<p><a href=\"https:\/\/web.dev\/learn\/html\">HTML course for web developers (web.dev)<\/a><\/p>\n<h1>HTML-Seiten \u00fcberpr\u00fcfen<\/h1>\n<p>Hier k\u00f6nnen Sie Ihre HTML-Seite online auf Fehler pr\u00fcfen lassen:<\/p>\n<p><a href=\"http:\/\/validator.w3.org\/\">HTML-Code pr\u00fcfen lassen<\/a><\/p>\n<p><a href=\"http:\/\/jigsaw.w3.org\/css-validator\/\">Stylesheets pr\u00fcfen lassen<\/a><\/p>\n<p><a href=\"http:\/\/validator.w3.org\/checklink\">Verweise pr\u00fcfen lassen<\/a><\/p>\n<p><a href=\"https:\/\/www.websiteoptimization.com\/services\/analyze\/\">Den Seitenaufbau an sich pr\u00fcfen lassen<\/a><\/p>\n<h1>HTML-Seiten vom MI aus ins Netz stellen<\/h1>\n<p>Am Mathematischen Institut kann jeder Mitarbeiter und jeder Student seine eigene<br \/>\nHomepage einrichten.<br \/>\nDer einfachste Weg ist, Sie geben folgenden Befehle unter Unix ein:<\/p>\n<p>(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<p><code>ssh -l username thales.mi.uni-koeln.de<\/code><\/p>\n<p>(2) nach dem Login ausf\u00fchren:<\/p>\n<p><code>\/usr\/local\/www\/documents\/EDV\/Doku\/Internet\/skript<\/code><\/p>\n<p>Fertig ist Ihre erste eigene Internetseite, die sich jeder beliebige Internetanwender unter:<\/p>\n<p><code>http:\/\/www.mi.uni-koeln.de\/~loginnanme<\/code><\/p>\n<p>ansehen kann.<br \/>\nDas obige Skript erstellt einen Ordner<\/p>\n<p><code>html<\/code><\/p>\n<p>in Ihrem<br \/>\nHomeverzeichnis und darin eine Datei<\/p>\n<p><code>index.html<\/code>.<\/p>\n<p>Dabei wird<br \/>\nIhr Homeverzeichnis und der Ordner<\/p>\n<p><code>html<\/code><\/p>\n<p>allgemein ausf\u00fchrbar gemacht und die Datei<\/p>\n<p><code>index.html<\/code>,<\/p>\n<p>welche die eigentliche Internetseite ist, wird f\u00fcr alle Welt<br \/>\nlesbar gemacht. Jede weitere Internetseite, die Sie gestalten, muss ebenfalls mit dem Befehl:<\/p>\n<p><code>bash&gt;chmod a+r dateiname<\/code><\/p>\n<p>f\u00fcr alle lesbar gemacht werden.<\/p>\n<h1><a name=\"down editieren\"><\/a>HTML-Seiten bearbeiten<\/h1>\n<p>Als erstes starten Sie das Programm &#8222;WinSCP&#8220;. Daf\u00fcr klicken Sie entweder auf das entsprechende Icon auf Ihrem Desktop<\/p>\n<p><center><img decoding=\"async\" src=\"http:\/\/www.mi.uni-koeln.de\/img\/Datenstation\/winscp\/icon.jpg\" alt=\"\" \/><\/center>oder auf Start, wo Sie in das Suchfeld &#8222;WinSCP&#8220; eingeben (Schritt 1) und danach das Programm starten (Schritt 2).<\/p>\n<p><center><img decoding=\"async\" src=\"http:\/\/www.mi.uni-koeln.de\/img\/Datenstation\/winscp\/search.jpg\" alt=\"\" \/><\/center>Bemerkung: Falls das Programm auf Ihrem Rechner fehlen soll, setzen Sie sich mit <a href=\"http:\/\/www.mi.uni-koeln.de\/home-institut\/Alle\/Service\/Datenstation.de.html\">uns<\/a> in Verbindung, damit wir es installieren k\u00f6nnen.<\/p>\n<p>Wenn Sie jetzt das Programm starten, werden Sie dazu aufgefordert, den Server sowie den Benutzernamen einzugeben.<\/p>\n<p><center><img decoding=\"async\" src=\"http:\/\/www.mi.uni-koeln.de\/img\/Datenstation\/winscp\/Login.jpg\" alt=\"\" \/><\/center>Bemerkung: An dieser Stelle empfehlen wir Ihnen, die Programmsprache von english auf deutsch zu \u00e4ndern. Dazu klicken Sie auf &#8222;Languages&#8220; und w\u00e4hlen die deutsche Sprache aus (falls diese Option nicht verf\u00fcgbar sein soll, wenden Sie sich an <a href=\"http:\/\/www.mi.uni-koeln.de\/home-institut\/Alle\/Service\/Datenstation.de.html\">uns<\/a> ), was anschlie\u00dfend durch das Anklicken der Taste Login bzw. Einloggen best\u00e4tigt wird.<\/p>\n<p>Da der interne Editor von WinSCP zu einfach aufgebaut ist, kann jetzt der externe Editor eingestellt werden. Daf\u00fcr<br \/>\n\u00f6ffnen Sie im WinSCP die Einstellungen<\/p>\n<p><center><img decoding=\"async\" src=\"http:\/\/www.mi.uni-koeln.de\/img\/Datenstation\/winscp\/settings_open.jpg\" alt=\"\" \/><\/center>und w\u00e4hlen Sie einen externen Editor aus.<\/p>\n<p><center><img decoding=\"async\" src=\"http:\/\/www.mi.uni-koeln.de\/img\/Datenstation\/winscp\/editor.jpg\" alt=\"\" \/><\/center>==&gt;<\/p>\n<p><center><img decoding=\"async\" src=\"http:\/\/www.mi.uni-koeln.de\/img\/Datenstation\/winscp\/editor_find.jpg\" alt=\"\" \/><\/center>Wir empfehlen Ihnen das Programm &#8222;<b>Weaverslave<\/b>&#8220; 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 &#8222;Weaverslave&#8220; (oder einen anderen Editor Ihrer Wahl) an die erste Stelle.<\/p>\n<p><center><img decoding=\"async\" src=\"http:\/\/www.mi.uni-koeln.de\/img\/Datenstation\/winscp\/editor_first.jpg\" alt=\"\" \/><\/center>Wenn Sie dieses Programm auf Ihrem Rechner vermissen, sagen Sie <a href=\"https:\/\/www.mi.uni-koeln.de\/wp-MIEDV\/das-edv-team\/\">uns<\/a> Bescheid und wir werden es schnellstm\u00f6glich nachinstallieren.<\/p>\n<p>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":"<p>Allgemeines Am Mathematischen Institut k\u00f6nnen ausschlie\u00dflich Mitarbeiterinnen und Mitarbeiter eine eigene Homepage erstellen und bearbeiten. Auch ohne Vorkenntnisse k\u00f6nnen Sie sich in HTML einarbeiten. Kurze Einf\u00fchrungen erleichtern den Einstieg; ausf\u00fchrliche Anleitungen im Internet vermitteln weiterf\u00fchrende Kenntnisse zum Erstellen eigener Webseiten. Einige hilfreiche Links finden Sie im n\u00e4chsten Abschnitt. Zum Erstellen und Bearbeiten einer HTML-Seite k\u00f6nnen &hellip; <a href=\"http:\/\/www.mi.uni-koeln.de\/wp-MIEDV\/unser-serviceangebot\/eigene-html-seite-erstellen-und-bearbeiten\/\" class=\"more-link\"><span class=\"screen-reader-text\">&#8222;Eigene HTML-Seite erstellen und bearbeiten (als Institutsmitarbeiter)&#8220; <\/span>weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1460,"menu_order":2,"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":13,"href":"http:\/\/www.mi.uni-koeln.de\/wp-MIEDV\/wp-json\/wp\/v2\/pages\/1495\/revisions"}],"predecessor-version":[{"id":2637,"href":"http:\/\/www.mi.uni-koeln.de\/wp-MIEDV\/wp-json\/wp\/v2\/pages\/1495\/revisions\/2637"}],"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}]}}