WEBD 1A Einsendeaufgabe - Grundlagen der Webentwicklung

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 (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 zugrundeliegendes 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) entweder direkt auf einem Ausdruck des Screenshots, den Sie hinterher mit Ihren Markierungen einscannen, oder fügen Sie mit einem Bildbearbeitungsprogramm entsprechende Markierungen/Beschriftungen der Merkmale hinzu. Schreiben Sie zusätzlich alle Resultate Ihrer Analyse (max. 1 Seite DIN A4) in eine Textdatei.

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 ein separates Textdokument oder nutzen Sie die digitale Einsendeaufgabe (Wordformular), die Sie im heftbezogenen Downloadbereich Ihrer Online-Lernplattform finden.
Bitte lesen Sie sich die Fragen aufmerksam durch, bevor Sie antworten. Viel Erfolg!
2. 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.
3. 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.
4. 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.
5. 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
6. 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.
7. Aufgabe:
Welche Bestandteile enthalten Media Queries typischerweise?
[]  Medientyp und Viewportgröße
[]  Medientyp und Layoutkonzept
[]  Bildschirmauflösung und Gerätehersteller
[]  Layouttyp und Rasterweite
8. 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
9. Aufgabe:
Welcher Link gehört zur Metanavigation?
[]  Home
[]  Logo
[]  Impressum
[]  Suche
10. Aufgabe:
Welches Grafikformat gehört zu Vektorgrafik?
[]  JPEG
[]  GIF
[]  SVG
[]  BMP
11. 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

Erstellen Sie dann bitte einen Ordner mit der Bezeichnung name-webd1a-aufgabe, wobei Sie für name ihren Nachnamen einsetzen. Speichern Sie Dateien mit der Lösung zu Teil A (Screenshot mit Markierungen sowie Textdatei mit ihrer Analyse) und Teil B (Multiple-Choice-Ergebnisse) dort hinein. Erstellen Sie anschließend von diesem Ordner ein ZIP-Archiv, welches Sie dann auf Ihrer Online-Lernplattform einreichen.