Webdesign: Gestaltung und Entwicklung für Industriekaufleute

Question 1

Welche Auswirkung hat eine schlechte Nutzerfreundlichkeit einer Website auf die Benutzererfahrung?

Accepted Answer

Die Benutzer verlassen die Website frustriert

Answer

Die Benutzer finden die Website leicht zugänglich

Answer

Die Website verzeichnet mehr Conversions

Answer

Die Website wird in Suchmaschinen besser platziert

Question 2

Welche Gestaltungsprinzipien sind bei der Erstellung eines Layouts zu beachten, um seine visuelle Wirkung zu verbessern?

Accepted Answer

Kontrast, Ausrichtung, Wiederholung, Nähe

Answer

Schriftart, Schriftgröße, Farben

Answer

Bilder, Videos, Animationen

Question 3

Welche Programmiersprache ermöglicht die Erstellung von Webseiten mit dynamischen Inhalten?

Accepted Answer

JavaScript

Answer

HTML

Answer

CSS

Answer

Python

Question 4

Mit welcher CSS-Eigenschaft lässt sich die Textfarbe verändern?

Accepted Answer

color

Answer

font-size

Answer

text-align

Answer

background-color

Question 5

Welche Methode wird zum Einbinden eines Bildes in HTML verwendet?

Accepted Answer

Answer

Answer

Answer

Question 6

Welchem Zweck dient das <head>-Element in HTML?

Accepted Answer

Bereitstellung von Informationen über die Internetseite

Answer

Festlegung des Webseitenlayouts

Answer

Einbindung externer Ressourcen

Answer

Darstellung des Seiteninhalts

Question 7

Worin besteht der Unterschied zwischen einer Klasse und einer ID in CSS?

Accepted Answer

Klassen können mehrfach für ein Element genutzt werden, IDs hingegen nur einmal.

Answer

IDs können mehrfach für ein Element genutzt werden, Klassen hingegen nur einmal.

Answer

Klassen dienen stilistischen Änderungen, IDs hingegen strukturellen Änderungen.

Answer

IDs dienen stilistischen Änderungen, Klassen hingegen strukturellen Änderungen.

Question 8

Welche zwei aktuellen Trends im responsiven Webdesign kennst du?

Accepted Answer

Progressive Web Apps

Accepted Answer

Mobile-First-Ansatz

Answer

Chatbots

Answer

Virtual Reality

Question 9

Mithilfe welcher Eigenschaft in CSS kann der Abstand zwischen zwei Textzeilen bestimmt werden?

Accepted Answer

line-height

Answer

margin

Answer

padding

Answer

text-align

Question 10

Welcher Selektor wird in CSS verwendet, um Elemente mit einem bestimmten Klassennamen auszuwählen?

Accepted Answer

.

Answer

#

Answer

&

Answer

*

Question 11

Welche Bedeutung hat das Attribut "alt" beim HTML-Tag <img>?

Accepted Answer

Einen alternativen Text für das Bild bereitstellen

Answer

Den Dateinamen des Bildes angeben

Answer

Die Größe des Bildes festlegen

Answer

Die Ausrichtung des Bildes bestimmen

Question 12

Welcher HTTP-Statuscode weist darauf hin, dass die vom Client angeforderte Ressource auf dem Server nicht gefunden werden konnte?

Accepted Answer

404

Answer

400

Answer

401

Answer

408

Question 13

Welche Hauptfunktion eines CMS (Content Management System) ist?

Accepted Answer

Die Verwaltung und Bearbeitung von Webinhalten zu ermöglichen

Answer

Den Webserver zu hosten

Answer

Die Webseite zu designen

Answer

Das Benutzerverhalten zu analysieren

Question 14

Welche Software ist im Webdesign üblich für die Bildbearbeitung?

Accepted Answer

Photoshop

Answer

Illustrator

Answer

InDesign

Answer

Dreamweaver

Question 15

Welches Gestaltungsprinzip sorgt für eine optisch ausgewogene Anordnung von Inhalten auf einer Website?

Accepted Answer

Goldener Schnitt

Answer

Raster

Answer

Spalten

Answer

Assymetrie

Question 16

Welche Programmiersprache wird für die Entwicklung von Webseiten auf der Client-Seite häufig verwendet?

Accepted Answer

JavaScript

Answer

HTML

Answer

CSS

Answer

PHP

Question 17

Welches Dateiformat wird im Webdesign für die Speicherung von Vektorgrafiken typischerweise genutzt?

Accepted Answer

SVG

Answer

PNG

Answer

JPEG

Answer

GIF

Question 18

Welche Aussage zur Typografie im Webdesign ist korrekt?

Accepted Answer

Serifenlose Schriften sind für Überschriften besser geeignet.

Answer

Der Zeilenabstand sollte möglichst gering sein.

Answer

Große Schriftgrößen beeinträchtigen die Lesbarkeit.

Answer

Kursivschrift sollte häufig verwendet werden.

Question 19

Was bedeutet der Begriff "Responsive Design" im Webdesign?

Accepted Answer

Webseiten, die sich an verschiedene Bildschirmgrößen anpassen

Answer

Webseiten, die schnell geladen werden

Answer

Webseiten, die für Suchmaschinen optimiert sind

Answer

Webseiten, die barrierefrei sind

Question 20

Welche Technik wird verwendet, um HTML-Code zu validieren?

Accepted Answer

W3C-Validator

Answer

Linting

Answer

Debugging

Answer

Unit-Tests

Question 21

Welches Tool wird oft für die Versionsverwaltung und Zusammenarbeit an Webprojekten eingesetzt?

Accepted Answer

GitHub

Answer

FTP

Answer

Google Drive

Answer

Dropbox

Question 22

Was trifft am besten auf HTML zu?

Accepted Answer

Eine Auszeichnungssprache für Website-Inhalt und -Struktur

Answer

Eine Programmiersprache für dynamische Websites

Answer

Ein Protokoll für die Datenübertragung im Internet

Answer

Eine Sammlung von Bildern und Grafiken für das Website-Design

Question 23

Welches HTML-Element wird für eine ungeordnete Liste verwendet?

Accepted Answer

<ul>

Answer

<ol>

Answer

<dl>

Answer

<p>

Question 24

Wie unterscheiden sich die HTTP-Anfragemethoden GET und POST? Erläutere den Unterschied anhand eines Anwendungsbeispiels für jede Methode.

Accepted Answer

GET: Daten abrufen (z. B. eine Webseite anzeigen), POST: Daten erstellen oder aktualisieren (z. B. ein Formular abschicken)

Answer

POST: Daten abrufen (z. B. eine Webseite anzeigen), GET: Daten erstellen oder aktualisieren (z. B. ein Formular abschicken)

Answer

Beide Methoden dienen nur dem Abrufen von Daten.

Question 25

Welches Farbschema ist in der Webgestaltung am häufigsten anzutreffen? Es verwendet nur Schattierungen einer einzigen Farbe.

Accepted Answer

Monochromatisch

Answer

Analog

Answer

Komplementär

Question 26

Welche Einheit wird in CSS generell verwendet, um Abstände zwischen Elementen in Pixeln festzulegen?

Accepted Answer

Pixel

Answer

Ems

Answer

Rems

Answer

Prozent

Question 27

Welches HTML-Element wird verwendet, um einen großen Titel auf einer Webseite darzustellen?

Accepted Answer

<h1>

Answer

<h2>

Answer

<b>

Answer

Question 28

Welches Gestaltungsprinzip stellt sicher, dass alle Elemente einer Webseite in ihrem Design und ihrer Stilistik harmonieren?

Accepted Answer

Einheitlichkeit

Answer

Kontrast

Answer

Wiederholung

Answer

Ausrichtung

Question 29

Welche Technik ermöglicht es, dynamische Inhalte auf einer Webseite zu laden und anzuzeigen, ohne die gesamte Seite neu laden zu müssen?

Accepted Answer

Ajax

Answer

PHP

Answer

CSS

Answer

HTML

Question 30

Welches bekannte Softwareprogramm wird häufig für die professionelle Bildbearbeitung in der Webgestaltung eingesetzt?

Accepted Answer

Adobe Photoshop

Answer

Canva

Answer

Microsoft Paint

Answer

GIMP

Question 31

Welche Art von Layout passt sich automatisch an verschiedene Bildschirmgrößen von Geräten an?

Accepted Answer

Responsives Layout

Answer

Flüssiges Layout

Answer

Festes Layout

Answer

Gitterlayout

Question 32

Welcher Standard definiert Richtlinien für die Barrierefreiheit von Webseiten und digitalen Inhalten?

Accepted Answer

WCAG

Answer

CSS

Answer

SEO

Answer

HTML

Question 33

Welches Tool in Webbrowsern wird verwendet, um beim Programmieren Fehler zu finden und zu beheben?

Accepted Answer

Webbrowser-Konsole

Answer

IDE

Answer

Kommandozeile

Answer

Debugger

Question 34

Was ist das primäre Ziel der Suchmaschinenoptimierung (SEO)?

Accepted Answer

Verbessern der Platzierung einer Webseite in den Suchergebnissen von Suchmaschinen

Answer

Gestaltung einer visuell ansprechenden Webseite

Answer

Entwicklung einer mobilen App

Question 35

Welches Bildformat unterstützt Transparenz und eignet sich am besten für Webgrafiken?

Accepted Answer

PNG

Answer

GIF

Answer

JPEG

Answer

BMP

Question 36

Welcher HTML-Tag wird verwendet, um einen Link zu einer externen Webseite zu erstellen?

Accepted Answer

a

Answer

href

Answer

link

Answer

url

Question 37

Welche CSS-Eigenschaft steuert den Abstand um ein Element?

Accepted Answer

margin

Answer

spacing

Answer

distance

Answer

padding

Question 38

Welches Framework wird häufig für die Erstellung responsiver Websites verwendet?

Accepted Answer

Bootstrap

Answer

jQuery

Answer

AngularJS

Answer

React

Question 39

Welcher Bereich der Webgestaltung konzentriert sich auf die Nutzerfreundlichkeit und Barrierefreiheit von Websites?

Accepted Answer

Informationsarchitektur

Answer

Webanalyse

Answer

Visuelle Gestaltung

Answer

Suchmaschinenoptimierung

Question 40

Welche Methode dient der Überprüfung der Benutzerfreundlichkeit einer Website?

Accepted Answer

Benutzertests

Answer

A/B-Tests

Answer

SEO-Audit

Answer

Website-Analyse

Question 41

Welches Dateiformat wird für Webgrafiken verwendet, die Transparenz unterstützen?

Accepted Answer

PNG

Answer

BMP (großes Dateiformat, nicht für Web geeignet)

Answer

JPEG (verliert Qualität bei Komprimierung)

Answer

GIF (begrenzte Farbpalette, nicht für Fotos geeignet)

Question 42

Welche CSS-Eigenschaft wird verwendet, um den Abstand zwischen Elementen zu steuern?

Accepted Answer

margin

Answer

padding (erzeugt Leerraum innerhalb von Elementen)

Answer

border (zeichnet einen Rand um Elemente)

Question 43

Welches Tool wird zur Bearbeitung von Webgrafiken verwendet?

Accepted Answer

Adobe Photoshop

Answer

Microsoft Word (Textverarbeitungsprogramm)

Answer

Apple Pages (Textverarbeitungsprogramm)

Answer

Google Drive (Cloud-Speicher)

Question 44

Welches Layoutmodell wird verwendet, um Webinhalte flexibel an unterschiedliche Bildschirmgrößen anzupassen?

Accepted Answer

Responsive Design

Answer

Elastic Layout (veraltet)

Answer

Fixed Layout (nicht flexibel)

Answer

Liquid Layout (veraltet)

Question 45

Welcher Webbrowser hat den größten Marktanteil?

Accepted Answer

Google Chrome

Answer

Mozilla Firefox (Marktanteil geringer als Chrome)

Answer

Microsoft Edge (Marktanteil geringer als Chrome)

Answer

Safari (Marktanteil geringer als Chrome, hauptsächlich auf Apple-Geräten verwendet)

Question 46

Welche Programmiersprache wird häufig für die Entwicklung interaktiver Webseiten verwendet?

Accepted Answer

JavaScript

Answer

HTML (Auszeichnungssprache, keine Programmiersprache)

Answer

Python (häufig für andere Zwecke verwendet, nicht speziell für Webentwicklung)

Answer

CSS (Stilsprache, keine Programmiersprache)

Question 47

Welches CSS-Attribut legt die Größe einer Schriftart fest?

Accepted Answer

font-size

Answer

font-color

Answer

font-weight

Answer

font-style

Question 48

Welches Tool eignet sich am besten zur Bildbearbeitung für das Web?

Accepted Answer

Bildbearbeitungssoftware

Answer

Textverarbeitung

Answer

Tabellenkalkulation

Answer

Präsentationssoftware

Question 49

Welcher HTML-Tag bettet Bilder in eine Webseite ein?

Accepted Answer

<img>

Answer

<src>

Answer

Answer

<image>

Question 50

Welcher CSS-Selektor wählt Elemente mit der Klasse "container" aus?

Accepted Answer

.container

Answer

#container

Answer

container

Answer

[class=container]

Question 51

Welcher JavaScript-Datentyp speichert Zahlen?

Accepted Answer

number

Answer

object

Answer

boolean

Answer

string

Question 52

Welche Funktion führt eine Funktion nach einer bestimmten Zeitspanne aus?

Accepted Answer

setTimeout()

Answer

clearTimeout()

Answer

setInterval()

Answer

delay()

Question 53

Welcher Webstandard verbessert die Zugänglichkeit von Webseiten?

Accepted Answer

WCAG

Answer

HTTP

Answer

HTML

Answer

CSS

Question 54

Welches Farbschema eignet sich am besten für eine Website, die visuell ansprechend und leicht lesbar sein soll?

Accepted Answer

Kontrastfarben

Answer

Monochrome Farben

Answer

Analoge Farben

Answer

Warme Farben

Question 55

Welcher HTML-Tag wird verwendet, um einen Hyperlink zu einer anderen Seite oder Ressource zu erstellen?

Accepted Answer

<a>

Answer

<href>

Answer

<link>

Answer

<url>

Question 56

Welche CSS-Eigenschaft legt den Abstand zwischen zwei Elementen fest?

Accepted Answer

margin

Answer

padding

Answer

gap

Answer

space

Question 57

Welches Webentwicklungsmuster trennt das Layout einer Website von ihrem Inhalt?

Accepted Answer

MVC

Answer

Agile

Answer

Scrum

Answer

REST

Question 58

Welches Bildformat eignet sich am besten für die Verwendung im Web, da es komprimiert werden kann, ohne die Bildqualität wesentlich zu beeinträchtigen?

Accepted Answer

JPEG

Answer

BMP

Answer

PNG

Answer

GIF

Question 59

Welcher Webserver ist bekannt für seine Zuverlässigkeit, Skalierbarkeit und breite Unterstützung für verschiedene Betriebssysteme?

Accepted Answer

Apache

Answer

Nginx

Answer

Tomcat

Answer

IIS

Question 60

Welches relationale Datenbankmanagementsystem ist weit verbreitet und bekannt für seine Open-Source-Natur und einfache Verwendung?

Accepted Answer

MySQL

Answer

Oracle

Answer

MSSQL

Answer

PostgreSQL

Question 61

Welches Farbschema eignet sich am besten, um auf einer Website wichtige Informationen besonders hervorzuheben?

Accepted Answer

Kontrastfarben

Answer

Analogfarben

Answer

Komplementärfarben

Answer

Monotone Farben

Question 62

Welches HTML-Element dient dazu, eine Überschrift auf einer Website zu erstellen?

Accepted Answer

<h1>

Answer

<p>

Answer

<head>

Answer

<div>

Question 63

Welche der folgenden Methoden ist am effektivsten, um sicherzustellen, dass eine Website auf verschiedenen Geräten und Bildschirmgrößen korrekt dargestellt wird?

Accepted Answer

Responsive Design

Answer

Adaptive Gestaltung

Answer

Festes Layout

Answer

Flüssiges Layout

Question 64

Welches Dateiformat wird verwendet, um interaktive Elemente wie Animationen und Spiele auf Webseiten einzubinden?

Accepted Answer

JavaScript

Answer

PHP

Answer

HTML

Answer

CSS