marina_kaufmann8
Quiz por , criado more than 1 year ago

Quiz sobre Fragenkatalog für Designer Teil 4, criado por marina_kaufmann8 em 09-04-2015.

20
1
0
Sem etiquetas
marina_kaufmann8
Criado por marina_kaufmann8 mais de 9 anos atrás
Fechar

Fragenkatalog für Designer Teil 4

Questão 1 de 49

1

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

Selecione uma ou mais das seguintes:

  • <head></head>

  • <hr />

  • <h1></h1>

  • <h3></h3>

  • <h7></h7>

Explicação

Questão 2 de 49

1

Frage 122
Wie definieren Sie in LESS eine Variable?

Selecione uma ou mais das seguintes:

  • variable = wert;

  • .variable { wert };

  • @variable = wert;

  • var variable = wert;

  • @variable: wert;

  • .variable: wert;

  • var variable: wert;

  • @variable { wert };

Explicação

Questão 3 de 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?

Selecione uma ou mais das seguintes:

  • backwards

  • reverse

  • direction(backwards)

  • steps(2)

  • direction(reverse)

  • backsteps

  • back-forth

  • alternate-reverse

  • alternate

  • alternative

Explicação

Questão 4 de 49

1

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

Selecione uma ou mais das seguintes:

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

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

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

Explicação

Questão 5 de 49

1

Frage 125
Wie erzeugen Sie in LESS einen Kommentar?

Selecione uma ou mais das seguintes:

  • # Dies ist ein Kommentar

  • /* Dies ist ein Kommentar */

  • // Dies ist ein Kommentar

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

Explicação

Questão 6 de 49

1

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

Selecione uma ou mais das seguintes:

  • <quote>Text</quote>

  • <cite>Text</cite>

  • <blockquote>Text</blockquote>

  • <q>Text</q>

Explicação

Questão 7 de 49

1

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

Selecione uma ou mais das seguintes:

  • <cursive>...</cursive>

  • <b>...</b>

  • <oblique>...</oblique>

  • <strong>...</strong>

  • <em>...</em>

  • <i>...</i>

Explicação

Questão 8 de 49

1

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

Selecione uma ou mais das seguintes:

  • autostart

  • autoplay

  • endless

  • looping

  • repeat

  • repeating

  • loop

Explicação

Questão 9 de 49

1

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

Selecione uma ou mais das seguintes:

  • padding

  • margin

Explicação

Questão 10 de 49

1

Frage 130
Wie erzeugen Sie in CSS einen Kommentar?

Selecione uma ou mais das seguintes:

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

  • /* Dies ist ein Kommentar */

  • // Dies ist ein Kommentar

Explicação

Questão 11 de 49

1

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

Selecione uma ou mais das seguintes:

  • Das Hintergrundbild

  • Die Kontur

  • Der enthaltene Text

  • Die enthaltenen Bilder

  • Video

Explicação

Questão 12 de 49

1

Frage 132
Welche der folgenden Dateiformate unterstützen Ebenen?

Selecione uma ou mais das seguintes:

  • TIFF

  • GIF

  • PNG

  • JPEG

  • PSD

  • XCF

Explicação

Questão 13 de 49

1

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

Selecione uma ou mais das seguintes:

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

Explicação

Questão 14 de 49

1

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

Selecione uma ou mais das seguintes:

  • 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

Explicação

Questão 15 de 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?

Selecione uma ou mais das seguintes:

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

Explicação

Questão 16 de 49

1

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

Selecione uma ou mais das seguintes:

  • rotate(45deg)

  • rotateZ(45deg)

  • rotate(45degree)

  • rotateZ(45degree)

  • rotate(45°)

  • rotateZ(45°)

Explicação

Questão 17 de 49

1

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

Selecione uma ou mais das seguintes:

  • transform-origin

  • transform-point

  • transform-src

  • transformation-origin

  • transformation-point

  • transformation-src

Explicação

Questão 18 de 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?

Selecione uma ou mais das seguintes:

  • linear

  • normal

  • ease-in

  • ease

Explicação

Questão 19 de 49

1

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

Selecione uma ou mais das seguintes:

  • JPEG

  • SVG

  • EPS

  • TIFF

  • PNG

  • GIF

Explicação

Questão 20 de 49

1

Z1.) Was versteht man unter einem Alphakanal?

Selecione uma ou mais das seguintes:

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

Explicação

Questão 21 de 49

1

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

Selecione uma ou mais das seguintes:

  • #ff0000

  • #00ff00

  • #0000ff

  • ff00ff

  • ffff00

  • 00ffff

Explicação

Questão 22 de 49

1

N1) Wie erzeugen Sie einen SubmitButton mit einer Pixelgrafik?

Selecione uma ou mais das seguintes:

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

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

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

Explicação

Questão 23 de 49

1

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

Selecione uma ou mais das seguintes:

  • “&” => &amp;

  • „!“ => &aus;

  • “<” => &lt;

  • “>” => &gt;

  • „X“ => &xi;

Explicação

Questão 24 de 49

1

N3) Wie definiert man in LESS unbekannte Syntax?

Selecione uma ou mais das seguintes:

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

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

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

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

Explicação

Questão 25 de 49

1

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

Selecione uma ou mais das seguintes:

  • #example { .demo; }

  • #example { @demo; }

  • #example { @demo(); }

  • #example { .demo(); }

Explicação

Questão 26 de 49

1

N5) Wie erzeugen Sie in Formularen ein einzeiliges Eingabefeld?

Selecione uma ou mais das seguintes:

  • <input type=”text” />

  • <textarea></textarea>

Explicação

Questão 27 de 49

1

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

Selecione uma ou mais das seguintes:

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

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

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

Explicação

Questão 28 de 49

1

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

Selecione uma ou mais das seguintes:

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

Explicação

Questão 29 de 49

1

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

Selecione uma ou mais das seguintes:

  • ~“ms:special_content()“

  • “ms:special_content()“

  • mask(“ms:special_content()“)

Explicação

Questão 30 de 49

1

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

Selecione uma ou mais das seguintes:

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

Explicação

Questão 31 de 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.

Selecione uma ou mais das seguintes:

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

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

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

Explicação

Questão 32 de 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)?

Selecione uma ou mais das seguintes:

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

Explicação

Questão 33 de 49

1

N12) Wie definieren Sie in LESS ein Mixin?

Selecione uma ou mais das seguintes:

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

Explicação

Questão 34 de 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?

Selecione uma ou mais das seguintes:

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

Explicação

Questão 35 de 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)?

Selecione uma ou mais das seguintes:

  • backwards

  • steps(2)

  • backsteps

  • alternative

  • alternate

  • direction(reverse)

  • direction(backwards)

  • backforth

  • reverse

  • palindrome

Explicação

Questão 36 de 49

1

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

Selecione uma ou mais das seguintes:

  • 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

Explicação

Questão 37 de 49

1

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

Selecione uma ou mais das seguintes:

  • <!DOCTYPE html>

  • <!DOCTYPE html5>

  • <!DOCTYPE …>

Explicação

Questão 38 de 49

1

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

Selecione uma ou mais das seguintes:

  • Gecko

  • Trident

  • Webkit

  • Safari

Explicação

Questão 39 de 49

1

N18) Welche Rendering Engine benutzt der Browser Safari?

Selecione uma ou mais das seguintes:

  • Gecko

  • Trident

  • Webkit

  • Safari

Explicação

Questão 40 de 49

1

N19) Welche Rendering Engine benutzt der Browser Firefox?

Selecione uma ou mais das seguintes:

  • Gecko

  • Trident

  • Webkit

  • Safari

Explicação

Questão 41 de 49

1

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

Selecione uma ou mais das seguintes:

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

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

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

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

Explicação

Questão 42 de 49

1

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

Selecione uma ou mais das seguintes:

  • <hr />

  • <h1></h1>

  • <h7></h7>

  • <h3></h3>

  • <head></head>

Explicação

Questão 43 de 49

1

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

Selecione uma ou mais das seguintes:

  • controlling

  • repeating

  • autostart

  • looping

  • autoplay

  • controls

Explicação

Questão 44 de 49

1

N23) Was haben die Videoformate WebM und OGV gemeinsam?

Selecione uma ou mais das seguintes:

  • 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

Explicação

Questão 45 de 49

1

N24) Was sind iFrames?

Selecione uma ou mais das seguintes:

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

Explicação

Questão 46 de 49

1

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

Selecione uma ou mais das seguintes:

  • #example { animation: bewegen }

  • #example { animationname: bewegen }

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

  • #example { .animation: bewegen }

  • #example { animation: @bewegen }

  • #example { @keyframes bewegen: bewegen }

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

Explicação

Questão 47 de 49

1

W1) Was ist die Aufgabe von HTML?

Selecione uma ou mais das seguintes:

  • Elementen eine semantische Bedeutung zu geben

  • Das Layout der Seite zu bestimmen

  • Inhalt zu strukturieren

Explicação

Questão 48 de 49

1

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

Selecione uma ou mais das seguintes:

  • linear

  • normal

  • infinite

  • ease

Explicação

Questão 49 de 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?

Selecione uma ou mais das seguintes:

  • @media (min-width: 800px)

  • media (max-width: 800px)

  • @media (max-width: 800px)

Explicação

Anterior
Próximo