Hinweise zum Praktikum

Erstellen eines Mini-Projektes nach Vorlage

• Design von Web-Auftritten basiert immer häufiger auf Vorlagen (Mustern)!
• oft beobachtet: diverse Projekte eines Auftragnehmers ähneln sich im Design
• eine Möglichkeit: Vorgefertigte Layouts in Selfhtml
• Empfehlung für Praktikum: Layout Nr.2
• Ablauf (Vorschlag):
  1. Überlegen Sie sich, welche Inhalte Ihr Web-Auftritt umfassen soll.
  2. Nutzen Sie für Ihre Arbeit die Kursunterlagen, insbesondere die mit dem Mozilla-Ikon gekennzeichneten Teile (Verwendung des Mozilla-Composers)!
  3. Legen Sie ein entsprechendes Projektverzeichnis unterhalb des Verzeichnisses H:\public_html (Windows) bzw. $HOME/public_html (Linux), z.B. mit dem Namen projekt1 an.
  4. Kopieren/Speichern Sie, wie im Dokument für die Vorlage unter "ZIP-Datei mit den Dateien des Layouts speichern" beschrieben ist, die Vorlage in Ihr neu angelegtes Projektverzeichnis. Die ZIP-Datei muss ggf. noch entpackt werden. Gehen Sie dazu z.B. im Windows mit dem Explorer in das Projektverzeichnis, markieren die ZIP-Datei mit der rechten Maustaste - "Alle extrahieren". Dabei entstehen mehrere .html-Dateien, eine Datei style.css und ein Verzeichnis namens img für die Bilder. Diese "Vorlagen" können nun für Ihren eigenen Web-Auftritt verwendet werden.
  5. Schauen Sie sich vor dessen Bearbeitung (Empfehlung: mit dem Mozilla Composer) das jeweilige Dokument der Vorlage an. Versuchen Sie einige grundlegende Konzepte der Design-Umsetzung nachzuvollziehen, insbesondere die Anordnung der Bilder, die Verwendung von Tabellen, die Gestaltung des Hintergrundes, das "Zusammenwirken" mit den anderen Dokumenten usw.
     Empfehlung für das weitere Vorgehen:
  6. Gestalten Sie zunächst die Portal-Seite index.htm nach eigenem Gusto.
  7. Nehmen Sie (marginale) Änderungen auf der Kontakt-Seite kontakt.htm vor.
  8. Passen Sie auch die erste Beispielseite beispielseite.htm an Ihre Vorstellungen an.
  9. Nehmen Sie sich eine weitere Beispielseite bzw. eine Untermenu-Seite vor. Was ist hier zusätzlich zu tun?
  10. Kontrollieren Sie jeweils Ihre Ergebnisse im Webbrowser.