Questão 1
Questão
Frage 121
Mit welchem HTML-Code können Sie eine Überschrift erzeugen?
Responda
-
<head></head>
-
<hr />
-
<h1></h1>
-
<h3></h3>
-
<h7></h7>
Questão 2
Questão
Frage 122
Wie definieren Sie in LESS eine Variable?
Responda
-
variable = wert;
-
.variable { wert };
-
@variable = wert;
-
var variable = wert;
-
@variable: wert;
-
.variable: wert;
-
var variable: wert;
-
@variable { wert };
Questão 3
Questão
Frage 123
Mit welchem Wert für die CSS-Eigenschaft animation-direction können Sie festlegen, dass eine Animation abwechselnd vorwärts und rückwärts abgespielt wird?
Responda
-
backwards
-
reverse
-
direction(backwards)
-
steps(2)
-
direction(reverse)
-
backsteps
-
back-forth
-
alternate-reverse
-
alternate
-
alternative
Questão 4
Questão
Frage 124
Wie erzeugen Sie in HTML eine Liste mit Spiegelpunkten (Bullet-Liste)?
Responda
-
<ul>
<li>...</li>
<li>...</li>
</ul>
-
<ol>
<li>...</li>
<li>...</li>
</ol>
-
<dl>
<li>...</li>
<li>...</li>
</dl>
Questão 5
Questão
Frage 125
Wie erzeugen Sie in LESS einen Kommentar?
Responda
-
# Dies ist ein Kommentar
-
/* Dies ist ein Kommentar */
-
// Dies ist ein Kommentar
-
<!-- Dies ist ein Kommentar -->
Questão 6
Questão
Frage 126
Mit welchem Tag kennzeichnen Sie in HTML ein Zitat?
Questão 7
Questão
Frage 127
Durch welchen HTML-Tag wird der Text in den meisten Browsern kursiv dargestellt?
Responda
-
<cursive>...</cursive>
-
<b>...</b>
-
<oblique>...</oblique>
-
<strong>...</strong>
-
<em>...</em>
-
<i>...</i>
Questão 8
Questão
Frage 128
Mit welchem HTML-Attribut im <video>-Tag können Sie ein Video in einer Endlosschleife abspielen?
Responda
-
autostart
-
autoplay
-
endless
-
looping
-
repeat
-
repeating
-
loop
Questão 9
Questão
Frage 129
Welches CSS-Attribut bewirkt einen Außenabstand für ein Element?
Questão 10
Questão
Frage 130
Wie erzeugen Sie in CSS einen Kommentar?
Responda
-
<!-- Dies ist ein Kommentar -->
-
/* Dies ist ein Kommentar */
-
// Dies ist ein Kommentar
Questão 11
Questão
Frage 131
Welche Bestandteile eines Elements werden bei einer CSS-Transformation mit scale vergrößert oder verkleinert (sofern sie vorhanden sind)?
Responda
-
Das Hintergrundbild
-
Die Kontur
-
Der enthaltene Text
-
Die enthaltenen Bilder
-
Video
Questão 12
Questão
Frage 132
Welche der folgenden Dateiformate unterstützen Ebenen?
Responda
-
TIFF
-
GIF
-
PNG
-
JPEG
-
PSD
-
XCF
Questão 13
Questão
Frage 133
Welche der folgenden Eigenschaften für den <p>-Tag treffen zu?
Responda
-
Der <p>-Tag kann Blockelemente enthalten.
-
Der <p>-Tag erzeugt im Browser einem Abstand nach oben und unten.
-
Der <p>-Tag gehört zu den Blockelementen.
-
Der <p>-Tag muss in sich selbst geschlossen werden.
-
Die HTML-Attribute für den <p>-Tag sind deprecated.
Questão 14
Questão
Frage 134
Wie stellen Sie sicher, dass sich eine verlinkte Datei im richtigen iFrame öffnet?
Responda
-
Mit Hilfe des Attributs target im a-Tag
-
Mit Hilfe des Attributs name im iframe-Tag
-
Mit Hilfe des Attributs name im a-Tag
-
Mit Hilfe des Attributs target im iframe-Tag
Questão 15
Questão
Frage 135
Ihr HTML-Dokument enthält zwei article-Elemente, die Sie in CSS mit float:left nebeneinander gesetzt haben:
article {
background-color: gray;
width: 49%;
margin-right: 1%;
float: left;
}
Sie beschließen, dass die Boxen ab einer Viewport-Breite von 600px und kleiner nicht mehr nebeneinander, sondern untereinander stehen und die gesamte zur Verfügung stehende Breite einnehmen sollen.
Welche der folgenden Code-Bestandteile benötigen Sie dafür?
Responda
-
@media (max-width: 600px)
-
clear: both;
-
float: none;
-
width: auto;
-
width: 100%;
-
@media (min-device-width: 600px)
-
@media (min-width: 599px)
-
float: right;
-
margin: 0 0 1rem 0;
-
overflow: hidden;
Questão 16
Questão
Frage 136
Wie rotieren Sie das Element #element um 45 Grad?
Responda
-
rotate(45deg)
-
rotateZ(45deg)
-
rotate(45degree)
-
rotateZ(45degree)
-
rotate(45°)
-
rotateZ(45°)
Questão 17
Questão
Frage137
Mit welcher CSS-Eigenschaft können Sie den Urpsungspunkt für eine Transformation festlegen?
Responda
-
transform-origin
-
transform-point
-
transform-src
-
transformation-origin
-
transformation-point
-
transformation-src
Questão 18
Questão
Frage 138
Mit welchem Wert für die CSS-Eigenschaft animation können Sie festlegen, dass eine Animation mit gleichbleibender Geschwindigkeit ablaufen soll?
Responda
-
linear
-
normal
-
ease-in
-
ease
Questão 19
Questão
Frage 139
Welche der folgenden Grafikformate können mit Hilfe des <img>-Tags in HTML-Seiten eingebunden werden?
Responda
-
JPEG
-
SVG
-
EPS
-
TIFF
-
PNG
-
GIF
Questão 20
Questão
Z1.) Was versteht man unter einem Alphakanal?
Responda
-
Den obersten Farbkanal in der Kanäle-Palette.
-
Einen zusätzlichen Kanal zur Erzeugung von Transparenz-Masken.
-
In Bildbearbeitungsprogrammen eine in einem zusätzlichen Kanal gespeicherte Auswahl.
-
Eine Ebene, die Vektoren enthält.
-
Ein Alphakanal ist der Farbkanal für die Farbe Rot.
Questão 21
Questão
Z2.) Welcher der folgenden Farbcodes steht für rot?
Responda
-
#ff0000
-
#00ff00
-
#0000ff
-
ff00ff
-
ffff00
-
00ffff
Questão 22
Questão
N1) Wie erzeugen Sie einen SubmitButton mit einer Pixelgrafik?
Responda
-
<button>
<img src=”grafik.png” alt=”blabla” />
</button>
-
<input type=”submit” src=”grafik.png” />
-
<input type=”image” src=”grafik.png” />
Questão 23
Questão
N2) Welche Zeichen müssen in einem HTMLDokument welches in UTF8 codiert ist maskiert werden?
Responda
-
“&” => &;
-
„!“ => &aus;
-
“<” => <;
-
“>” => >;
-
„X“ => ξ
Questão 24
Questão
N3) Wie definiert man in LESS unbekannte Syntax?
Responda
-
filter: "ms:alwaysHasItsOwnSyntax.For.Stuff()";
-
filter: "ms:alwaysHasItsOwnSyntax.For.@{meinText}()";
-
filter: ~"ms:alwaysHasItsOwnSyntax.For.Stuff()";
-
filter: ~"ms:alwaysHasItsOwnSyntax.For.@{meinText}()";
Questão 25
Questão
N4) Weisen Sie dem Selektor #example das LESSMixin .demo( width: 100px; ) zu!
Responda
-
#example { .demo; }
-
#example { @demo; }
-
#example { @demo(); }
-
#example { .demo(); }
Questão 26
Questão
N5) Wie erzeugen Sie in Formularen ein einzeiliges Eingabefeld?
Responda
-
<input type=”text” />
-
<textarea></textarea>
Questão 27
Questão
N6) Welches sind gültige Angaben für Geordnete Listen?
Questão 28
Questão
N7) Was versteht man in der digitalen Bildbearbeitung unter einer Ebenenmaske?
Responda
-
Eine Ebenenmaske kann verwendet werden, um Bildteile transparent zu machen.
-
Eine Ebenenmaske kann verwendet werden, um den Speicherbedarf eines Bildes zu verringern.
-
Eine Ebenenmaske kann verwendet werden, um Bildbereiche freizustellen.
-
Eine Ebenenmaske kann verwendet werden, um Bildteile verlustfrei zu skalieren.
Questão 29
Questão
N8) Wie können Sie in LESS die Zeichenkette ms:special_content() maskieren, die der Compiler sonst nicht verstehen könnte?
Questão 30
Questão
N9) Wie können Sie mit Hilfe von CSS einen Rollover-Effekt ertzeugen, bei dem
eine Grafik ausgetauscht wird?
Responda
-
a.button_link {
backgroundimage: url(button1.png) norepeat;
&:hover {
backgroundimage: url(button2.png) norepeat;
}
}
-
a.button_link {
src: bild1.gif ;
:hover {
src: bild1.gif ;
}
}
-
a.button_link {
url(bild1.gif);
&:hover {
url(bild1.gif);
}
}
-
a.button_link img {
backgroundimage: url(button1.png) norepeat;
img&:hover {
backgroundimage: url(button2.png) norepeat;
}
}
Questão 31
Questão
N10) Sie haben in LESS Variable erzeugt @link_color: #333;
Diesen möchten Sie nun dem Selektor #content als Hintergrundfarbe zuweisen, allerdings um 20% abgedunkelt.
Responda
-
#content {
backgroundcolor: darken(@link_color, 20%);
}
-
#content {
backgroundcolor: @link_color(dark = 20%);
}
-
#content {
backgroundcolor:. darken(@link_color, 20%);
}
Questão 32
Questão
N11) Wie definieren Sie eine CSS-Animation namens einblenden, bei der ein Element langsam eingeblendet wird (Herstellerpräfixe müssen nicht beachtet werden)?
Responda
-
@keyframes einblenden {
0% { opacity:0; }
100% { opacity:1; }
}
-
@keyframes einblenden {
from { opacity:0; }
to { opacity:1; }
}
-
@keyframes einblenden {
from { filter: opacity(0); }
to { filter: opacity(1); }
}
-
@keyframes einblenden {
0% { filter: opacity(0); }
100% { filter: opacity(1); }
}
Questão 33
Questão
N12) Wie definieren Sie in LESS ein Mixin?
Responda
-
@mixin(.color; .bgcolor) {
color: .color;
backgroundcolor: .bgcolor;
border: 1px solid .color;
}
-
@mixin() {
color: #333;
backgroundcolor: #eee;
border: 2px solid #333;
}
-
.mixin {
color: @color;
backgroundcolor: @bgcolor;
border: @borderwidth solid @color;
}
-
.mixin() {
color: #333;
backgroundcolor: #eee;
border: 2px solid #333;
}
-
.mixin() {
color: @color;
backgroundcolor: @bgcolor;
border: @borderwidth solid @color;
}
-
.mixin(@color; @bgcolor) {
color: @color;
backgroundcolor: @bgcolor;
border: 1px solid @color;
}
-
@mixin {
color: #333;
backgroundcolor: #eee;
border: 2px solid #333;
}
-
.mixin {
color: #333;
backgroundcolor: #eee;
border: 2px solid #333;
}
Questão 34
Questão
N13) Sie möchten erreichen, dass ein Absatz keinen Abstand nach unten erzeugen, wenn es das letzte Element in einem div ist. Mit welchen der folgenden LESS-Codebeispiele können Sie dies erreichen?
Responda
-
div {
p &:lastchild {
marginbottom: 0;
}
}
-
div {
p {
&:lastchild {
marginbottom: 0;
}
}
}
-
div {
p {
&lastchild {
marginbottom: 0;
}
}
}
-
div {
p:lastchild {
marginbottom: 0;
}
}
-
div p:lastchild {
marginbottom: 0;
}
-
div {
p &lastchild {
marginbottom: 0;
}
}
-
div {
p {
:lastchild {
marginbottom: 0;
}
}
}
Questão 35
Questão
N14) Mit welchem Wert für die CSS-Eigenschaft können sie eine Animation als Palindrom abspielen (abwechselnd vorwärts und rückwärts)?
Responda
-
backwards
-
steps(2)
-
backsteps
-
alternative
-
alternate
-
direction(reverse)
-
direction(backwards)
-
backforth
-
reverse
-
palindrome
Questão 36
Questão
N15) Was sind die Unterschiede zwischen den CSS-Eigenschaft box-shadow und dem Filter drop-shadow?
Responda
-
Im Gegensatz zu boxshadow werfen beim dropshadow-Filter alle nichttransparenten Teile eines Elements einen Schatten.
-
Manche Browser benutzen Hardwarebeschleunigung.
-
Keine Unterschiede
-
dropshadowfilter funktioniert nicht auf mobilen Endgeräten von Apple
Questão 37
Questão
N16) Wie definieren Sie die Doctype für HTML 5 ?
Responda
-
<!DOCTYPE html>
-
<!DOCTYPE html5>
-
<!DOCTYPE …>
Questão 38
Questão
N17) Welche Rendering Engine benutzt der Internet Explorer für Windows?
Responda
-
Gecko
-
Trident
-
Webkit
-
Safari
Questão 39
Questão
N18) Welche Rendering Engine benutzt der Browser Safari?
Responda
-
Gecko
-
Trident
-
Webkit
-
Safari
Questão 40
Questão
N19) Welche Rendering Engine benutzt der Browser Firefox?
Responda
-
Gecko
-
Trident
-
Webkit
-
Safari
Questão 41
Questão
N20) Mit welchem CSS-Code definieren Sie einen Stil für den Absatz-Tag?
Responda
-
p { color: #ff0000; fontsize: 12pt }
-
<p> = color: #ff0000; fontsize: 12pt
-
<p> { color: #ff0000; fontsize: 12pt }
-
p = { color: #ff0000; fontsize: 12pt }
Questão 42
Questão
N21) Welches der folgenden HTML-Elemente wird im Browser standardmässig in der grössten Schriftgrösse angezeigt? (Radio-Buttons)
Responda
-
<hr />
-
<h1></h1>
-
<h7></h7>
-
<h3></h3>
-
<head></head>
Questão 43
Questão
N22) Mit welchem HTML-Atrribut im video-Tag zeigen Sie die Steuerleiste einer
Videodatei an?
Responda
-
controlling
-
repeating
-
autostart
-
looping
-
autoplay
-
controls
Questão 44
Questão
N23) Was haben die Videoformate WebM und OGV gemeinsam?
Responda
-
Sie nutzen beide den AudioCodec Vorbis
-
Sie nutzen den gleichen VideoCodec Theora
-
Gar nichts
-
Nur Webkit kann diese abspielen
-
Beide können nicht in Firefox abgespielt werden
Questão 45
Questão
N24) Was sind iFrames?
Responda
-
Bereich auf einer HTMLSeite, innerhalb dessen einer andere HTMLSeite angezeigt wird, z.B. zur Einbindung von Dienstleistungen von Drittanbietern
-
Spezielle Fenster, in denen Content für Apple-Produkte eingeblendet wird.
-
Rahmen für die in HTML eingefügten Bilder.
Questão 46
Questão
N25) Wie weisen Sie dem Element #example die Animation “bewegen” zu?
Responda
-
#example { animation: bewegen }
-
#example { animationname: bewegen }
-
#example { animation(): bewegen() }
-
#example { .animation: bewegen }
-
#example { animation: @bewegen }
-
#example { @keyframes bewegen: bewegen }
-
#example { @keyframes { ... } }
Questão 47
Questão
W1) Was ist die Aufgabe von HTML?
Questão 48
Questão
W2) Mit welchem Wert für die CSS-Eigenschaft animation können Sie festlegen, dass eine Animation endlos wiederholt wird?
Responda
-
linear
-
normal
-
infinite
-
ease
Questão 49
Questão
W3) Wie definieren Sie in CSS einen Breakpoint, um Layoutveränderungen vornehmen zu können, wenn das Browserfenster (Viewport) 800px oder kleiner ist?