Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/danieldiekmeier/htw-webprogrammierung


https://github.com/danieldiekmeier/htw-webprogrammierung

Last synced: about 7 hours ago
JSON representation

Awesome Lists containing this project

README 

        
# Anforderungen 1



Erstellen Sie eine Webpräsenz in HTML 5 wie folgt:



- Die Indexseite. Sie enthält ein Willkommen für den Anwender mit Informationen zur gesamten Webpräsenz.

- Füllen Sie die Datei mit Text, Grafiken können Sie während des Semester nachreichen.

- Eine Seite mit Informationen zu Ihrer Gruppe und den einzelnen Mitgliedern.

Füllen Sie die Datei mit Text, Grafiken können Sie während des Semester nachreichen.

- Eine Seite für Hilfsmittel (links) zu den Themen CSS, HTML 5, semantisch korrrektes HTML, JavaScript, Validierung, Webstandards, Accessibility, Usability, XML.

- Geben Sie zu jedem Link eine kurze schriftliche Beschreibung



Jedes einzelne HTML-Dokument besteht aus:



- Logobereich. Dieser Bereich muß nicht zwangsweise mit einer Grafik ausgestattet werden, eine Überschrift ist ausreichend

- Inhaltsbereich. Hier gibt es schriftlichen, möglicherweise auch grafischen Inhalt für die jeweilige Seite.

- Navigationsbereich

- Fußzeile, der vielleicht auf ein Impressum o.ä. verweist. Dieser Bereich muß sich nicht zwangsweise am Seitenende befinden.

- Planen Sie bereits jetzt, daß Sie ein Layout für den Browser und eines für den Druck oder für ein Handheldgerät erstellen werden.



Legen Sie sich eine übersichtliche Verzeichnisstruktur an, benennen Sie Ihre Dateien sinnvoll. "Übung1.html" ist kein sinnvoller Dateiname.



In den Metagangaben stehen Ihre Namen und Matrikelnummern.

Alle Dateien sind valide und semantisch korrekt.



Laden Sie alle Dateien gepackt mit der Aufgabenstellung ins Moodle.



Sie können für diese Aufgabe die folgenden Punkte erhalten:

- Alle Dateien vorhanden 1 Punkt

- Alle Informationen in allen Dateien 3 Punkte

- Alle Dateien valide 3 Punkte

- Alle Dateien semantisch korrekt 3 Punkte

- Dateinamen und Verzeichnisstrukur 1 Punkt

- Beantwortung aller Fragen zur Übungsabgabe 4 Punkte

- Hochladen der Dateien 1 Punkt



Insgesamt 16 Punkte



# Anforderungen 2



Überlegen Sie, welches Layout Ihre Dateien aus der ersten Übung haben sollen und halten Sie es grob auf Papier fest (Farben, Positionierung, Schriften, Abstände, etc.).



Versuchen Sie das Layout mit Hilfe von CSS-Dateien umzusetzen.

Erstellen Sie mindestens zwei CSS-Dateien, eine für den Screen und eine für Print.

Verwenden Sie eine Reset-Datei.

Binden Sie CSS wie folgt ein:



- im ``

- über andere CSS-Dateien

- mit höchster Priorität im html



Verwenden Sie mindestens ein Pseudo-Element oder eine Pseudo-Klasse, zusätzlich zu üblichen Linkzuständen, wie hover etc.

Alle Dateien, auch die CSS-Dateien müssen valide sein.

Warnungen für die CSS-Dateien sind bei vorliegender sinnvoller Begründung, im Kommentar, erlaubt.



Laden Sie alle Dateien gepackt mit der Aufgabenstellung ins Moodle.



Sie können für diese Aufgabe folgende Punkte erhalten:

- Alle Dateien vorhanden 1 Punkt

- Anwendung aller Einbindungsmöglichkeiten 2 Punkte

- Pseudoklasse oder -element 1 Punkt

- Alle Dateien sind valide oder mit begründeten Warnungen behaftet 2 Punkte



Anwendung aller im SU besprochenen Konzepte:

- verschiedene Arten von Selektoren 3 Punkte

- Auslagerung von Gemeinsamkeiten 1 Punkt

- Vermeidung von Redundanzen 2 Punkte



- sinnvolles Positionierungskonzept 2 Punkte

- Zufriedenstellende Beantwortung aller Fragen zur Übungsabgabe 4 Punkte

- Hochladen der Dateien 1 Punkt



Gesamte Punktzahl: 19 Punkte



# Anforderungen 3



Fügen Sie Ihrer Webpräsenz ein weiteres HTML-Dokument hinzu und bearbeiten Sie es wie folgt:



Empfangen Sie den Anwender und bieten Sie ihm ein Spiel an.

Eine Bildergeschichte mit mehreren Ausgängen, wobei der Anwender selbst seinen Weg wählen kann.

Dieses Spiel ist ein Vorschlag, der sich auf die im SU besprochenen Konzepte bezieht. Gerne dürfen Sie einen Gegenvorschlag machen und diesen Umsetzen. Besprechen Sie Ihre Ideen vorab mit mir.



Vorgefertigte Lösungen aus dem Netz werden nicht bewertet.

Sollten Sie einzelne passende Codeblöcke im Netz finden, die Ihnen helfen, so dürfen Sie diese gern verwenden, sofern Sie alles entfernen, was Sie nicht benötigen und den Code verstehen und erklären können.

Bedenken Sie außerdem, daß Ihre HTML-Dateien hinterher noch valide sein müssen, was mit vorgefertigten Lösungen nicht immer der Fall ist.



Laden Sie Ihre Dateien Dateien gepackt ins Moodle.



Sie können folgende Punkte erhalten:

- Die neue HTML-Datei ist sinnvoll in der Gesamtpräsenz eingegliedert 1 Punkt

- Die HTML- und CSS-Dateien sind valide, die CSS-Dateien können mit begründbaren Warnungen behaftet sein 2 Punkte

- Die JavaScript-Datei(en) sind ausführbar 2 Punkt

- Im SU besprochene JavaScript-Konzepte sind umgesetzt 2 Punkte

- Die Dateien sind hochgeladen 1 Punkt

- Struktur, Layout und Verhalten sind strikt getrennt 2 Punkte

- Das JavaScript ist erklärbar und die Fragen zur Abgabe werden zufriedenstellend beantwortet 8 Punkte



Insgesamt 18 Punkte