Quiz
Fragenkatalog für Designer Teil 4
Questions in this quiz (49)
1Frage 121
Mit welchem HTML-Code können Sie eine Überschrift erzeugen?- A<head></head>
- B<hr />
- C<h1></h1>
- D<h3></h3>
- E<h7></h7>
2Frage 122
Wie definieren Sie in LESS eine Variable?- Avariable = wert;
- B.variable { wert };
- C@variable = wert;
- Dvar variable = wert;
- E@variable: wert;
- F.variable: wert;
- Gvar variable: wert;
- H@variable { wert };
3Frage 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?- Abackwards
- Breverse
- Cdirection(backwards)
- Dsteps(2)
- Edirection(reverse)
- Fbacksteps
- Gback-forth
- Halternate-reverse
- Ialternate
- Jalternative
4Frage 124
Wie erzeugen Sie in HTML eine Liste mit Spiegelpunkten (Bullet-Liste)?- A<ul>
<li>...</li>
<li>...</li>
</ul> - B<ol>
<li>...</li>
<li>...</li>
</ol> - C<dl>
<li>...</li>
<li>...</li>
</dl>
- A<ul>
5Frage 125
Wie erzeugen Sie in LESS einen Kommentar?- A# Dies ist ein Kommentar
- B/* Dies ist ein Kommentar */
- C// Dies ist ein Kommentar
- D<!-- Dies ist ein Kommentar -->
6Frage 126
Mit welchem Tag kennzeichnen Sie in HTML ein Zitat?- A<quote>Text</quote>
- B<cite>Text</cite>
- C<blockquote>Text</blockquote>
- D<q>Text</q>
7Frage 127
Durch welchen HTML-Tag wird der Text in den meisten Browsern kursiv dargestellt?- A<cursive>...</cursive>
- B<b>...</b>
- C<oblique>...</oblique>
- D<strong>...</strong>
- E<em>...</em>
- F<i>...</i>
8Frage 128
Mit welchem HTML-Attribut im <video>-Tag können Sie ein Video in einer Endlosschleife abspielen?- Aautostart
- Bautoplay
- Cendless
- Dlooping
- Erepeat
- Frepeating
- Gloop
9Frage 129
Welches CSS-Attribut bewirkt einen Außenabstand für ein Element?- Apadding
- Bmargin
10Frage 130
Wie erzeugen Sie in CSS einen Kommentar?- A<!-- Dies ist ein Kommentar -->
- B/* Dies ist ein Kommentar */
- C// Dies ist ein Kommentar
11Frage 131
Welche Bestandteile eines Elements werden bei einer CSS-Transformation mit scale vergrößert oder verkleinert (sofern sie vorhanden sind)?- ADas Hintergrundbild
- BDie Kontur
- CDer enthaltene Text
- DDie enthaltenen Bilder
- EVideo
12Frage 132
Welche der folgenden Dateiformate unterstützen Ebenen?- ATIFF
- BGIF
- CPNG
- DJPEG
- EPSD
- FXCF
13Frage 133
Welche der folgenden Eigenschaften für den <p>-Tag treffen zu?- ADer <p>-Tag kann Blockelemente enthalten.
- BDer <p>-Tag erzeugt im Browser einem Abstand nach oben und unten.
- CDer <p>-Tag gehört zu den Blockelementen.
- DDer <p>-Tag muss in sich selbst geschlossen werden.
- EDie HTML-Attribute für den <p>-Tag sind deprecated.
14Frage 134
Wie stellen Sie sicher, dass sich eine verlinkte Datei im richtigen iFrame öffnet?- AMit Hilfe des Attributs target im a-Tag
- BMit Hilfe des Attributs name im iframe-Tag
- CMit Hilfe des Attributs name im a-Tag
- DMit Hilfe des Attributs target im iframe-Tag
15Frage 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?- A@media (max-width: 600px)
- Bclear: both;
- Cfloat: none;
- Dwidth: auto;
- Ewidth: 100%;
- F@media (min-device-width: 600px)
- G@media (min-width: 599px)
- Hfloat: right;
- Imargin: 0 0 1rem 0;
- Joverflow: hidden;
16Frage 136
Wie rotieren Sie das Element #element um 45 Grad?- Arotate(45deg)
- BrotateZ(45deg)
- Crotate(45degree)
- DrotateZ(45degree)
- Erotate(45°)
- FrotateZ(45°)
17Frage137
Mit welcher CSS-Eigenschaft können Sie den Urpsungspunkt für eine Transformation festlegen?- Atransform-origin
- Btransform-point
- Ctransform-src
- Dtransformation-origin
- Etransformation-point
- Ftransformation-src
18Frage 138
Mit welchem Wert für die CSS-Eigenschaft animation können Sie festlegen, dass eine Animation mit gleichbleibender Geschwindigkeit ablaufen soll?- Alinear
- Bnormal
- Cease-in
- Dease
19Frage 139
Welche der folgenden Grafikformate können mit Hilfe des <img>-Tags in HTML-Seiten eingebunden werden?- AJPEG
- BSVG
- CEPS
- DTIFF
- EPNG
- FGIF
20Z1.) Was versteht man unter einem Alphakanal?
- ADen obersten Farbkanal in der Kanäle-Palette.
- BEinen zusätzlichen Kanal zur Erzeugung von Transparenz-Masken.
- CIn Bildbearbeitungsprogrammen eine in einem zusätzlichen Kanal gespeicherte Auswahl.
- DEine Ebene, die Vektoren enthält.
- EEin Alphakanal ist der Farbkanal für die Farbe Rot.
21Z2.) Welcher der folgenden Farbcodes steht für rot?
- A#ff0000
- B#00ff00
- C#0000ff
- Dff00ff
- Effff00
- F00ffff
22N1) Wie erzeugen Sie einen SubmitButton mit einer Pixelgrafik?
- A<button>
<img src=”grafik.png” alt=”blabla” />
</button> - B<input type=”submit” src=”grafik.png” />
- C<input type=”image” src=”grafik.png” />
- A<button>
23N2) Welche Zeichen müssen in einem HTMLDokument welches in UTF8 codiert ist maskiert werden?
- A“&” => &;
- B„!“ => &aus;
- C“<” => <;
- D“>” => >;
- E„X“ => ξ
24N3) Wie definiert man in LESS unbekannte Syntax?
- Afilter: "ms:alwaysHasItsOwnSyntax.For.Stuff()";
- Bfilter: "ms:alwaysHasItsOwnSyntax.For.@{meinText}()";
- Cfilter: ~"ms:alwaysHasItsOwnSyntax.For.Stuff()";
- Dfilter: ~"ms:alwaysHasItsOwnSyntax.For.@{meinText}()";
25N4) Weisen Sie dem Selektor #example das LESSMixin .demo( width: 100px; ) zu!
- A#example { .demo; }
- B#example { @demo; }
- C#example { @demo(); }
- D#example { .demo(); }
26N5) Wie erzeugen Sie in Formularen ein einzeiliges Eingabefeld?
- A<input type=”text” />
- B<textarea></textarea>
27N6) Welches sind gültige Angaben für Geordnete Listen?
- A<ul><li></li><li></li></ul>
- B<ol type=”I”>...</ol>
- C<dl><dt></dt><dd></dd></dl>
28N7) Was versteht man in der digitalen Bildbearbeitung unter einer Ebenenmaske?
- AEine Ebenenmaske kann verwendet werden, um Bildteile transparent zu machen.
- BEine Ebenenmaske kann verwendet werden, um den Speicherbedarf eines Bildes zu verringern.
- CEine Ebenenmaske kann verwendet werden, um Bildbereiche freizustellen.
- DEine Ebenenmaske kann verwendet werden, um Bildteile verlustfrei zu skalieren.
29N8) Wie können Sie in LESS die Zeichenkette ms:special_content() maskieren, die der Compiler sonst nicht verstehen könnte?
- A~“ms:special_content()“
- B“ms:special_content()“
- Cmask(“ms:special_content()“)
30N9) Wie können Sie mit Hilfe von CSS einen Rollover-Effekt ertzeugen, bei dem
eine Grafik ausgetauscht wird?- Aa.button_link {
backgroundimage: url(button1.png) norepeat;
&:hover {
backgroundimage: url(button2.png) norepeat;
}
} - Ba.button_link {
src: bild1.gif ;
:hover {
src: bild1.gif ;
}
} - Ca.button_link {
url(bild1.gif);
&:hover {
url(bild1.gif);
}
} - Da.button_link img {
backgroundimage: url(button1.png) norepeat;
img&:hover {
backgroundimage: url(button2.png) norepeat;
}
}
- Aa.button_link {
31N10) Sie haben in LESS Variable erzeugt @link_color: #333;
Diesen möchten Sie nun dem Selektor #content als Hintergrundfarbe zuweisen, allerdings um 20% abgedunkelt.- A#content {
backgroundcolor: darken(@link_color, 20%);
} - B#content {
backgroundcolor: @link_color(dark = 20%);
} - C#content {
backgroundcolor:. darken(@link_color, 20%);
}
- A#content {
32N11) Wie definieren Sie eine CSS-Animation namens einblenden, bei der ein Element langsam eingeblendet wird (Herstellerpräfixe müssen nicht beachtet werden)?
- A@keyframes einblenden {
0% { opacity:0; }
100% { opacity:1; }
} - B@keyframes einblenden {
from { opacity:0; }
to { opacity:1; }
} - C@keyframes einblenden {
from { filter: opacity(0); }
to { filter: opacity(1); }
} - D@keyframes einblenden {
0% { filter: opacity(0); }
100% { filter: opacity(1); }
}
- A@keyframes einblenden {
33N12) Wie definieren Sie in LESS ein Mixin?
- A@mixin(.color; .bgcolor) {
color: .color;
backgroundcolor: .bgcolor;
border: 1px solid .color;
} - B@mixin() {
color: #333;
backgroundcolor: #eee;
border: 2px solid #333;
} - C.mixin {
color: @color;
backgroundcolor: @bgcolor;
border: @borderwidth solid @color;
} - D.mixin() {
color: #333;
backgroundcolor: #eee;
border: 2px solid #333;
} - E.mixin() {
color: @color;
backgroundcolor: @bgcolor;
border: @borderwidth solid @color;
} - F.mixin(@color; @bgcolor) {
color: @color;
backgroundcolor: @bgcolor;
border: 1px solid @color;
} - G@mixin {
color: #333;
backgroundcolor: #eee;
border: 2px solid #333;
} - H.mixin {
color: #333;
backgroundcolor: #eee;
border: 2px solid #333;
}
- A@mixin(.color; .bgcolor) {
34N13) 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?
- Adiv {
p &:lastchild {
marginbottom: 0;
}
} - Bdiv {
p {
&:lastchild {
marginbottom: 0;
}
}
} - Cdiv {
p {
&lastchild {
marginbottom: 0;
}
}
} - Ddiv {
p:lastchild {
marginbottom: 0;
}
} - Ediv p:lastchild {
marginbottom: 0;
} - Fdiv {
p &lastchild {
marginbottom: 0;
}
} - Gdiv {
p {
:lastchild {
marginbottom: 0;
}
}
}
- Adiv {
35N14) Mit welchem Wert für die CSS-Eigenschaft können sie eine Animation als Palindrom abspielen (abwechselnd vorwärts und rückwärts)?
- Abackwards
- Bsteps(2)
- Cbacksteps
- Dalternative
- Ealternate
- Fdirection(reverse)
- Gdirection(backwards)
- Hbackforth
- Ireverse
- Jpalindrome
36N15) Was sind die Unterschiede zwischen den CSS-Eigenschaft box-shadow und dem Filter drop-shadow?
- AIm Gegensatz zu boxshadow werfen beim dropshadow-Filter alle nichttransparenten Teile eines Elements einen Schatten.
- BManche Browser benutzen Hardwarebeschleunigung.
- CKeine Unterschiede
- Ddropshadowfilter funktioniert nicht auf mobilen Endgeräten von Apple
37N16) Wie definieren Sie die Doctype für HTML 5 ?
- A<!DOCTYPE html>
- B<!DOCTYPE html5>
- C<!DOCTYPE …>
38N17) Welche Rendering Engine benutzt der Internet Explorer für Windows?
- AGecko
- BTrident
- CWebkit
- DSafari
39N18) Welche Rendering Engine benutzt der Browser Safari?
- AGecko
- BTrident
- CWebkit
- DSafari
40N19) Welche Rendering Engine benutzt der Browser Firefox?
- AGecko
- BTrident
- CWebkit
- DSafari
41N20) Mit welchem CSS-Code definieren Sie einen Stil für den Absatz-Tag?
- Ap { color: #ff0000; fontsize: 12pt }
- B<p> = color: #ff0000; fontsize: 12pt
- C<p> { color: #ff0000; fontsize: 12pt }
- Dp = { color: #ff0000; fontsize: 12pt }
42N21) Welches der folgenden HTML-Elemente wird im Browser standardmässig in der grössten Schriftgrösse angezeigt? (Radio-Buttons)
- A<hr />
- B<h1></h1>
- C<h7></h7>
- D<h3></h3>
- E<head></head>
43N22) Mit welchem HTML-Atrribut im video-Tag zeigen Sie die Steuerleiste einer
Videodatei an?- Acontrolling
- Brepeating
- Cautostart
- Dlooping
- Eautoplay
- Fcontrols
44N23) Was haben die Videoformate WebM und OGV gemeinsam?
- ASie nutzen beide den AudioCodec Vorbis
- BSie nutzen den gleichen VideoCodec Theora
- CGar nichts
- DNur Webkit kann diese abspielen
- EBeide können nicht in Firefox abgespielt werden
45N24) Was sind iFrames?
- ABereich auf einer HTMLSeite, innerhalb dessen einer andere HTMLSeite angezeigt wird, z.B. zur Einbindung von Dienstleistungen von Drittanbietern
- BSpezielle Fenster, in denen Content für Apple-Produkte eingeblendet wird.
- CRahmen für die in HTML eingefügten Bilder.
46N25) Wie weisen Sie dem Element #example die Animation “bewegen” zu?
- A#example { animation: bewegen }
- B#example { animationname: bewegen }
- C#example { animation(): bewegen() }
- D#example { .animation: bewegen }
- E#example { animation: @bewegen }
- F#example { @keyframes bewegen: bewegen }
- G#example { @keyframes { ... } }
47W1) Was ist die Aufgabe von HTML?
- AElementen eine semantische Bedeutung zu geben
- BDas Layout der Seite zu bestimmen
- CInhalt zu strukturieren
48W2) Mit welchem Wert für die CSS-Eigenschaft animation können Sie festlegen, dass eine Animation endlos wiederholt wird?
- Alinear
- Bnormal
- Cinfinite
- Dease
49W3) Wie definieren Sie in CSS einen Breakpoint, um Layoutveränderungen vornehmen zu können, wenn das Browserfenster (Viewport) 800px oder kleiner ist?
- A@media (min-width: 800px)
- Bmedia (max-width: 800px)
- C@media (max-width: 800px)
Information
- Description
- Quiz on Fragenkatalog für Designer Teil 4, created by marina_kaufmann8 on 09/04/2015.
- Author
- marina_kaufmann8
- Language
- Deutsch
- Views
- 41
- Rating
- No ratings yet Rate this quiz