A. Praxisaufgabe
1. Aufgabe:
In diesem Teil können Sie insgesamt 50 Punkte erreichen.
Sehen Sie sich bitte eine Webseite Ihrer Wahl an (diese sollte ausreichend komplex sein, damit Sie auch möglichst viele der unten aufgelisteten Merkmale aufweist. Eine bestimmte Seite vorzugeben, macht keinen Sinn, da sich Webseiten ständig ändern). Machen Sie bitte einen Screenshot einer typischen Seite und drucken Sie diesen aus (bitte die Seite nicht direkt ausdrucken, da die meisten modernen Webseiten für den Druck eine spezielle Formatierung anwenden, die möglicherweise ganz anders aussieht als die Bildschirmversion!). Analysieren Sie die Seite in Bezug auf die Merkmale, die Sie in diesem Studienheft kennengelernt haben, also:
• Ist das Layout fest oder flüssig? Bitte benutzen Sie zur Beantwortung dieser Frage im Zweifelsfall den Zeigemodus der Entwicklertools von Firefox oder Chrome!
• Zeigt die Seite ein adaptives bzw. responsives Verhalten?
• Welche vertikalen Schichten sind erkennbar?
• Wie ist die Spalteneinteilung (symmetrisch oder asymmetrisch)?
• Kann man gegebenenfalls ein zugrunde liegendes Gestaltungsraster erkennen?
• Welches Navigationskonzept benutzt die Seite?
• Welche wiederkehrenden Merkmale wurden benutzt?
• Welche Orientierungs- und Navigationselemente gibt es?
Zur Beantwortung der ersten beiden Fragen ändern Sie bitte die Breite Ihres Browserfensters oder verwenden Sie die Funktion Extras/Web-Entwickler/Bildschirmgröße testen in Firefox!
Markieren Sie bitte die beobachteten Merkmale (z.B. Schichten, Spalten, Elemente) direkt auf dem Ausdruck und schreiben Sie zusätzlich in eine Textdatei alle Resultate Ihrer Analyse (max. 1 Seite DIN A4). Scannen Sie den Ausdruck ein. Als Alternative können Sie den Screenshot auch direkt mit einem Bildbearbeitungsprogramm bearbeiten (Markierungen vornehmen oder Beschriften).
Erstellen Sie dann bitte einen Ordner mit der Bezeichnung name-webd1a-aufgabe. Speichern Sie bitte den bearbeiteten Screenshot (Scan oder Bilddatei) dort hinein. Speichern Sie dort bitte zusätzlich auch noch eine Datei, in der Sie die Lösung des Multiple-Choice-Teils in geeigneter Form liefern (z.B. als Scan oder die jeweiligen Antworten im Klartext in einer Textdatei). Dann zippen Sie bitte den gesamten Ordner und reichen so Ihre Gesamtlösung durch Upload auf der Online-Lernplattform ein.
[. . .]
B. Multiple Choice
Bitte beantworten Sie die folgenden 10 Fragen durch Ankreuzen der richtigen Antwort. Zu jeder Frage gibt es nur eine (!) richtige Antwort. Jede korrekt gelöste Frage wird mit 5 Punkten gewertet, sodass Sie in diesem Teil insgesamt 50 Punkte erreichen können. Bitte erfassen Sie die Lösungen der Multiple-Choice-Fragen digital: Schreiben Sie dazu bitte die Lösung in das Textdokument von Teil A oder scannen Sie den Fragebogen ein (als PDF oder JPEG), nachdem Sie ihn ausgefüllt haben. Packen Sie bitte die Textdatei und die Scandateien in ein ZIP-Archiv und laden Sie dieses über die Online-Lernplattform hoch.
Bitte lesen Sie sich die Fragen aufmerksam durch, bevor Sie antworten. Viel Erfolg!
1. Aufgabe:
Welcher Satz ist nicht korrekt?
[ ] Homepage ist gleichbedeutend mit Internetauftritt.
[ ] Die Homepage ist die Startseite eines Internetauftritts.
[ ] Eine Website umfasst alle Webseiten eines Internetauftritts.
[ ] Eine Website enthält alle Ressourcen, die für den Internetauftritt notwendig sind.
2. Aufgabe:
Welche Aussage trifft zu?
[ ] CSS ist eine clientseitige Programmiersprache.
[ ] HTML ist eine Auszeichnungssprache und beschreibt die Struktur einer Webseite
[ ] HTML und CSS ermöglichen die Trennung von Inhalt und Gestaltung.
[ ] JavaScript ist die Programmiersprache von Flash.
3. Aufgabe:
Als Viewport bezeichnet man
[ ] das Browserfenster inkl. aller Scroll- und Symbolleisten
[ ] den Anzeigebereich im Browserfenster, der den ohne Scrollen sofort sichtbaren Bereich eines Layouts enthält.
[ ] den Touchscreen mobiler Geräte.
[ ] Alle Spalten eines Weblayouts ohne die Sidebar.
4. Aufgabe:
Welche Aussage passt zum Content-First-Konzept?
[ ] weniger ist mehr
[ ] Das Layout sollte sich an Content anpassen und nicht umgekehrt
[ ] Wenn für zweitrangige Informationen kein Platz vorhanden ist, werden diese einfach weggelassen
[ ] schrittweise Verbesserung
5. Aufgabe:
Welches Layout entspricht dem Prinzip des Responsive Webdesign?
[ ] Flexible Breite, basierend auf einem Gestaltungsraster.
[ ] Asymmetrisches Spaltenlayout mit Media Queries.
[ ] Flexible Breite mit Media Queries.
[ ] Festes Layout mit Media Queries.
6. Aufgabe:
Welche Bestandteile enthalten Media Queries typischerweise?
[ ] Medientyp und Viewportgröße
[ ] Medientyp und Layoutkonzept
[ ] Bildschirmauflösung und Gerätehersteller
[ ] Layouttyp und Rasterweite
7. Aufgabe:
Zu welcher Position einer Webseite richtet sich die Aufmerksamkeit der Besucher am stärksten, zu welcher am schwächsten?
[ ] links oben stark, links unten schwach
[ ] links oben stark, rechts unten schwach
[ ] rechts oben stark, links unten schwach
[ ] in der Mitte stark, an den Rändern schwach
8. Aufgabe:
Welcher Link gehört zur Metanavigation?
[ ] Home
[ ] Logo
[ ] Impressum
[ ] Suche
9. Aufgabe:
Welches Grafikformat gehört zu Vektorgrafik?
[ ] JPEG
[ ] GIF
[ ] SVG
[ ] BMP
10. Aufgabe:
Was ist der Hauptvorteil von nativem Audio/Video?
[ ] hoher Kompressionsgrad
[ ] einheitlicher Standard für alle Browser
[ ] Medien können ohne Plug-ins direkt im Browser abgespielt werden
[ ] gute Streamingeigenschaften
2.29
2.29
;)
Bewertungen
