Pregunta 1
Pregunta
Frage 121
Mit welchem HTML-Code können Sie eine Überschrift erzeugen?
Respuesta
-
<head></head>
-
<hr />
-
<h1></h1>
-
<h3></h3>
-
<h7></h7>
Pregunta 2
Pregunta
Frage 122
Wie definieren Sie in LESS eine Variable?
Respuesta
-
variable = wert;
-
.variable { wert };
-
@variable = wert;
-
var variable = wert;
-
@variable: wert;
-
.variable: wert;
-
var variable: wert;
-
@variable { wert };
Pregunta 3
Pregunta
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?
Respuesta
-
backwards
-
reverse
-
direction(backwards)
-
steps(2)
-
direction(reverse)
-
backsteps
-
back-forth
-
alternate-reverse
-
alternate
-
alternative
Pregunta 4
Pregunta
Frage 124
Wie erzeugen Sie in HTML eine Liste mit Spiegelpunkten (Bullet-Liste)?
Respuesta
-
<ul>
<li>...</li>
<li>...</li>
</ul>
-
<ol>
<li>...</li>
<li>...</li>
</ol>
-
<dl>
<li>...</li>
<li>...</li>
</dl>
Pregunta 5
Pregunta
Frage 125
Wie erzeugen Sie in LESS einen Kommentar?
Respuesta
-
# Dies ist ein Kommentar
-
/* Dies ist ein Kommentar */
-
// Dies ist ein Kommentar
-
<!-- Dies ist ein Kommentar -->
Pregunta 6
Pregunta
Frage 126
Mit welchem Tag kennzeichnen Sie in HTML ein Zitat?
Pregunta 7
Pregunta
Frage 127
Durch welchen HTML-Tag wird der Text in den meisten Browsern kursiv dargestellt?
Respuesta
-
<cursive>...</cursive>
-
<b>...</b>
-
<oblique>...</oblique>
-
<strong>...</strong>
-
<em>...</em>
-
<i>...</i>
Pregunta 8
Pregunta
Frage 128
Mit welchem HTML-Attribut im <video>-Tag können Sie ein Video in einer Endlosschleife abspielen?
Respuesta
-
autostart
-
autoplay
-
endless
-
looping
-
repeat
-
repeating
-
loop
Pregunta 9
Pregunta
Frage 129
Welches CSS-Attribut bewirkt einen Außenabstand für ein Element?
Pregunta 10
Pregunta
Frage 130
Wie erzeugen Sie in CSS einen Kommentar?
Respuesta
-
<!-- Dies ist ein Kommentar -->
-
/* Dies ist ein Kommentar */
-
// Dies ist ein Kommentar
Pregunta 11
Pregunta
Frage 131
Welche Bestandteile eines Elements werden bei einer CSS-Transformation mit scale vergrößert oder verkleinert (sofern sie vorhanden sind)?
Respuesta
-
Das Hintergrundbild
-
Die Kontur
-
Der enthaltene Text
-
Die enthaltenen Bilder
-
Video
Pregunta 12
Pregunta
Frage 132
Welche der folgenden Dateiformate unterstützen Ebenen?
Respuesta
-
TIFF
-
GIF
-
PNG
-
JPEG
-
PSD
-
XCF
Pregunta 13
Pregunta
Frage 133
Welche der folgenden Eigenschaften für den <p>-Tag treffen zu?
Respuesta
-
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.
Pregunta 14
Pregunta
Frage 134
Wie stellen Sie sicher, dass sich eine verlinkte Datei im richtigen iFrame öffnet?
Respuesta
-
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
Pregunta 15
Pregunta
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?
Respuesta
-
@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;
Pregunta 16
Pregunta
Frage 136
Wie rotieren Sie das Element #element um 45 Grad?
Respuesta
-
rotate(45deg)
-
rotateZ(45deg)
-
rotate(45degree)
-
rotateZ(45degree)
-
rotate(45°)
-
rotateZ(45°)
Pregunta 17
Pregunta
Frage137
Mit welcher CSS-Eigenschaft können Sie den Urpsungspunkt für eine Transformation festlegen?
Respuesta
-
transform-origin
-
transform-point
-
transform-src
-
transformation-origin
-
transformation-point
-
transformation-src
Pregunta 18
Pregunta
Frage 138
Mit welchem Wert für die CSS-Eigenschaft animation können Sie festlegen, dass eine Animation mit gleichbleibender Geschwindigkeit ablaufen soll?
Respuesta
-
linear
-
normal
-
ease-in
-
ease
Pregunta 19
Pregunta
Frage 139
Welche der folgenden Grafikformate können mit Hilfe des <img>-Tags in HTML-Seiten eingebunden werden?
Respuesta
-
JPEG
-
SVG
-
EPS
-
TIFF
-
PNG
-
GIF
Pregunta 20
Pregunta
Z1.) Was versteht man unter einem Alphakanal?
Respuesta
-
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.
Pregunta 21
Pregunta
Z2.) Welcher der folgenden Farbcodes steht für rot?
Respuesta
-
#ff0000
-
#00ff00
-
#0000ff
-
ff00ff
-
ffff00
-
00ffff
Pregunta 22
Pregunta
N1) Wie erzeugen Sie einen SubmitButton mit einer Pixelgrafik?
Respuesta
-
<button>
<img src=”grafik.png” alt=”blabla” />
</button>
-
<input type=”submit” src=”grafik.png” />
-
<input type=”image” src=”grafik.png” />
Pregunta 23
Pregunta
N2) Welche Zeichen müssen in einem HTMLDokument welches in UTF8 codiert ist maskiert werden?
Respuesta
-
“&” => &;
-
„!“ => &aus;
-
“<” => <;
-
“>” => >;
-
„X“ => ξ
Pregunta 24
Pregunta
N3) Wie definiert man in LESS unbekannte Syntax?
Respuesta
-
filter: "ms:alwaysHasItsOwnSyntax.For.Stuff()";
-
filter: "ms:alwaysHasItsOwnSyntax.For.@{meinText}()";
-
filter: ~"ms:alwaysHasItsOwnSyntax.For.Stuff()";
-
filter: ~"ms:alwaysHasItsOwnSyntax.For.@{meinText}()";
Pregunta 25
Pregunta
N4) Weisen Sie dem Selektor #example das LESSMixin .demo( width: 100px; ) zu!
Respuesta
-
#example { .demo; }
-
#example { @demo; }
-
#example { @demo(); }
-
#example { .demo(); }
Pregunta 26
Pregunta
N5) Wie erzeugen Sie in Formularen ein einzeiliges Eingabefeld?
Respuesta
-
<input type=”text” />
-
<textarea></textarea>
Pregunta 27
Pregunta
N6) Welches sind gültige Angaben für Geordnete Listen?
Pregunta 28
Pregunta
N7) Was versteht man in der digitalen Bildbearbeitung unter einer Ebenenmaske?
Respuesta
-
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.
Pregunta 29
Pregunta
N8) Wie können Sie in LESS die Zeichenkette ms:special_content() maskieren, die der Compiler sonst nicht verstehen könnte?
Pregunta 30
Pregunta
N9) Wie können Sie mit Hilfe von CSS einen Rollover-Effekt ertzeugen, bei dem
eine Grafik ausgetauscht wird?
Respuesta
-
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;
}
}
Pregunta 31
Pregunta
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.
Respuesta
-
#content {
backgroundcolor: darken(@link_color, 20%);
}
-
#content {
backgroundcolor: @link_color(dark = 20%);
}
-
#content {
backgroundcolor:. darken(@link_color, 20%);
}
Pregunta 32
Pregunta
N11) Wie definieren Sie eine CSS-Animation namens einblenden, bei der ein Element langsam eingeblendet wird (Herstellerpräfixe müssen nicht beachtet werden)?
Respuesta
-
@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); }
}
Pregunta 33
Pregunta
N12) Wie definieren Sie in LESS ein Mixin?
Respuesta
-
@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;
}
Pregunta 34
Pregunta
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?
Respuesta
-
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;
}
}
}
Pregunta 35
Pregunta
N14) Mit welchem Wert für die CSS-Eigenschaft können sie eine Animation als Palindrom abspielen (abwechselnd vorwärts und rückwärts)?
Respuesta
-
backwards
-
steps(2)
-
backsteps
-
alternative
-
alternate
-
direction(reverse)
-
direction(backwards)
-
backforth
-
reverse
-
palindrome
Pregunta 36
Pregunta
N15) Was sind die Unterschiede zwischen den CSS-Eigenschaft box-shadow und dem Filter drop-shadow?
Respuesta
-
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
Pregunta 37
Pregunta
N16) Wie definieren Sie die Doctype für HTML 5 ?
Respuesta
-
<!DOCTYPE html>
-
<!DOCTYPE html5>
-
<!DOCTYPE …>
Pregunta 38
Pregunta
N17) Welche Rendering Engine benutzt der Internet Explorer für Windows?
Respuesta
-
Gecko
-
Trident
-
Webkit
-
Safari
Pregunta 39
Pregunta
N18) Welche Rendering Engine benutzt der Browser Safari?
Respuesta
-
Gecko
-
Trident
-
Webkit
-
Safari
Pregunta 40
Pregunta
N19) Welche Rendering Engine benutzt der Browser Firefox?
Respuesta
-
Gecko
-
Trident
-
Webkit
-
Safari
Pregunta 41
Pregunta
N20) Mit welchem CSS-Code definieren Sie einen Stil für den Absatz-Tag?
Respuesta
-
p { color: #ff0000; fontsize: 12pt }
-
<p> = color: #ff0000; fontsize: 12pt
-
<p> { color: #ff0000; fontsize: 12pt }
-
p = { color: #ff0000; fontsize: 12pt }
Pregunta 42
Pregunta
N21) Welches der folgenden HTML-Elemente wird im Browser standardmässig in der grössten Schriftgrösse angezeigt? (Radio-Buttons)
Respuesta
-
<hr />
-
<h1></h1>
-
<h7></h7>
-
<h3></h3>
-
<head></head>
Pregunta 43
Pregunta
N22) Mit welchem HTML-Atrribut im video-Tag zeigen Sie die Steuerleiste einer
Videodatei an?
Respuesta
-
controlling
-
repeating
-
autostart
-
looping
-
autoplay
-
controls
Pregunta 44
Pregunta
N23) Was haben die Videoformate WebM und OGV gemeinsam?
Respuesta
-
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
Pregunta 45
Pregunta
N24) Was sind iFrames?
Respuesta
-
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.
Pregunta 46
Pregunta
N25) Wie weisen Sie dem Element #example die Animation “bewegen” zu?
Respuesta
-
#example { animation: bewegen }
-
#example { animationname: bewegen }
-
#example { animation(): bewegen() }
-
#example { .animation: bewegen }
-
#example { animation: @bewegen }
-
#example { @keyframes bewegen: bewegen }
-
#example { @keyframes { ... } }
Pregunta 47
Pregunta
W1) Was ist die Aufgabe von HTML?
Pregunta 48
Pregunta
W2) Mit welchem Wert für die CSS-Eigenschaft animation können Sie festlegen, dass eine Animation endlos wiederholt wird?
Respuesta
-
linear
-
normal
-
infinite
-
ease
Pregunta 49
Pregunta
W3) Wie definieren Sie in CSS einen Breakpoint, um Layoutveränderungen vornehmen zu können, wenn das Browserfenster (Viewport) 800px oder kleiner ist?