Webentwicklung lernen: Online-Quiz für die 12. Klasse der Fachoberschule

Question 1

Wie erstelle ich in HTML einen Link?

Accepted Answer

<a href="https://www.example.com">Beispiel</a>

Answer

Answer

<url href="https://www.example.com">Beispiel</url>

Answer

Question 2

Welche CSS-Eigenschaft legt die Schriftgröße eines HTML-Elements fest?

Accepted Answer

font-size: 12px

Answer

size: 12px

Answer

text-size: 12px

Answer

font: 12px

Question 3

Welche Konfigurationsdatei steuert die URL-Weiterleitung auf einem Apache-Webserver?

Accepted Answer

.htaccess

Answer

server.xml

Answer

web.config

Question 4

Welche drei Maßnahmen können die Ladezeiten von Websites verbessern?

Accepted Answer

HTML-, CSS- und JavaScript-Dateien minimieren

Accepted Answer

HTTP-Anfragen an den Server reduzieren

Accepted Answer

Ein Content Delivery Network (CDN) verwenden

Answer

Pop-ups zur Erfassung von E-Mail-Adressen einbinden

Question 5

Welche Aufgabe hat das HTTP-Protokoll bei der Kommunikation zwischen Client und Server im Web?

Accepted Answer

HTTP regelt den Datenaustausch zwischen Client und Server.

Answer

HTTP überträgt nur HTML-Dateien.

Answer

HTTP wird nur von Browsern genutzt.

Answer

HTTP garantiert eine sichere Datenübertragung.

Question 6

Welche drei Strategien können die Leistung von JavaScript-Code verbessern?

Accepted Answer

Code minimieren und komprimieren

Accepted Answer

Caching verwenden

Accepted Answer

Synchronen Code in asynchronen Code umwandeln

Answer

Mehrere parallele JavaScript-Threads verwenden

Question 7

Welche Vorteile bietet der Einsatz eines Versionskontrollsystems in der Webentwicklung?

Accepted Answer

Ermöglicht die Zusammenarbeit mehrerer Entwickler an gemeinsamen Projekten und verfolgt Änderungen nach.

Accepted Answer

Schützt den Quellcode vor versehentlichem Löschen oder Überschreiben.

Accepted Answer

Ermöglicht das einfache Zurücknehmen von Änderungen und die Wiederherstellung früherer Versionen des Quellcodes.

Answer

Erfordert keine zusätzliche Software oder Konfiguration.

Question 8

Nenne die wichtigsten Prinzipien der Suchmaschinenoptimierung (SEO) und erkläre, wie sie die Sichtbarkeit und den Traffic einer Website verbessern.

Accepted Answer

Relevante Keywords in Überschriften, Text und Metadaten einfügen, um die Relevanz für Suchanfragen zu erhöhen.

Accepted Answer

Hochwertige Backlinks von anderen Websites aufbauen, um die Autorität und Glaubwürdigkeit einer Website zu steigern.

Accepted Answer

Die Ladegeschwindigkeit einer Website optimieren, um ein positives Nutzererlebnis zu bieten und Absprungraten zu reduzieren.

Answer

Unethische SEO-Techniken wie Keyword-Spamming und versteckten Text anwenden, um Suchmaschinenrankings zu manipulieren.

Question 9

Beschreiben Sie die Vor- und Nachteile der Verwendung von JavaScript-Frameworks im Vergleich zu reinem JavaScript-Code hinsichtlich der Leistung von Websites.

Accepted Answer

JavaScript-Frameworks können die Leistung von Websites verbessern, indem sie optimierten Code bereitstellen.

Answer

JavaScript-Frameworks bieten stets eine bessere Leistung als nativer JavaScript-Code.

Answer

JavaScript-Frameworks haben keine Auswirkungen auf die Leistung von Websites.

Answer

JavaScript-Frameworks beeinträchtigen immer die Leistung von Websites.

Question 10

Nennen Sie drei bewährte Verfahren, um die Sicherheit von Webanwendungen gegen häufige Angriffe wie SQL-Injection und Cross-Site-Scripting (XSS) zu erhöhen.

Accepted Answer

Datenbank-Prepared Statements und Parametrisierung von SQL-Abfragen verwenden

Accepted Answer

CSRF-Schutzmaßnahmen wie CSRF-Token implementieren

Accepted Answer

Serverseitige Cross-Site-Scripting (XSS)-Filterung verwenden

Answer

Auf die Verwendung verschlüsselter Protokolle wie TLS/SSL verzichten

Question 11

Welche Rolle spielen HTTP-Header in der Webkommunikation und wie tragen sie zur Verbesserung von Leistung und Sicherheit von Websites bei?

Accepted Answer

HTTP-Header enthalten zusätzliche Informationen zu Anfragen und Antworten und optimieren Leistung und Sicherheit.

Answer

HTTP-Header sind Teil der URL und geben die Adresse der angeforderten Ressource an.

Answer

HTTP-Header werden nur von Browsern verwendet und haben keinen Einfluss auf die Serverkommunikation.

Question 12

**Frage:**

Erläutere die Bedeutung von Sicherheit in Webanwendungen. Nenne zwei häufige Sicherheitsrisiken und beschreibe eine bewährte Maßnahme zum Schutz von Websites vor Angriffen.

Accepted Answer

Zu den gängigen Sicherheitsrisiken in Webanwendungen gehören SQL-Injection und Cross-Site-Scripting.

Accepted Answer

Die Verwendung von Verschlüsselung wie SSL/TLS ist eine bewährte Methode zum Schutz von Daten in Webanwendungen.

Answer

Sicherheit ist in Webanwendungen irrelevant, da Angriffe selten vorkommen.

Answer

Die Installation eines Antivirenprogramms reicht aus, um Websites vor Angriffen zu schützen.

Question 13

Welche Aufgabe erfüllt HTTP primär bei der Kommunikation zwischen Client und Server im Web?

Accepted Answer

HTTP definiert das Format und die Struktur von Nachrichten, die zwischen Client und Server ausgetauscht werden.

Answer

HTTP verschlüsselt Daten für eine sichere Übertragung.

Answer

HTTP bestimmt das Aussehen von Webseiten.

Answer

HTTP ermöglicht die Authentifizierung von Nutzern.

Question 14

Welches HTML-Element wird verwendet, um einen Absatz zu erstellen?

Accepted Answer

<p>

Answer

<h1>

Answer

<h2>

Answer

<div>

Question 15

Welche CSS-Eigenschaft definiert die Farbe des Textes in einem HTML-Element?

Accepted Answer

color

Answer

background-color

Answer

font-size

Answer

font-family

Question 16

Welcher JavaScript-Datentyp ist eine Auflistung ungeordneter Elemente?

Accepted Answer

Array

Answer

Objekt

Answer

String

Answer

Zahl

Question 17

Welche HTTP-Methode wird verwendet, um Daten von einem Server abzurufen?

Accepted Answer

GET

Answer

POST

Answer

PUT

Answer

DELETE

Question 18

Welches HTML-Attribut wird verwendet, um einen Link zu einer externen Webseite oder Datei zu erstellen?

Accepted Answer

href

Answer

src

Answer

id

Answer

class

Question 19

Welcher JavaScript-Operator prüft, ob mindestens eine Bedingung wahr ist?

Accepted Answer

||

Answer

&&

Answer

!

Answer

==

Question 20

Welches Webentwicklungs-Konzept beschränkt den Zugriff auf bestimmte Bereiche einer Website für nicht autorisierte Benutzer?

Accepted Answer

Autorisierung

Answer

Authentifizierung

Answer

Caching

Answer

Optimierung

Question 21

Welcher HTTP-Statuscode zeigt an, dass die angeforderte Ressource nicht gefunden werden konnte?

Accepted Answer

404

Answer

200

Answer

500

Answer

301

Question 22

Welches HTML-Element stellt einen Abschnitt mit einer Überschrift dar?

Accepted Answer

<h1>

Answer

Answer

Answer

Question 23

Welche CSS-Eigenschaft legt die Farbe des Textes fest?

Accepted Answer

color

Answer

background-color

Answer

font-size

Answer

margin

Question 24

Welche JavaScript-Funktion ermöglicht den Zugriff auf das Element mit der angegebenen ID?

Accepted Answer

getElementById()

Answer

getElementByName()

Answer

getDocumentElement()

Answer

getValue()

Question 25

Welches HTML-Attribut dient zur Angabe des Ziels eines Hyperlinks?

Accepted Answer

href

Answer

src

Answer

target

Answer

rel

Question 26

Welche CSS-Eigenschaft legt den Abstand eines Elements zu seinem Container fest?

Accepted Answer

margin

Answer

padding

Answer

border

Answer

width

Question 27

Welche JavaScript-Datenstruktur speichert eine geordnete Sammlung einzigartiger Werte?

Accepted Answer

Set

Answer

Array

Answer

Map

Answer

Queue

Question 28

Welcher HTML-Elementtyp stellt ein Eingabefeld dar?

Accepted Answer

<input>

Answer

Answer

<div>

Answer

<p>

Question 29

Welche CSS-Eigenschaft bestimmt die Schriftart eines Textes?

Accepted Answer

font-family

Answer

font-size

Answer

font-weight

Answer

font-style

Question 30

Welche JavaScript-Methode setzt einen Timer, der nach einer bestimmten Zeit Code ausführt?

Accepted Answer

setTimeout()

Answer

setInterval()

Answer

clearTimeout()

Answer

clearInterval()

Question 31

Welches HTML-Attribut ermöglicht die Ausführung von JavaScript-Code bei einem Ereignis?

Accepted Answer

onclick

Answer

type

Answer

value

Answer

name

Question 32

Welche Methode der Versionskontrolle wird in der Webentwicklung häufig eingesetzt und bietet Vorteile wie die Zusammenarbeit mehrerer Entwickler und die Zusammenführung lokaler Änderungen?

Accepted Answer

Verteilte Versionskontrolle mit Tools wie Git für die Zusammenarbeit an lokalen Codekopien

Answer

Lokale Versionskontrolle durch Speichern von Codeversionen in Ordnern

Answer

Zentrale Versionskontrolle mit einem zentralen Server als Codequelle

Question 33

Welche Vor- und Nachteile haben statische und dynamische Websites in Bezug auf Leistung, Flexibilität und Wartbarkeit?

Accepted Answer

Statische Websites:
* Vorteile:
- Schnelle Ladezeiten
- Einfachere Wartung
* Nachteile:
- Geringere Flexibilität

Accepted Answer

Dynamische Websites:
* Vorteile:
- Höhere Flexibilität
- Bessere Suchmaschinenoptimierung
* Nachteile:
- Längere Ladezeiten
- Aufwändigere Wartung

Answer

Dynamische Websites sind immer sicherer als statische Websites.

Answer

Statische Websites sind für Suchmaschinen besser geeignet als dynamische Websites.

Question 34

Welche CSS-Eigenschaft legt die Hintergrundfarbe eines Elements fest?

Accepted Answer

background-color

Answer

color

Answer

background

Answer

bgcolor

Question 35

Welche JavaScript-Funktion zeigt eine Meldung in einem Dialogfenster an?

Accepted Answer

alert()

Answer

notify()

Answer

infoBox()

Answer

window.open()

Question 36

Welches HTML-Attribut wird verwendet, um einen Link zu einer externen Website zu erstellen?

Accepted Answer

href

Answer

link

Answer

redirect

Answer

url

Question 37

Welche CSS-Eigenschaft wird verwendet, um den Abstand zwischen zwei Elementen festzulegen?

Accepted Answer

margin

Answer

space

Answer

gap

Answer

separate

Question 38

Welcher JavaScript-Datentyp wird verwendet, um eine geordnete Sammlung von Elementen darzustellen?

Accepted Answer

Array

Answer

List

Answer

Vector

Answer

Sequence

Question 39

Welche HTML-Struktur wird verwendet, um eine ungeordnete Liste zu erstellen?

Accepted Answer

Answer

Answer

Answer

Question 40

Welche CSS-Eigenschaft wird verwendet, um die Schriftart eines Elements zu ändern?

Accepted Answer

font-family

Answer

font

Answer

text-font

Answer

typeface

Question 41

Welcher JavaScript-Operator wird verwendet, um zwei Werte zuzuweisen, wenn eine Bedingung erfüllt ist?

Accepted Answer

? :

Answer

&&

Answer

||

Answer

==

Question 42

Welche Vor- und Nachteile haben die Hosting-Methoden Shared, VPS und dedizierter Server in Bezug auf Kosten, Leistung und Zuverlässigkeit?

Accepted Answer

Shared Hosting: günstig, aber weniger leistungsstark und zuverlässig

Accepted Answer

VPS-Hosting: leistungsstärker und zuverlässiger als Shared Hosting, aber teurer

Accepted Answer

Dedizierter Server: höchste Leistung und Zuverlässigkeit, aber auch teuerste Option

Question 43

Welche drei W3C-Standards sind für die Barrierefreiheit von Websites besonders wichtig und warum?

Accepted Answer

WCAG 2.1, ARIA und HTML5

Answer

HTML5, CSS3 und JavaScript

Answer

XHTML, CSS2 und JavaScript

Answer

WAI-ARIA, WCAG 1.0 und HTML4

Question 44

Erläutere die Bedeutung der semantischen Webtechnologie und gib konkrete Beispiele für ihre Anwendung an.

Accepted Answer

Ermöglicht die Verknüpfung und Analyse von Daten aus verschiedenen Quellen und Bereichen.

Answer

Beschleunigt ausschließlich die Ladezeiten von Webseiten.

Answer

Ermöglicht die Entwicklung von Webanwendungen ohne Programmierkenntnisse.

Answer

Speichert Daten ausschließlich in relationalen Datenbanken.

Question 45

Beschreiben Sie die Rolle von Agile-Methodologien im Entwicklungsprozess von Webanwendungen.

Accepted Answer

Agile-Methodologien ermöglichen eine iterative und inkrementelle Entwicklung, fördern Anpassungsfähigkeit und Zusammenarbeit im Team.

Answer

Agile-Methodologien eignen sich ausschließlich für groß angelegte Softwareprojekte.

Answer

Agile-Methodologien verzichten auf jegliche Planung und folgen einem rein spontanen Ansatz.

Answer

Agile-Methodologien garantieren fehlerfreie Software.

Question 46

Welche zwei bewährten Verfahren sollten bei der Implementierung von Authentifizierung in Webanwendungen beachtet werden?

Accepted Answer

Hashing und Salting verwenden

Answer

Passwörter im Klartext speichern

Question 47

Nenne Best Practices für die Implementierung sicherer Webanwendungen, um Angriffe wie SQL-Injection und Cross-Site-Scripting (XSS) zu verhindern.

Accepted Answer

Eingabeüberprüfung und Verwendung vorbereiteter Anweisungen

Accepted Answer

Aktivierung von CSRF-Schutz und HTTPS-Verschlüsselung

Answer

Firewall- und Virenschutz

Question 48

Welche der folgenden Aussagen beschreibt die Auswirkungen verschiedener Webhosting-Optionen auf die Leistung, Kosten und Zuverlässigkeit einer Website korrekt?

Accepted Answer

Shared Hosting: Günstigste Option mit eingeschränkter Leistung und Zuverlässigkeit

Accepted Answer

VPS-Hosting: Teurer als Shared Hosting, bietet aber mehr Kontrolle und Leistung

Accepted Answer

Cloud-Hosting: Teuerste Option mit unbegrenzter Skalierbarkeit und Zuverlässigkeit

Answer

Alle Webhosting-Optionen bieten die gleichen Leistungsstufen und Zuverlässigkeit

Question 49

Welcher HTML-Tag generiert einen Absatz?

Accepted Answer

<p>

Answer

<div>

Answer

<span>

Answer

<h1>

Question 50

Mit welcher CSS-Eigenschaft lässt sich die Schriftfarbe eines Elements ändern?

Accepted Answer

color

Answer

font-size

Answer

background-color

Answer

margin

Question 51

In welchem JavaScript-Datentyp speichert man Text?

Accepted Answer

string

Answer

int

Answer

boolean

Answer

array

Question 52

Welche HTML-Eigenschaft definiert den Zielort eines Hyperlinks?

Accepted Answer

href

Answer

src

Answer

alt

Answer

title

Question 53

Welche CSS-Eigenschaft legt den Abstand zwischen Elementen fest?

Accepted Answer

margin

Answer

padding

Answer

border

Answer

width

Question 54

Welches JavaScript-Objekt dient zur Interaktion mit dem DOM?

Accepted Answer

document

Answer

window

Answer

navigator

Answer

console

Question 55

Wie erstellt man in HTML eine ungeordnete Liste?

Accepted Answer

<ul>

Answer

<ol>

Answer

<dl>

Answer

<li>

Question 56

Mit welcher CSS-Eigenschaft legt man die Hintergrundfarbe eines Elements fest?

Accepted Answer

background-color

Answer

color

Answer

text-color

Answer

bg-color

Question 57

Welches JavaScript-Ereignis wird ausgelöst, wenn auf ein Element geklickt wird?

Accepted Answer

onclick

Answer

onload

Answer

onhover

Answer

onkeydown

Question 58

Mit welcher HTML-Eigenschaft bindet man ein Bild in eine Website ein?

Accepted Answer

src

Answer

alt

Answer

width

Answer

height

Question 59

Welches HTML-Element wird verwendet, um eine Überschrift der obersten Ebene (Level 1) zu erstellen?

Accepted Answer

<h1>

Answer

<h2>

Answer

<p>

Answer

<div>

Question 60

Welche CSS-Eigenschaft wird verwendet, um die Schriftgröße eines Elements zu ändern?

Accepted Answer

font-size

Answer

text-decoration

Answer

font-family

Answer

font-color

Question 61

Welches JavaScript-Ereignis wird ausgelöst, wenn die Maus über ein Element bewegt wird?

Accepted Answer

onmouseover

Answer

onload

Answer

onblur

Answer

onclick

Question 62

Welches JavaScript-Objekt wird zum Abrufen und Bearbeiten des Inhalts eines HTML-Elements verwendet?

Accepted Answer

document.getElementById

Answer

console.log

Answer

Math.random

Answer

window.prompt

Question 63

Welche CSS-Eigenschaft wird verwendet, um die Farbe des Hintergrunds eines Elements zu setzen?

Accepted Answer

background-color

Answer

background-repeat

Answer

background-image

Answer

background-position

Question 64

Welches JavaScript-Ereignis wird ausgelöst, wenn ein Element den Fokus verliert?

Accepted Answer

onblur

Answer

onkeydown

Answer

onfocus

Answer

onclick