Zu den Webseiten der Universität
  Allgemeines
  MS Windows
& Software-Tools
  Internet & Co.
  Bildbearbeitung
  MS Word
  MS PowerPoint
  Internetkommunikation
& -kooperation
  Internetseitengestaltung
  Klassische Medien
 

Internetseitengestaltung


Eine seminareigene Webseite zu erstellen ist gar nicht so schwer! Mittlerweile gibt es gute WYSIWYG-Editoren (What You See Is What You Get), die einem das zeitaufwendige Erlernen von HTML ersparen. Sie funktionieren ähnlich wie ein Textverarbeitungsprogramm (z. B. MS Word) und reichen vollkommen aus, um eine grundlegende Online-Plattform mit Download- und Kontaktseite für das Seminar zu erstellen.

Notwendig bleiben dennoch der "FTP-Upload", d. h. das Hochladen der Seiten ins Internet und damit einhergehend ein Server bzw. allgemein Webspeicherplatz. Doch auch das ist kaum mehr ein Problem, denn man kann über die Universität oder das Institut Speicherplatz bekommen. Auch WebMail-Anbieter bieten oft Platz für die eigene Webseite an (allerdings begrenzt).

   

Ziel ist die Erstellung einer Webseite des eigenen Kurses, um den Studierenden die Möglichkeit des Kontakts und Downloads von Seminarmaterialien zu geben.

     


Materialien


   

     
  • Basiswebseite (ZIP-Format, ca. 19 kB)
    Hier finden Sie eine im MeHu-Kurs erstellte Basis-Webseite zum Herunterladen.
    Sie beinhaltet eine Startseite, eine Download-Seite und eine Kontaktseite. Selbstverständlich müssen Sie die Inhalte entsprechend Ihren Wünschen und Daten anpassen.

 

 

 

   

Vorlage

     


Viewlets


   

     

Die Viewlets wurden erstellt mit dem Netscape Composer 7.1:

 

Um Viewlets zu speichern,
klicken Sie mit der rechten Maustaste auf das Diskettensymbol ,
und wählen Sie die Option "Ziel speichern unter..."

 

 

 

   

Selbstlerneinheiten

     


Webseitenempfehlungen


   

     
  • E-Mail-Adresse codieren
    Dank SPAM-Mails ist es heutzutage nicht mehr möglich bzw. ratsam, seine E-Mail-Adresse als Link auf der eigenen Webseite anzeigen zu lassen. Die bisher wirksamste Methode gegen SPAM ist, die eigene E-Mail als Bild-Datei anzeigen zu lassen. Der Nachteil ist allerdings, dass der Besucher der Webseite bei Kontaktbedarf die E-Mail abschreiben muss.
    Eine elegantere Lösung (wenn auch nicht 100 %-ig sicher) ist, die E-Mail-Adresse codiert anzuzeigen. Der Nutzer liest die E-Mail als Text, kann auch darauf klicken, doch können die sogenannten Harvest-, Robots- oder Spider-Programme, welche Webseiten nach neuen SPAM-Kunden-Adressen durchsuchen, die Adresse nicht mehr erkennen, da das "@-Zeichen" und auch der "mailto:-Link" fehlen.
    Hier finden Sie ein kleines Programm, welches Ihnen direkt die eigene E-Mail-Adresse in "Unicode" übersetzt. Diesen Code geben Sie dann anstatt der eigentlichen Adresse in den "Quellcode" Ihrer Webseite ein - fertig!

 

   

E-Mail codieren

     
  • FreeFind
    Unter FreeFind finden Sie eine Möglichkeit, um Ihre eigene Suchmaschine für Ihre eigene Website einzubinden. Einziger Nachteil: die Freeware-Version ist auf einige Megabyte begrenzt und leider erscheint dabei auch Werbung.

 

   

Eigene Suchmaschine

     
  • FTP-Upload
    Ein FTP-Upload ist notwendig, um die Dateien, die Sie erstellt haben (z. B. mit dem Netscape Composer) auf den FTP-Server hochzuladen. Nur so kann auf die Webseiten zugegriffen werden.
    Das Rechenzentrum bietet Angehörigen der HHUD Webspace auf dem Uni-FTP-Server. Eine Anleitung dafür finden Sie hier.

 

   

Webseiten hochladen

     
  • FTPSync
    FTPSync ist ein Programm, um die lokalen Dateien mit denen auf dem FTP-Server zu synchronisieren. Das Programm ist einfach zu bedienen und ist als Shareware-Version im Internet verfügbar.

 

   

Server synchronisieren

     
  • HTAccess
    HTAccess ist eine Möglichkeit, um auf einem Apache-Server (wie an der Uni) passwortgeschützte Webseiten zu erstellen. Dafür müssen zwei Dateien in den zu schützenden Ordner hochgeladen werden:

    • .htaccess
    • .htpasswd

    Genauere Informationen und eine manuelle Anleitung sind hier zu finden. Ein notwendiger Passwortgenerator finden Sie hier.
    Alternativ kann man auch dieses PHP-Script (ZIP-Format, ca. 1 kB) verwenden, welches nach dem Hochladen und Ausführen im zu schützenden Ordner eine Eingabe von gewünschtem Benutzername und Passwort verlangt. Es generiert dann in dem Verzeichnis die beiden HTAccess-Dateien. Wichtig ist, dass der "CHMOD" auf 777 gesetzt ist (mittels eines FTP-Programms). Für die Funktion dieses Scripts wird jedoch keine Garantie übernommen.

 

   

Passwortgeschützte Webseiten

     
  • Netscape Composer
    Netscape ist sicherlich bekannt als Konkurrenz zu Microsoft - zumindestens beim Browser. Doch bietet Netscape auch einen WYSIWYG-HTML-Editor an (Netscape Composer), der einen recht sauberen Code schreibt. Dieser Editor ist auch Grundlage für die Viewlets.
    Nach der Installation haben Sie allerdings das gesamte Paket von Netscape auf dem Computer. Das lässt sich nicht ändern. Doch können Sie in den Optionen einstellen, dass beim Start direkt der Composer geladen wird. Zudem können Sie verhindern, dass nicht der Netscape Navigator als Standardbrowser eingerichtet wird.

 

   

HTML-Editor

     
  • Page-Portal
    Auf Page-Portal sind nützliche Tipps zur Webseitengestaltung zu finden. Zudem kann man einige hilfreiche Scripte runterladen (PHP, Java, CSS) sowie Homepagevorlagen. Einfach mal durchstöbern ...

 

   

Vorlagen-Seite

     
  • SELFHTML
    SELFHTML ist eine Einführung in HTML und das Erstellen von Internet-Seiten. SELFHTML enthält sowohl einführende Kapitel für Anfänger als auch reine Nachschlagekapitel für Profis. Die Dokumentation ist eine Mischung aus Tutorial und Referenz.

 

   

Nachschlagewerk

     
  • SmartFTP
    SmartFTP ist ein sehr einfach gehaltenes FTP-Programm, um seine Webseiten hochzuladen und sonstige Änderungen vorzunehmen (z. B. CHMOD setzen).
    Der Vorteil gegenüber Ipswitch WS_FTP: es ist kostenlos und hat alle notwendigen Funktionen. Außerdem sind Tutorials ähnlich wie die Viewlets für das Programm im Netz abrufbar. Allerdings auf Englisch.

 

   

FTP-Programm

     
  • TopStyle Lite
    TopStyle Lite ist ein Editor für CSS (Cascading Style Sheets). Es hilft, die Formatierung besser zu sehen und somit schneller und einfacher zu arbeiten. Die Lite-Version ist als Freeware zu bekommen.

 

   

CSS-Editor

     
  • XENU Linkchecker
    Der kostenlose Linkchecker Xenu überprüft Ihre Webseiten auf Links, die nicht mehr existieren.

 

   

Links überprüfen

   
     
 
 Kommentare zu diesen Seiten bitte per E-Mail-Formular - Stand 06.01.2005