Lektion 2c

Projekt-Website

Inhalt und HTML

Füge mindestens die folgenden Inhalte in deine Webseite ein:

  • Titel mit Untertitel (<h1>Titel<span class="untertitel">und Untertitel</span</h1>)
  • Ein Abschnitt mit 2,3 Sätzen (<p>)
  • Mehrere Bilder

Projektstruktur

  • Füge deinem Projektordner folgende Ordner hinzu: /images, /css
  • Lege die Bilder in den images-Ordner und passe die Pfade an
  • Erstelle eine Datei style.css im Ordner /css
  • Verknüpfe diese CSS-Datei in der HTML-Datei
  • Link zur Vorlage für diese Ordner-Struktur
  • Erstelle ein Backup dieses Ordners

CSS

  • Style die Basics deiner Website
  • Style so viel wie du kannst, google weitere Befehle
  • Lege den Projektstand Ende Nachmittag in die Wolke

Projekt-Website weitere Aufgaben

1. Liste/Links

Füge deiner Website eine Liste hinzu (Aufzählung).
Fülle die Liste mit Links zu weitere Informationen zu deinem Thema.

2. Styling

Verwende für das Styling deiner Website mindestens 5  der folgenden  CSS-Eigenschaften:

  • color
  • text-decoration
  • font-size
  • font-family
  • background-color
  • line-height (zur Visualisierung gemeinsam mit background-color verwenden)
  • text-transform
  • Google wenn du mehr über eine Eigenschaft wissen möchtest:,  wie folgt:  "CSS text-decoration"

3. Wolke

Lege das Resultat auf der Wolke ab.

 

 

Fortgeschritten/Optional