Projekt

Übersicht

Sie werden Ihre eigene Website in mehreren Schritten erstellen. Dabei werden Sie verschiedene Technologien einsetzen:

  • HTML
  • CSS
  • PHP
  • SQL

Die Projektschritte sind aufeinander abgestimmt und bauen jeweils auf dem vorherigen Schritt auf. Sie erweitern somit Ihre Website kontinuierlich mit weiteren Funktionalitäten. Dieser Projektteil ist eine Einführung in HTML. Wir verwenden HTML 5.

Template

Sie erstellen drei Webseiten. Bitte verwenden Sie für jede HTML-Datei die folgende Vorlage (Template): 

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <title>TITEL</title>
</head>
<body>
<!-- Notieren Sie alle Inhalte in den Body. Nutzen Sie die header, main, footer Struktur. -->
<header>
    <!-- Header: Hier kommt das Menü rein und eventuell eine Überschrift. -->
    <nav>
        <ul>
            <li>Erster Menüeintrag</li>
        </ul>
    </nav>
</header>
<main>
    <!-- Main: Pro Section kann man ein Thema mit einer Überschrift präsentieren. -->
    <section>
        <!-- Section: Erstes Thema -->
    </section>
    <section>
        <!-- Section: Zweites Thema -->
    </section>
</main>
<footer>
    <!-- Footer: Immer zuletzt auf der Webseite. -->
    <address>
        <!-- Angaben zum Autor -->
    </address>
</footer>
</body>
</html>

Beispiel

Sie finden unter demo.html.ginf.ch ein Beispiel.

Bewertungskriterien

Sie finden die Kriterien in Microsoft Teams.