Neu30 Suche in meinem Heimatblatt Mein Heimatblatt Hochschulrechenzentrum Universität

Schein Kurse, allgemein Übungsaufgaben und Lösungen Template Validierung-Tools Vorgehen mit Phase 5

Workshop "WWW-Dokumente erzeugen mit HTML"
"Die eigene Homepage im WWW"

Inhalt:

• Der Begriff "Homepage"
• Voraussetzungen für diesen Kurs
• HTML-Werkzeuge
• Übungsaufgaben und Lösungen
• "Gute" und "schlechte" Seiten
• Anleitungen
• Kurs-Materialien
• Grundlagen
• Nützliches
• Teilnahmebestätigung

Der Begriff "Homepage"

Im Zusammenhang mit den eigenen WWW-Dokumenten ist zumeist von "Homepage" die Rede. Allerdings wird der Begriff recht unterschiedlich und widersprüchlich benutzt:

• Meistens bezeichnet er die Gesamtheit der eigenen WWW-Dokumente, die eines Instituts usw.
• Manchmal bezeichnet er aber auch nur genau ein Dokument: das eigene WWW-Haupt-Dokument oder WWW-Ausgangsdokument (oder das eines Instituts, usw.).

Unabhängig davon, in welcher Bedeutung der Begriff "Homepage" (wörtlich übersetzt etwa Heimatseite) verwendet wird, ist er auch sonst ziemlich unsinnig, denn schon ein einzelnes WWW-Dokument umfasst normalerweise mehr als eine Bildschirm- oder Druckseite.

Leider hat sich aber "Homepage" schon zu sehr eingebürgert, so dass ich den Begriff hier notgedrungen ebenfalls verwende.

Voraussetzungen für diesen Kurs

Vorausgesetzt werden

• gute Kenntnisse im Umgang mit einem WWW-Browser, z.B. mit Netscape, Internet Explorer, Opera
• Kenntnisse im Umgang mit dem Betriebssystem Windows 95/98/NT/2000, wie z.B.
  • Dateien editieren,
  • Dateien löschen,
  • Dateien verschieben,
  • Dateien kopieren,
  • Dateien umbenennen,
  • Arbeiten mit der Maus
• Anfangskenntnisse im Umgang mit dem Betriebssystem UNIX, wie z.B.
  • Dateien editieren,
  • Dateien löschen (rm),
  • Dateien verschieben (mv),
  • Dateien kopieren (cp),
  • Dateien umbenennen (mv),
  • Zugriffsrechte setzen (chmod bzw. publicwww),
  • Verzeichnisse anlegen und löschen (mkdir bzw. rmdir),
  • in Verzeichnisse wechseln (cd)
• Kenntnisse im Umgang mit FTP (File Transfer)

Kenntnisse auf den entsprechenden Gebieten können Sie in Workshops am HRZ Gießen erwerben. Siehe dazu auch "Veranstaltungen des HRZs".

Sehr sinnvoll ist es außerdem, wenn Sie

• eine eigene Benutzerkennung für die UNIX-Rechner des HRZs besitzen.

HTML-Werkzeuge

Zum Erstellen von HTML-Dateien benötigen Sie entsprechende Werkzeuge. Dazu reicht eigentlich

• ein normaler Texteditor

Einfacher und eleganter geht es mit speziellen HTML-Editoren, wie beispielsweise mit:

• HTML EDITOR PHASE 5 (kostenlos); ein deutsches Handbuch dazu;
  Siehe dazu auch "Praktisches Vorgehen mit dem HTML-Editor Phase5"
• Arachnophilia 5.2 (kostenlos); ein Handbuch dazu.
• 1st Page 2000 v2.0 Final (kostenlos). Mir ist nicht bekannt, ob das Produkt noch weiter entwickelt wird.
• WebDwarf Free 2.5 (kostenlos)
• Netscape Composer (7.x): Es handelt sich dabei um einen einfach zu bedienenden Quasi-WYSIWYG-HTML-Editor. Ein deutlicher Fortschritt gegenüber der Version 4.x [siehe unten]!
• HoTMetal (lizenzpflichtig); wird am HRZ Gießen im PC-Raum 14 eingesetzt; eignet sich aber nicht für XHTML, XML
• Macromedia Dreamweaver MX (lizenzpflichtig)

Viele andere Möglichkeiten sind aus verschiedenen Gründen m.E. nicht zu empfehlen:

• Word 2000, Access 2000, usw.: Hier können Sie durch den Befehl Datei > Als Webseite speichern... ein Word-2000-Dokument bzw. eine Access-2000-Datei usw. als "HTML"-Dokument abspeichern. Was da allerdings "rauskommt",
  • ist eher XHTML,
  • ist sehr stark auf die visuelle Darstellung des Dokuments abgestimmt und
  • ist nur dann vernünftig einsetzbar, wenn die Microsoft-spezifischen Namensräume zur Verfügung stehen oder wenn das Ergebnis mit Hilfe spezieller Programme (z.B. HTML TIDY) nachbearbeitet wird.
• Frontpage: Es handelt sich dabei um ein sehr mächtiges Werkzeug für die Erstellung und Bearbeitung von WWW-Projekten. Frontpage macht sehr starken Gebrauch von HTML-Kommentaren und ist nur dann mit allen Eigenschaften einsetzbar, wenn auf dem betreffenden WWW-Server auch die Frontpage-Extensions installiert sind.
• Netscape Composer (4.x): Es handelt sich dabei um einen einfach zu bedienenden Quasi-WYSIWYG-HTML-Editor. Allerdings ändert er an vielen Stellen -- ohne Ihr Zutun -- HTML-Befehle ab. So macht er beispielsweise
  <i>hervorgehoben</i> aus <em>hervorgehoben</em> und
  <b>hervorgehoben</b> aus <strong>hervorgehoben</strong>.

Mehr zu dem Thema "HTML-Werkzeuge" finden Sie bei

• Stefan Münz "SELFHTML Linkverzeichnis: HTML-Editoren" [http://selfaktuell.teamone.de/links/html_editoren.htm]
• Tucows: bei Ihrem Wunsch-Betriebssystem + Internet Categories + HTML Editors

Übungsaufgaben und Lösungen

Eine Übersicht über mögliche Themen des Kurses gibt die folgende Tabelle:

Die Tabelle zeigt, dass nur ganz wenige Themen erschöpfend im Kurs behandelt werden können; andere -- sicherlich sehr interessante -- Themen sind nicht Gegenstand dieses Kurses:

• Multimedia-Objekte; siehe Stefan Münz: [html/multimedia/]
• Java; Einführung in Stefan Münz: [intro/technologien/java.htm]
• Layer; siehe Stefan Münz: [html/layer/]
• JavaScript; siehe Stefan Münz: [javascript/]
• Dynamisches HTML (DHTML); siehe Stefan Münz: [dhtml/]
• CGI und Perl; siehe Stefan Münz: [cgiperl/]
• ASP (Active Server Pages); Einführung in Stefan Münz: [intro/technologien/asp.htm]
• ActiveX; Einführung in Stefan Münz: [intro/technologien/activex.htm]
• Flash; Einführung in Stefan Münz: [intro/technologien/flash.htm]
• PHP; siehe z.B. "SELFPHP 1.0!" (http://www.selfphp3.de/) oder "PHP Handbuch" (http://php3.de/manual/de/)
• PHP und MySQL; siehe den Kurs "Einführung in PHP und MySQL" von Dieter Weiß
• XML und XML-Abkömmlinge; siehe Stefan Münz: [xml/]; siehe auch meine beiden XML-Kurse: 1. XML-Kurs und 2. XML-Kurs
• PDF; siehe mein PDF-Kurs

"Gute" und "schlechte" Seiten

• Relativ leicht lässt sich sagen, wie ein korrektes HTML-Dokument auszusehen hat:
  Ganz einfach: Wenn es den Regeln genügt, die durch das W3-Konsortium veröffentlicht wurden. Siehe dazu auch Abschnitt "Grundlagen".
• Viel schwieriger ist es, guten HTML-Stil zu beschreiben. Lesen Sie dazu aber vielleicht einmal Stefan Münz: Guter HTML-Stil [html/allgemein/stil.htm]
• Das Meiste können Sie m.E. lernen, wenn Sie Die Goldenen Regeln für schlechtes HTML (http://www.karzauninkat.com/Goldhtml/) beherzigen.
• Beachten Sie zusätzlich auch noch Barrierefrei kommunizieren - Barrierefreie Websites und Web Content Accessibility Guidelines 1.0.

Anleitungen

• Dieter Weiß: So wird's gemacht: Homepages für Angehörige der JLU Gießen (http://www.uni-giessen.de/admin/www/homepage-anleitung.html)
• Dieter Weiß: FTP-Kurzanleitung (http://www.uni-giessen.de/hrz/kommuni/ftp/ftpkurz.html)
• Jürgen Obermann: Benutzereigene CGI-Programme (http://www.uni-giessen.de/admin/www/usercgi.html)
• Jürgen Obermann: Informationen zum Suchsystem ht://Dig (http://www.uni-giessen.de/htdig/info.html)
• Jürgen Obermann: Tips zur Suche mit ht://Dig (http://www.uni-giessen.de/htdig/tips.html)
• Stefan Münz: "Die Energie des Verstehens: SELFHTML -- HTML-Dateien selbst erstellen" (http://selfaktuell.teamone.de/extras/download.shtml)
  lokale, entpackte Kopie am HRZ Gießen: http://www.uni-giessen.de/hrz/htmldocs/selfhtml/

Kurs-Materialien

• Dieter Weiß: Material zu meinen Workshops über Internet und HTML (http://www.uni-giessen.de/~g004/workshops/html/)
• Günter Partosch: Günter Partosch's Bookmarks (http://www.uni-giessen.de/partosch/bookmarks-gp.html); wahrscheinlich hoffnungslos veraltet!
• Günter Partosch: Nachschlagen von A-Z; wahrscheinlich hoffnungslos veraltet!
• Dieter Weiß: Nachschlagewerke und Auskunftssysteme
• Günter Partosch: Einige Links in SELFHTML, Version 8.0
• Günter Partosch: Einige Links in SELFHTML, Version 7.0 (nicht mehr an allen Stellen aktuell)
• Günter Partosch: CSS2-Style-Fragmente (siehe dazu auch das Material zu einem früheren CSS-Kurs)
• Günter Partosch: HTML-Gerüst / HTML-Template

Grundlagen

• HTML-2.0-Spezifikation (http://www.w3.org/MarkUp/html-spec/html-pubtext.html)
• HTML-3.2-Spezifikation (http://www.w3.org/TR/REC-html32.html)
• HTML-4.0-Spezifikation (http://www.w3.org/TR/REC-html40/)
• HTML-4.01-Spezifikation (http://www.w3.org/TR/html401/)
  [Abschluss der HTML-Spezifikationen]
• XHTML 1.0: The Extensible HyperText Markup Language - A Reformulation of HTML 4 in XML 1.0 (http://www.w3.org/TR/xhtml1/)
• Cascading Style Sheets (CSS1) Level 1 Specification (http://www.w3.org/TR/REC-CSS1)
• Cascading Style Sheets, level 2 (CSS2) Specification (http://www.w3.org/TR/REC-CSS2/)
• Web Style Sheets (http://www.w3.org/Style/)
• Cascading Style Sheets (http://www.w3.org/Style/CSS/)

Nützliches

• HTML Validation Service (http://validator.w3.org/)
• W3C CSS-Valiierungsservice (http://jigsaw.w3.org/css-validator/)
• W3C(r) Link Checker (http://validator.w3.org/checklink)
• Clean up your Web pages with HTML TIDY (http://www.w3.org/People/Raggett/tidy/)

Siehe dazu auch "Einige Tools zum Validieren von HTML-Dokumenten".

Teilnahmebestätigung

Dieses Dokument wurde seit dem 28. Juli 2003 -mal aufgerufen.

$Revision: 1.90 $ ($Date: 2004/10/17 14:13:17 $) by $Author: g029 $