marina_kaufmann8
Quiz by , created more than 1 year ago

Quiz on Fragenkatalog für Designer Teil 4, created by marina_kaufmann8 on 09/04/2015.

25
1
0
No tags specified
marina_kaufmann8
Created by marina_kaufmann8 over 9 years ago
Close

Fragenkatalog für Designer Teil 4

Question 1 of 49

1

Frage 121
Mit welchem HTML-Code können Sie eine Überschrift erzeugen?

Select one or more of the following:

  • <head></head>

  • <hr />

  • <h1></h1>

  • <h3></h3>

  • <h7></h7>

Explanation

Question 2 of 49

1

Frage 122
Wie definieren Sie in LESS eine Variable?

Select one or more of the following:

  • variable = wert;

  • .variable { wert };

  • @variable = wert;

  • var variable = wert;

  • @variable: wert;

  • .variable: wert;

  • var variable: wert;

  • @variable { wert };

Explanation

Question 3 of 49

1

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?

Select one or more of the following:

  • backwards

  • reverse

  • direction(backwards)

  • steps(2)

  • direction(reverse)

  • backsteps

  • back-forth

  • alternate-reverse

  • alternate

  • alternative

Explanation

Question 4 of 49

1

Frage 124
Wie erzeugen Sie in HTML eine Liste mit Spiegelpunkten (Bullet-Liste)?

Select one or more of the following:

  • <ul>
    <li>...</li>
    <li>...</li>
    </ul>

  • <ol>
    <li>...</li>
    <li>...</li>
    </ol>

  • <dl>
    <li>...</li>
    <li>...</li>
    </dl>

Explanation

Question 5 of 49

1

Frage 125
Wie erzeugen Sie in LESS einen Kommentar?

Select one or more of the following:

  • # Dies ist ein Kommentar

  • /* Dies ist ein Kommentar */

  • // Dies ist ein Kommentar

  • <!-- Dies ist ein Kommentar -->

Explanation

Question 6 of 49

1

Frage 126
Mit welchem Tag kennzeichnen Sie in HTML ein Zitat?

Select one or more of the following:

  • <quote>Text</quote>

  • <cite>Text</cite>

  • <blockquote>Text</blockquote>

  • <q>Text</q>

Explanation

Question 7 of 49

1

Frage 127
Durch welchen HTML-Tag wird der Text in den meisten Browsern kursiv dargestellt?

Select one or more of the following:

  • <cursive>...</cursive>

  • <b>...</b>

  • <oblique>...</oblique>

  • <strong>...</strong>

  • <em>...</em>

  • <i>...</i>

Explanation

Question 8 of 49

1

Frage 128
Mit welchem HTML-Attribut im <video>-Tag können Sie ein Video in einer Endlosschleife abspielen?

Select one or more of the following:

  • autostart

  • autoplay

  • endless

  • looping

  • repeat

  • repeating

  • loop

Explanation

Question 9 of 49

1

Frage 129
Welches CSS-Attribut bewirkt einen Außenabstand für ein Element?

Select one or more of the following:

  • padding

  • margin

Explanation

Question 10 of 49

1

Frage 130
Wie erzeugen Sie in CSS einen Kommentar?

Select one or more of the following:

  • <!-- Dies ist ein Kommentar -->

  • /* Dies ist ein Kommentar */

  • // Dies ist ein Kommentar

Explanation

Question 11 of 49

1

Frage 131
Welche Bestandteile eines Elements werden bei einer CSS-Transformation mit scale vergrößert oder verkleinert (sofern sie vorhanden sind)?

Select one or more of the following:

  • Das Hintergrundbild

  • Die Kontur

  • Der enthaltene Text

  • Die enthaltenen Bilder

  • Video

Explanation

Question 12 of 49

1

Frage 132
Welche der folgenden Dateiformate unterstützen Ebenen?

Select one or more of the following:

  • TIFF

  • GIF

  • PNG

  • JPEG

  • PSD

  • XCF

Explanation

Question 13 of 49

1

Frage 133
Welche der folgenden Eigenschaften für den <p>-Tag treffen zu?

Select one or more of the following:

  • 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.

Explanation

Question 14 of 49

1

Frage 134
Wie stellen Sie sicher, dass sich eine verlinkte Datei im richtigen iFrame öffnet?

Select one or more of the following:

  • 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

Explanation

Question 15 of 49

1

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?

Select one or more of the following:

  • @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;

Explanation

Question 16 of 49

1

Frage 136
Wie rotieren Sie das Element #element um 45 Grad?

Select one or more of the following:

  • rotate(45deg)

  • rotateZ(45deg)

  • rotate(45degree)

  • rotateZ(45degree)

  • rotate(45°)

  • rotateZ(45°)

Explanation

Question 17 of 49

1

Frage137
Mit welcher CSS-Eigenschaft können Sie den Urpsungspunkt für eine Transformation festlegen?

Select one or more of the following:

  • transform-origin

  • transform-point

  • transform-src

  • transformation-origin

  • transformation-point

  • transformation-src

Explanation

Question 18 of 49

1

Frage 138
Mit welchem Wert für die CSS-Eigenschaft animation können Sie festlegen, dass eine Animation mit gleichbleibender Geschwindigkeit ablaufen soll?

Select one or more of the following:

  • linear

  • normal

  • ease-in

  • ease

Explanation

Question 19 of 49

1

Frage 139
Welche der folgenden Grafikformate können mit Hilfe des <img>-Tags in HTML-Seiten eingebunden werden?

Select one or more of the following:

  • JPEG

  • SVG

  • EPS

  • TIFF

  • PNG

  • GIF

Explanation

Question 20 of 49

1

Z1.) Was versteht man unter einem Alphakanal?

Select one or more of the following:

  • 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.

Explanation

Question 21 of 49

1

Z2.) Welcher der folgenden Farbcodes steht für rot?

Select one or more of the following:

  • #ff0000

  • #00ff00

  • #0000ff

  • ff00ff

  • ffff00

  • 00ffff

Explanation

Question 22 of 49

1

N1) Wie erzeugen Sie einen SubmitButton mit einer Pixelgrafik?

Select one or more of the following:

  • <button>
    <img src=”grafik.png” alt=”blabla” />
    </button>

  • <input type=”submit” src=”grafik.png” />

  • <input type=”image” src=”grafik.png” />

Explanation

Question 23 of 49

1

N2) Welche Zeichen müssen in einem HTMLDokument welches in UTF8 codiert ist maskiert werden?

Select one or more of the following:

  • “&” => &amp;

  • „!“ => &aus;

  • “<” => &lt;

  • “>” => &gt;

  • „X“ => &xi;

Explanation

Question 24 of 49

1

N3) Wie definiert man in LESS unbekannte Syntax?

Select one or more of the following:

  • filter: "ms:alwaysHasItsOwnSyntax.For.Stuff()";

  • filter: "ms:alwaysHasItsOwnSyntax.For.@{meinText}()";

  • filter: ~"ms:alwaysHasItsOwnSyntax.For.Stuff()";

  • filter: ~"ms:alwaysHasItsOwnSyntax.For.@{meinText}()";

Explanation

Question 25 of 49

1

N4) Weisen Sie dem Selektor #example das LESSMixin .demo( width: 100px; ) zu!

Select one or more of the following:

  • #example { .demo; }

  • #example { @demo; }

  • #example { @demo(); }

  • #example { .demo(); }

Explanation

Question 26 of 49

1

N5) Wie erzeugen Sie in Formularen ein einzeiliges Eingabefeld?

Select one or more of the following:

  • <input type=”text” />

  • <textarea></textarea>

Explanation

Question 27 of 49

1

N6) Welches sind gültige Angaben für Geordnete Listen?

Select one or more of the following:

  • <ul><li></li><li></li></ul>

  • <ol type=”I”>...</ol>

  • <dl><dt></dt><dd></dd></dl>

Explanation

Question 28 of 49

1

N7) Was versteht man in der digitalen Bildbearbeitung unter einer Ebenenmaske?

Select one or more of the following:

  • 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.

Explanation

Question 29 of 49

1

N8) Wie können Sie in LESS die Zeichenkette ms:special_content() maskieren, die der Compiler sonst nicht verstehen könnte?

Select one or more of the following:

  • ~“ms:special_content()“

  • “ms:special_content()“

  • mask(“ms:special_content()“)

Explanation

Question 30 of 49

1

N9) Wie können Sie mit Hilfe von CSS einen Rollover-Effekt ertzeugen, bei dem
eine Grafik ausgetauscht wird?

Select one or more of the following:

  • 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;
    }
    }

Explanation

Question 31 of 49

1

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.

Select one or more of the following:

  • #content {
    backgroundcolor: darken(@link_color, 20%);
    }

  • #content {
    backgroundcolor: @link_color(dark = 20%);
    }

  • #content {
    backgroundcolor:. darken(@link_color, 20%);
    }

Explanation

Question 32 of 49

1

N11) Wie definieren Sie eine CSS-Animation namens einblenden, bei der ein Element langsam eingeblendet wird (Herstellerpräfixe müssen nicht beachtet werden)?

Select one or more of the following:

  • @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); }
    }

Explanation

Question 33 of 49

1

N12) Wie definieren Sie in LESS ein Mixin?

Select one or more of the following:

  • @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;
    }

Explanation

Question 34 of 49

1

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?

Select one or more of the following:

  • 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;
    }
    }
    }

Explanation

Question 35 of 49

1

N14) Mit welchem Wert für die CSS-Eigenschaft können sie eine Animation als Palindrom abspielen (abwechselnd vorwärts und rückwärts)?

Select one or more of the following:

  • backwards

  • steps(2)

  • backsteps

  • alternative

  • alternate

  • direction(reverse)

  • direction(backwards)

  • backforth

  • reverse

  • palindrome

Explanation

Question 36 of 49

1

N15) Was sind die Unterschiede zwischen den CSS-Eigenschaft box-shadow und dem Filter drop-shadow?

Select one or more of the following:

  • 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

Explanation

Question 37 of 49

1

N16) Wie definieren Sie die Doctype für HTML 5 ?

Select one or more of the following:

  • <!DOCTYPE html>

  • <!DOCTYPE html5>

  • <!DOCTYPE …>

Explanation

Question 38 of 49

1

N17) Welche Rendering Engine benutzt der Internet Explorer für Windows?

Select one or more of the following:

  • Gecko

  • Trident

  • Webkit

  • Safari

Explanation

Question 39 of 49

1

N18) Welche Rendering Engine benutzt der Browser Safari?

Select one or more of the following:

  • Gecko

  • Trident

  • Webkit

  • Safari

Explanation

Question 40 of 49

1

N19) Welche Rendering Engine benutzt der Browser Firefox?

Select one or more of the following:

  • Gecko

  • Trident

  • Webkit

  • Safari

Explanation

Question 41 of 49

1

N20) Mit welchem CSS-Code definieren Sie einen Stil für den Absatz-Tag?

Select one or more of the following:

  • p { color: #ff0000; fontsize: 12pt }

  • <p> = color: #ff0000; fontsize: 12pt

  • <p> { color: #ff0000; fontsize: 12pt }

  • p = { color: #ff0000; fontsize: 12pt }

Explanation

Question 42 of 49

1

N21) Welches der folgenden HTML-Elemente wird im Browser standardmässig in der grössten Schriftgrösse angezeigt? (Radio-Buttons)

Select one or more of the following:

  • <hr />

  • <h1></h1>

  • <h7></h7>

  • <h3></h3>

  • <head></head>

Explanation

Question 43 of 49

1

N22) Mit welchem HTML-Atrribut im video-Tag zeigen Sie die Steuerleiste einer
Videodatei an?

Select one or more of the following:

  • controlling

  • repeating

  • autostart

  • looping

  • autoplay

  • controls

Explanation

Question 44 of 49

1

N23) Was haben die Videoformate WebM und OGV gemeinsam?

Select one or more of the following:

  • 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

Explanation

Question 45 of 49

1

N24) Was sind iFrames?

Select one or more of the following:

  • 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.

Explanation

Question 46 of 49

1

N25) Wie weisen Sie dem Element #example die Animation “bewegen” zu?

Select one or more of the following:

  • #example { animation: bewegen }

  • #example { animationname: bewegen }

  • #example { animation(): bewegen() }

  • #example { .animation: bewegen }

  • #example { animation: @bewegen }

  • #example { @keyframes bewegen: bewegen }

  • #example { @keyframes { ... } }

Explanation

Question 47 of 49

1

W1) Was ist die Aufgabe von HTML?

Select one or more of the following:

  • Elementen eine semantische Bedeutung zu geben

  • Das Layout der Seite zu bestimmen

  • Inhalt zu strukturieren

Explanation

Question 48 of 49

1

W2) Mit welchem Wert für die CSS-Eigenschaft animation können Sie festlegen, dass eine Animation endlos wiederholt wird?

Select one or more of the following:

  • linear

  • normal

  • infinite

  • ease

Explanation

Question 49 of 49

1

W3) Wie definieren Sie in CSS einen Breakpoint, um Layoutveränderungen vornehmen zu können, wenn das Browserfenster (Viewport) 800px oder kleiner ist?

Select one or more of the following:

  • @media (min-width: 800px)

  • media (max-width: 800px)

  • @media (max-width: 800px)

Explanation

Previous
Next