marina_kaufmann8
Test por , creado hace más de 1 año

Test sobre Fragenkatalog für Designer Teil 4, creado por marina_kaufmann8 el 09/04/2015.

25
1
0
Sin etiquetas
marina_kaufmann8
Creado por marina_kaufmann8 hace más de 9 años
Cerrar

Fragenkatalog für Designer Teil 4

Pregunta 1 de 49

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • <head></head>

  • <hr />

  • <h1></h1>

  • <h3></h3>

  • <h7></h7>

Explicación

Pregunta 2 de 49

1

Frage 122
Wie definieren Sie in LESS eine Variable?

Selecciona una o más de las siguientes respuestas posibles:

  • variable = wert;

  • .variable { wert };

  • @variable = wert;

  • var variable = wert;

  • @variable: wert;

  • .variable: wert;

  • var variable: wert;

  • @variable { wert };

Explicación

Pregunta 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?

Selecciona una o más de las siguientes respuestas posibles:

  • backwards

  • reverse

  • direction(backwards)

  • steps(2)

  • direction(reverse)

  • backsteps

  • back-forth

  • alternate-reverse

  • alternate

  • alternative

Explicación

Pregunta 4 de 49

1

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

Selecciona una o más de las siguientes respuestas posibles:

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

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

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

Explicación

Pregunta 5 de 49

1

Frage 125
Wie erzeugen Sie in LESS einen Kommentar?

Selecciona una o más de las siguientes respuestas posibles:

  • # Dies ist ein Kommentar

  • /* Dies ist ein Kommentar */

  • // Dies ist ein Kommentar

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

Explicación

Pregunta 6 de 49

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • <quote>Text</quote>

  • <cite>Text</cite>

  • <blockquote>Text</blockquote>

  • <q>Text</q>

Explicación

Pregunta 7 de 49

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • <cursive>...</cursive>

  • <b>...</b>

  • <oblique>...</oblique>

  • <strong>...</strong>

  • <em>...</em>

  • <i>...</i>

Explicación

Pregunta 8 de 49

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • autostart

  • autoplay

  • endless

  • looping

  • repeat

  • repeating

  • loop

Explicación

Pregunta 9 de 49

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • padding

  • margin

Explicación

Pregunta 10 de 49

1

Frage 130
Wie erzeugen Sie in CSS einen Kommentar?

Selecciona una o más de las siguientes respuestas posibles:

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

  • /* Dies ist ein Kommentar */

  • // Dies ist ein Kommentar

Explicación

Pregunta 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)?

Selecciona una o más de las siguientes respuestas posibles:

  • Das Hintergrundbild

  • Die Kontur

  • Der enthaltene Text

  • Die enthaltenen Bilder

  • Video

Explicación

Pregunta 12 de 49

1

Frage 132
Welche der folgenden Dateiformate unterstützen Ebenen?

Selecciona una o más de las siguientes respuestas posibles:

  • TIFF

  • GIF

  • PNG

  • JPEG

  • PSD

  • XCF

Explicación

Pregunta 13 de 49

1

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

Selecciona una o más de las siguientes respuestas posibles:

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

Explicación

Pregunta 14 de 49

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • 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

Explicación

Pregunta 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?

Selecciona una o más de las siguientes respuestas posibles:

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

Explicación

Pregunta 16 de 49

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • rotate(45deg)

  • rotateZ(45deg)

  • rotate(45degree)

  • rotateZ(45degree)

  • rotate(45°)

  • rotateZ(45°)

Explicación

Pregunta 17 de 49

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • transform-origin

  • transform-point

  • transform-src

  • transformation-origin

  • transformation-point

  • transformation-src

Explicación

Pregunta 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?

Selecciona una o más de las siguientes respuestas posibles:

  • linear

  • normal

  • ease-in

  • ease

Explicación

Pregunta 19 de 49

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • JPEG

  • SVG

  • EPS

  • TIFF

  • PNG

  • GIF

Explicación

Pregunta 20 de 49

1

Z1.) Was versteht man unter einem Alphakanal?

Selecciona una o más de las siguientes respuestas posibles:

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

Explicación

Pregunta 21 de 49

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • #ff0000

  • #00ff00

  • #0000ff

  • ff00ff

  • ffff00

  • 00ffff

Explicación

Pregunta 22 de 49

1

N1) Wie erzeugen Sie einen SubmitButton mit einer Pixelgrafik?

Selecciona una o más de las siguientes respuestas posibles:

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

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

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

Explicación

Pregunta 23 de 49

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • “&” => &amp;

  • „!“ => &aus;

  • “<” => &lt;

  • “>” => &gt;

  • „X“ => &xi;

Explicación

Pregunta 24 de 49

1

N3) Wie definiert man in LESS unbekannte Syntax?

Selecciona una o más de las siguientes respuestas posibles:

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

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

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

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

Explicación

Pregunta 25 de 49

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • #example { .demo; }

  • #example { @demo; }

  • #example { @demo(); }

  • #example { .demo(); }

Explicación

Pregunta 26 de 49

1

N5) Wie erzeugen Sie in Formularen ein einzeiliges Eingabefeld?

Selecciona una o más de las siguientes respuestas posibles:

  • <input type=”text” />

  • <textarea></textarea>

Explicación

Pregunta 27 de 49

1

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

Selecciona una o más de las siguientes respuestas posibles:

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

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

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

Explicación

Pregunta 28 de 49

1

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

Selecciona una o más de las siguientes respuestas posibles:

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

Explicación

Pregunta 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?

Selecciona una o más de las siguientes respuestas posibles:

  • ~“ms:special_content()“

  • “ms:special_content()“

  • mask(“ms:special_content()“)

Explicación

Pregunta 30 de 49

1

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

Selecciona una o más de las siguientes respuestas posibles:

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

Explicación

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

Selecciona una o más de las siguientes respuestas posibles:

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

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

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

Explicación

Pregunta 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)?

Selecciona una o más de las siguientes respuestas posibles:

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

Explicación

Pregunta 33 de 49

1

N12) Wie definieren Sie in LESS ein Mixin?

Selecciona una o más de las siguientes respuestas posibles:

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

Explicación

Pregunta 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?

Selecciona una o más de las siguientes respuestas posibles:

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

Explicación

Pregunta 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)?

Selecciona una o más de las siguientes respuestas posibles:

  • backwards

  • steps(2)

  • backsteps

  • alternative

  • alternate

  • direction(reverse)

  • direction(backwards)

  • backforth

  • reverse

  • palindrome

Explicación

Pregunta 36 de 49

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • 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

Explicación

Pregunta 37 de 49

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • <!DOCTYPE html>

  • <!DOCTYPE html5>

  • <!DOCTYPE …>

Explicación

Pregunta 38 de 49

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • Gecko

  • Trident

  • Webkit

  • Safari

Explicación

Pregunta 39 de 49

1

N18) Welche Rendering Engine benutzt der Browser Safari?

Selecciona una o más de las siguientes respuestas posibles:

  • Gecko

  • Trident

  • Webkit

  • Safari

Explicación

Pregunta 40 de 49

1

N19) Welche Rendering Engine benutzt der Browser Firefox?

Selecciona una o más de las siguientes respuestas posibles:

  • Gecko

  • Trident

  • Webkit

  • Safari

Explicación

Pregunta 41 de 49

1

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

Selecciona una o más de las siguientes respuestas posibles:

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

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

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

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

Explicación

Pregunta 42 de 49

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • <hr />

  • <h1></h1>

  • <h7></h7>

  • <h3></h3>

  • <head></head>

Explicación

Pregunta 43 de 49

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • controlling

  • repeating

  • autostart

  • looping

  • autoplay

  • controls

Explicación

Pregunta 44 de 49

1

N23) Was haben die Videoformate WebM und OGV gemeinsam?

Selecciona una o más de las siguientes respuestas posibles:

  • 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

Explicación

Pregunta 45 de 49

1

N24) Was sind iFrames?

Selecciona una o más de las siguientes respuestas posibles:

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

Explicación

Pregunta 46 de 49

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • #example { animation: bewegen }

  • #example { animationname: bewegen }

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

  • #example { .animation: bewegen }

  • #example { animation: @bewegen }

  • #example { @keyframes bewegen: bewegen }

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

Explicación

Pregunta 47 de 49

1

W1) Was ist die Aufgabe von HTML?

Selecciona una o más de las siguientes respuestas posibles:

  • Elementen eine semantische Bedeutung zu geben

  • Das Layout der Seite zu bestimmen

  • Inhalt zu strukturieren

Explicación

Pregunta 48 de 49

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • linear

  • normal

  • infinite

  • ease

Explicación

Pregunta 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?

Selecciona una o más de las siguientes respuestas posibles:

  • @media (min-width: 800px)

  • media (max-width: 800px)

  • @media (max-width: 800px)

Explicación