Ivanka Vo
Quiz von , erstellt am more than 1 year ago

Web Basics, HTML Basics, HTML Advanced, CSS Basics, CSS Advanced, Javascript Basics, Javascript Advanced, Jquery Klausuraufgaben

46
1
0
Keine Merkmale angegeben
Ivanka Vo
Erstellt von Ivanka Vo vor fast 10 Jahre
Schließen

Webbasierte Anwendungen: Grundlagenteil

Frage 1 von 28

1

Kreuzen Sie bitte aus den unten aufgeführten Aussagen die korrekten an.

Wähle eine oder mehr der folgenden:

  • HTTP ist die Auszeichnungssprache für Web-Dokumente.

  • Das POP ist ein Protokoll zur Übertragung von Dateien über IP-Netzwerke.

  • Der Statuscode 2xx zeigt an, dass eine HTTP-Anfrage erfolgreich war.

  • In der URI kann der Host über seine IP-Adresse angegeben werden.

  • Der Cache ist ein Pufferspeicher auf dem Server für bereits einmal abgerufene Ressourcen.

  • Ein Proxy ist eine Kommunikationsschnittstelle in einem Netzwerk.

Erklärung

Frage 2 von 28

1

Nachdem der Nutzer die Adresse eingegeben hat prüft der Browser, ob er diese Seite noch in einer aktuellen Version lokal (im Cache) gespeichert hat. Falls ja, zeigt er diese lokale Kopie an.

Wähle eine oder mehr der folgenden:

  • passiert immer

  • passiert manchmal

  • passiert nie

Erklärung

Frage 3 von 28

1

Der Web-Browser baut eine Verbindung mit einem Domain Name Server (DNS) auf, welcher den Domain-Namen in eine IP-Adresse übersetzt

Wähle eine der folgenden:

  • passiert immer

  • passiert manchmal

  • passiert nie

Erklärung

Frage 4 von 28

1

Der Web-Browser baut eine Verbindung zu dem Web-Server mit dieser IP-Adresse auf.

Wähle eine der folgenden:

  • passiert immer

  • passiert manchmal

  • passiert nie

Erklärung

Frage 5 von 28

1

Der Web-Browser sendet einen HTTP-Request an den Web-Server

Wähle eine der folgenden:

  • passiert immer

  • passiert manchmal

  • passiert nie

Erklärung

Frage 6 von 28

1

Der Web-Browser sendet mit dem Request an den Server einen Statuscode im Header der Nachricht mit

Wähle eine der folgenden:

  • passiert immer

  • passiert manchmal

  • passiert nie

Erklärung

Frage 7 von 28

1

Der Web-Server generiert oder lädt daraufhin den HTML-Code der Webseite und sendet ihn zurück an den Browser des Benutzers (HTTP-Response)

Wähle eine der folgenden:

  • passiert immer

  • passiert manchmal

  • passiert nie

Erklärung

Frage 8 von 28

1

Der Web-Browser interpretiert die HTML-Tags und formatiert die Seite im Browserfenster

Wähle eine der folgenden:

  • passiert immer

  • passiert manchmal

  • passiert nie

Erklärung

Frage 9 von 28

1

Der Web-Browser komprimiert alle Elemente der Seite im Zip-Format und speichert sie lokal ab zur späteren Verwendung

Wähle eine der folgenden:

  • passiert immer

  • passiert manchmal

  • passiert nie

Erklärung

Frage 10 von 28

1

Welche Möglichkeiten hat man mit HTML?

Wähle eine oder mehr der folgenden:

  • Beliebige Dateien auf dem Client schreiben und lesen

  • Texte strukturieren

  • Dokumente verknüpfen

  • Bilder einbinden

  • Berechnungen durchführen

Erklärung

Frage 11 von 28

1

Wofür steht die Abkürzung HTML?

Wähle eine der folgenden:

  • Hyper Texture Model Language

  • Hypertext Markup Language

  • Hometext Markup Language

  • Hyper Transfer Model Layer

Erklärung

Frage 12 von 28

1

Welche der folgenden HTML-Grundstrukturen ist korrekt?

Wähle eine der folgenden:

  • <html>
    <!DOCTYPE ... >
    <head></head>
    <body></body>
    </html>

  • <!DOCTYPE ... >
    <html>
    <head></head>
    <body></body>
    </html>

  • <!DOCTYPE ... >
    <head></head>
    <html>
    <body></body>
    </html>

  • <!DOCTYPE ... >
    <head></head>
    <body></body>

Erklärung

Frage 13 von 28

1

Mit welchem HTML-Element können Bilder eingebunden werden?

Wähle eine der folgenden:

  • <image ... />

  • <img ... />

  • <element type=“image“ .../>

  • <inc type=“ image/jpg“ .../>

  • <pic .../>

Erklärung

Frage 14 von 28

1

Welche Aussagen über Radiobuttons sind korrekt?

Wähle eine oder mehr der folgenden:

  • Ein Radiobutton wird mit <input type="radio" ...> definiert.

  • Ein Radiobutton wird mit <radio type="input" ...> definiert.

  • Von den Radiobuttons die zu einer Gruppe gehören kann der Anwender mehrere auswählen.

  • Von den Radiobuttons die zu einer Gruppe gehören kann der Anwender genau einen auswählen.

  • Radiobuttons die den gleichen Wert im value-Attribut haben, gehören zu der gleichen Gruppe.

Erklärung

Frage 15 von 28

1

Welche der folgenden Aussagen bezüglich des alt-Attributes von Bildern sind korrekt?

Wähle eine oder mehr der folgenden:

  • Der Wert des alt-Attributes wird in Browsern angezeigt, welche die Anzeige von Bildern nicht unterstützen.

  • Der Inhalt des alt-Attributes wird immer als Bildunterschrift in einem Browser angezeigt.

  • Über das alt-Attribut können Bilder für eine Dia- bzw. Slideshow angegeben werden.

  • Wird ein Screenreader verwendet, liest dieser den Wert des alt-Attributes als Beschreibung für das Bild vor.

  • Über das alt-Attribut wird der Pfad auf der Festplatte des Webservers zu einem Bild angegeben.

Erklärung

Frage 16 von 28

1

Welche der folgenden Schrift-Anweisungen sind gültige CSS3-Regeln?

Wähle eine oder mehr der folgenden:

  • font-family: Arial;

  • font-decoration: underline;

  • font-color: blue;

  • font-size: 16px;

  • font-weight: bold;

Erklärung

Frage 17 von 28

1

Welche der folgenden Farbangaben sind gültige CSS Farbdefinitionen?

Wähle eine oder mehr der folgenden:

  • color: #red;

  • color: #333;

  • color: #abab;

  • color: #9a9a9a;

  • color: rgb(123,12,200);

  • color: hsl(120,61%,34%);

  • color: cymk(80, 90, 60, 40);

Erklärung

Frage 18 von 28

1

Was sind gültige Möglichkeiten zur Einbindung von CSS?

Wähle eine oder mehr der folgenden:

  • <div>Hallo Welt</div style='color:red;'>

  • <head><style> div {border: 1px solid black;} </style></head>

  • <body><script> div {border: 1px solid black;} </script></body>

  • <div style='color:blue;'>Hallo Welt<div>

  • <head><script> div {border: 1px solid black;} </script></head>

  • <head><link rel="stylesheet" type="text/css" href="layout.css"></head>

Erklärung

Frage 19 von 28

1

Welche der folgenden Positions-Anweisungen sind gültige CSS3 Regeln?

Wähle eine oder mehr der folgenden:

  • position: fixed;

  • position: bottom;

  • position: static;

  • position: sticky;

  • position: scroll;

  • position: relative;

  • position: clear;

Erklärung

Frage 20 von 28

1

Welche Elemente werden durch folgende CSS-Regel angesprochen?
ul > li {
color: red;
}

Wähle eine der folgenden:

  • Alle Elemente <li>, die direkter oder indirekter Nachfahre eines <ul> sind.

  • Alle Elemente <ul>, die direkter oder indirekter Vorfahre eines <li> sind.

  • Alle Elemente <li>, die direkter Nachfahre eines <ul> sind.

  • Alle Elemente <ul>, die direkter Vorfahre eines <li> sind.

Erklärung

Frage 21 von 28

1

Wofür kann Javascript genutzt werden?

Wähle eine oder mehr der folgenden:

  • Auf Userinteraktionen reagieren

  • Mit dem Server kommunizieren (bspw. Autocompletion bei Eingabefeldern)

  • Programme auf dem Client starten

  • Satelliten programmieren

  • Eingabedaten von Formularen validieren

  • Browserbasierte Spiele erstellen

  • Daten auf der Festplatte des Servers speichern

Erklärung

Frage 22 von 28

1

Was ist Javascript?

Wähle eine der folgenden:

  • Eine Skriptsprache

  • Ein Kommandozeileninterpreter

  • Eine Flag

  • Eine Programmiersprache

Erklärung

Frage 23 von 28

1

Welche Aussagen bezüglich Variablennamen sind korrekt?

Wähle eine oder mehr der folgenden:

  • Variablennamen dürfen Leerzeichen enthalten

  • Variablennamen dürfen nicht mit einer Zahl, einem Sonderzeichen oder Satzzeichen anfangen

  • Variablennamen dürfen nicht mit einem Javascript-Schlüsselwort übereinstimmen

  • Variablennamen dürfen keine Ziffern enthalten

  • Variablennamen sind case sensitive

Erklärung

Frage 24 von 28

1

Wofür kann man Javascript-Events nutzen?

Wähle eine oder mehr der folgenden:

  • Um die Ladezeiten von Requests zu verkürzen.

  • Um das BIOS zu verändern

  • Um auf Interaktionen mit der Maus zu reagieren (z.B.: onmouseover, onclick, etc.)

  • Um auf Tastatureingaben zu reagieren (z.B.: onkeydown, onkeyup, onkeypress, etc.)

  • Um auf Gesten zu reagieren (z.B. touch, drag, etc.) [ ] Um HTML-Seiten in PDF-Dokumente umzuwandeln

  • Um HTML-Seiten in PDF-Dokumente umzuwandeln

Erklärung

Frage 25 von 28

1

Mit welcher Javascript-Anweisung kann man auf das DOM-Element mit der id "firstname" zugreifen?

Wähle eine der folgenden:

  • document.getElementsByName('firstname');

  • document.getElementById('firstname');

  • document.(#firstname);

  • document.getElementsByClassName('firstname');

  • document.id('firstname')

Erklärung

Frage 26 von 28

1

Analysieren Sie folgenden HTML-Code. Mit welchem Befehl kann in der ungeordneten Liste auf den Inhalt des zweiten Listenpunkts zugegriffen werden?
<!doctype html>
<html>

<head>
<meta charset="utf-8">
<title>Obst und Gemüse</title>
</head>

<body>
<section>
<h1>Gemüse</h1>
<ol>
<li>Karotten</li>
<li>Kartoffeln</li>
<li>Zwiebeln</li>
</ol>

</section>
<section>
<h1>Obst</h1>
<ul>
<li>Kirschen</li>
<li>Birnen</li>
<li>Erdbeeren</li>
</ul>
</section>
</body>

</html>

Wähle eine der folgenden:

  • document.getElementsByTagName('ul')[0].getElementsByTagName('li')[1].innerHTML);

  • document.getElementsByTagName('ol')[0].getElementsByTagName('li')[1].innerHTML);

  • (document.getTags('ul')[0].getTags('li')[1].innerHTML);

  • (document.getTags('ol')[0].getTags('li')[1].innerHTML);

Erklärung

Frage 27 von 28

1

Über welche Methoden kann das jQuery-Framework in ein HTML-Dokument eingebunden werden?

Wähle eine oder mehr der folgenden:

  • <script type="text/css" src="jquery.css"></script>

  • <jQuery type='text/javascript' src='../frameworks/jquery/jquery.js'></jQuery>

  • <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

  • <script src="jquery-1.11.1.min.js"></script>

Erklärung

Frage 28 von 28

1

Welcher der folgenden Aussagen bezüglich jQuery-Methoden sind korrekt?

Wähle eine oder mehr der folgenden:

  • Die Methode .attach() fügt Inhalt am Ende des ausgewählten Elements hinzu.

  • Die Methode .append() fügt Inhalt am Ende des ausgewählten Elements hinzu.

  • Die Methode .clear() löscht das ganze Element und die Kind-Elemente.

  • Die Methode .remove() löscht das ganze Element und die Kind-Elemente.

  • Die Methode .prepend() fügt Inhalt am Anfang des ausgewählten Elements ein.

  • Die Methode .before() fügt Inhalt am Anfang des ausgewählten Elements ein.

Erklärung