Willkommen zum Kurs [9] Erstellen von WWW-Dokumenten

Referent: Adriano Pistoia
Dauer: 26.9.2005 - 30.9.2005 (13:30 bis 15:00)
Hörsaal VIII im Hauptgebäude

Bei Fragen, wenden Sie sich per Email an: pistoia@uni-koeln.de

Empfohlene Literatur:
"Publizieren im World Wide Web - Eine Einführung", RRZN, 4. Auflage (erhältlich im Dispatch RRZK-B)
"SelfHTML", http://de.selfhtml.org/
Linksammlung vom RRZK

Kursplanung

Tag 1Downloads
  • Einleitung
  • Grundlegende HTML Befehle
  • Zeichenformatierung
  • Beispiel
Um Dateien herunter zu laden, rechts auf den Link klicken und "Ziel speichern unter..." wählen. Beispiel Grundlegende HTML Befehle | Quellcode
Beispiel Zeichenformatierung | Quellcode
 
  Links
  Übersicht der HTML Farben
Browser: Opera
Browser: Firefox
  
Tag 2Downloads
  • Verweise / Grafiken
  • Tabellen
  • Beispiel
Beispiel Bild 1 | Quellcode
Beispiel Bild 2 | Quellcode
Beispiel Links / Verweise | Quellcode
Beispiel Tabellen 1 | Quellcode
Beispiel Tabellen 2 | Quellcode
Fragen 1 | Quellcode
Fragen 2 | Quellcode
  Links
  Was muss alles in ein Impressum?
Wie maskiert man Emailadressen?
Webseite um Emailadressen zu maskieren
  
Tag 3Downloads
  • Frames
  • Wysiwg Html Editoren
  • CSS
  • Beispiel
Wiederholung: Tabelle in der Tabelle | Quellcode
 
Bsp zu Frames
index.html
menu.html
willkommen.html
willkommen2.html
 
Grundgerüst von Frames | Quellcode
Individuelle Sytle Sheet Regeln | Quellcode
Dokumentweite Style Sheet-Regeln | Quellcode
HTML mit externer CSS Datei | Quellcode
Die externe CSS Datei
  Links
  Liste mit kostenlosen HTML Editoren
NVU
Macromedia Dreamweaver
  
Tag 4Downloads
  • Seitengestaltung mit Cascading Stylesheets
  • Beispiel
Absolute Positionierung | Quellcode
Relative Positionierung | Quellcode
Kombination | Quellcode
Positionierung mit FLOAT | Quellcode
  Links
  Ein Beispiel Impressum (Benutzung auf eigenes Risiko!)
CSS4You.de
Einführung in CSS
  
Tag 5Downloads
  • Komplettes Seitendesign
  • SHTML
  • Publizieren am RRZK
  • Fragen
Ein komplettes Seitendesign
index.html | Quellcode
gallerie.html | Quellcode
CSS Datei
Bilder
Galerie Bild 1 klein
Galerie Bild 2 klein
Galerie Bild 3 klein
Galerie Bild 4 klein
Galerie Bild 5 klein
Galerie Bild 6 klein
Galerie Bild 1 gross

  Links
  Ein Beispiel Impressum (Benutzung auf eigenes Risiko!)
CSS4You.de
Einführung in CSS
CSS Zengarden, verschiedene Design Beispiele
 
WinSCP - Programm, um Dateien auf den Uni Server hochzuladen
RRZK Dokumentation von verschiedenen HTML Editoren
Publizieren auf dem Uni Server - LESEN!
Organisatorische Regelungen
Uni Design-Vorlagen
Eine neue Seite im Uni Design erzeugen

Valid HTML 4.01 Transitional