Zum Inhalt

Inhaltsverzeichnis • Teil 1 - Anfänger • Webpräsenz • Webpräsenz
⇦ Vorbereitungen / Teil 2 - Fortgeschritten ⇨
25.07.2014 08:53:13

Webpräsenz

Webpräsenz mit Leben füllen

Das war jetzt eine ganze Menge Holz auf einmal. Aber jetzt können wir weitere Seiten für unser Projekt erstellen.

Zunächst zur Übersicht noch einmal die Verzeichnisstruktur (Verzeichnisse enden mit „/“):

  • mein_projekt/
    • bilder/
      • logo.png
    • css/
      • layout.css
    • iframes/
      • kopf.html
      • menu.html
    • js/
      • funktionen.js
    • Seitenvorlage_zum_Kopieren.html
    • index.html
    • kontakt.html
    • impressum.html

Übung:

  • Spielen sie mit den vorhanden Dateien herum und schlagen sie in der Referenz neue Attribute und Werte nach.
  • Erstellen sie die Seiten (index.html, impressum.html und kontakte.html) auf Basis der Seitenvorlage.
  • Erstellen auf Basis der Seitenvorlage weitere Seiten (bilder.html, ) und passen sie das Menü (vorlagen/menu.html) entsprechend an.

Anhang: Tastaturkommandos

Wenn sie eine weitere Seite erstellen wollen, kopieren sie die Seitenvorlage und benennen sie entsprechend um. Vergessen sie nicht, diese Seite im Menü zugänglich zu machen. Als Kontaktseite können sie beispielsweise ihre Visitenkarte benutzen. Für das Impressum benutzen sie eine Impressumsgenerator (googlen). Auf der Hauptseite (index.html) stellen sie sich beispielsweise selbst kurz vor.

Zu guter letzt können sie die Seite auf einen Webserver kopieren. (Anhang: Benutzung von FTP)

Zusammenfassung

⇦ Vorbereitungen / Teil 2 - Fortgeschritten ⇨
Nach oben