marina_kaufmann8
Quiz von , erstellt am more than 1 year ago

Quiz am Fragenkatalog für Designer Teil 4, erstellt von marina_kaufmann8 am 09/04/2015.

20
1
0
Keine Merkmale angegeben
marina_kaufmann8
Erstellt von marina_kaufmann8 vor mehr als 9 Jahre
Schließen

Fragenkatalog für Designer Teil 4

Fragenkatalog für Designer Teil 4

Frage 1 von 49

1

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

Wähle eine oder mehr der folgenden:

  • <head></head>

  • <hr />

  • <h1></h1>

  • <h3></h3>

  • <h7></h7>

Erklärung

Frage 2 von 49

1

Frage 122
Wie definieren Sie in LESS eine Variable?

Wähle eine oder mehr der folgenden:

  • variable = wert;

  • .variable { wert };

  • @variable = wert;

  • var variable = wert;

  • @variable: wert;

  • .variable: wert;

  • var variable: wert;

  • @variable { wert };

Erklärung

Frage 3 von 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?

Wähle eine oder mehr der folgenden:

  • backwards

  • reverse

  • direction(backwards)

  • steps(2)

  • direction(reverse)

  • backsteps

  • back-forth

  • alternate-reverse

  • alternate

  • alternative

Erklärung

Frage 4 von 49

1

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

Wähle eine oder mehr der folgenden:

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

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

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

Erklärung

Frage 5 von 49

1

Frage 125
Wie erzeugen Sie in LESS einen Kommentar?

Wähle eine oder mehr der folgenden:

  • # Dies ist ein Kommentar

  • /* Dies ist ein Kommentar */

  • // Dies ist ein Kommentar

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

Erklärung

Frage 6 von 49

1

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

Wähle eine oder mehr der folgenden:

  • <quote>Text</quote>

  • <cite>Text</cite>

  • <blockquote>Text</blockquote>

  • <q>Text</q>

Erklärung

Frage 7 von 49

1

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

Wähle eine oder mehr der folgenden:

  • <cursive>...</cursive>

  • <b>...</b>

  • <oblique>...</oblique>

  • <strong>...</strong>

  • <em>...</em>

  • <i>...</i>

Erklärung

Frage 8 von 49

1

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

Wähle eine oder mehr der folgenden:

  • autostart

  • autoplay

  • endless

  • looping

  • repeat

  • repeating

  • loop

Erklärung

Frage 9 von 49

1

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

Wähle eine oder mehr der folgenden:

  • padding

  • margin

Erklärung

Frage 10 von 49

1

Frage 130
Wie erzeugen Sie in CSS einen Kommentar?

Wähle eine oder mehr der folgenden:

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

  • /* Dies ist ein Kommentar */

  • // Dies ist ein Kommentar

Erklärung

Frage 11 von 49

1

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

Wähle eine oder mehr der folgenden:

  • Das Hintergrundbild

  • Die Kontur

  • Der enthaltene Text

  • Die enthaltenen Bilder

  • Video

Erklärung

Frage 12 von 49

1

Frage 132
Welche der folgenden Dateiformate unterstützen Ebenen?

Wähle eine oder mehr der folgenden:

  • TIFF

  • GIF

  • PNG

  • JPEG

  • PSD

  • XCF

Erklärung

Frage 13 von 49

1

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

Wähle eine oder mehr der folgenden:

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

Erklärung

Frage 14 von 49

1

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

Wähle eine oder mehr der folgenden:

  • 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

Erklärung

Frage 15 von 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?

Wähle eine oder mehr der folgenden:

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

Erklärung

Frage 16 von 49

1

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

Wähle eine oder mehr der folgenden:

  • rotate(45deg)

  • rotateZ(45deg)

  • rotate(45degree)

  • rotateZ(45degree)

  • rotate(45°)

  • rotateZ(45°)

Erklärung

Frage 17 von 49

1

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

Wähle eine oder mehr der folgenden:

  • transform-origin

  • transform-point

  • transform-src

  • transformation-origin

  • transformation-point

  • transformation-src

Erklärung

Frage 18 von 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?

Wähle eine oder mehr der folgenden:

  • linear

  • normal

  • ease-in

  • ease

Erklärung

Frage 19 von 49

1

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

Wähle eine oder mehr der folgenden:

  • JPEG

  • SVG

  • EPS

  • TIFF

  • PNG

  • GIF

Erklärung

Frage 20 von 49

1

Z1.) Was versteht man unter einem Alphakanal?

Wähle eine oder mehr der folgenden:

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

Erklärung

Frage 21 von 49

1

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

Wähle eine oder mehr der folgenden:

  • #ff0000

  • #00ff00

  • #0000ff

  • ff00ff

  • ffff00

  • 00ffff

Erklärung

Frage 22 von 49

1

N1) Wie erzeugen Sie einen SubmitButton mit einer Pixelgrafik?

Wähle eine oder mehr der folgenden:

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

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

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

Erklärung

Frage 23 von 49

1

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

Wähle eine oder mehr der folgenden:

  • “&” => &amp;

  • „!“ => &aus;

  • “<” => &lt;

  • “>” => &gt;

  • „X“ => &xi;

Erklärung

Frage 24 von 49

1

N3) Wie definiert man in LESS unbekannte Syntax?

Wähle eine oder mehr der folgenden:

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

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

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

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

Erklärung

Frage 25 von 49

1

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

Wähle eine oder mehr der folgenden:

  • #example { .demo; }

  • #example { @demo; }

  • #example { @demo(); }

  • #example { .demo(); }

Erklärung

Frage 26 von 49

1

N5) Wie erzeugen Sie in Formularen ein einzeiliges Eingabefeld?

Wähle eine oder mehr der folgenden:

  • <input type=”text” />

  • <textarea></textarea>

Erklärung

Frage 27 von 49

1

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

Wähle eine oder mehr der folgenden:

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

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

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

Erklärung

Frage 28 von 49

1

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

Wähle eine oder mehr der folgenden:

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

Erklärung

Frage 29 von 49

1

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

Wähle eine oder mehr der folgenden:

  • ~“ms:special_content()“

  • “ms:special_content()“

  • mask(“ms:special_content()“)

Erklärung

Frage 30 von 49

1

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

Wähle eine oder mehr der folgenden:

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

Erklärung

Frage 31 von 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.

Wähle eine oder mehr der folgenden:

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

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

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

Erklärung

Frage 32 von 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)?

Wähle eine oder mehr der folgenden:

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

Erklärung

Frage 33 von 49

1

N12) Wie definieren Sie in LESS ein Mixin?

Wähle eine oder mehr der folgenden:

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

Erklärung

Frage 34 von 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?

Wähle eine oder mehr der folgenden:

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

Erklärung

Frage 35 von 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)?

Wähle eine oder mehr der folgenden:

  • backwards

  • steps(2)

  • backsteps

  • alternative

  • alternate

  • direction(reverse)

  • direction(backwards)

  • backforth

  • reverse

  • palindrome

Erklärung

Frage 36 von 49

1

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

Wähle eine oder mehr der folgenden:

  • 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

Erklärung

Frage 37 von 49

1

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

Wähle eine oder mehr der folgenden:

  • <!DOCTYPE html>

  • <!DOCTYPE html5>

  • <!DOCTYPE …>

Erklärung

Frage 38 von 49

1

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

Wähle eine oder mehr der folgenden:

  • Gecko

  • Trident

  • Webkit

  • Safari

Erklärung

Frage 39 von 49

1

N18) Welche Rendering Engine benutzt der Browser Safari?

Wähle eine oder mehr der folgenden:

  • Gecko

  • Trident

  • Webkit

  • Safari

Erklärung

Frage 40 von 49

1

N19) Welche Rendering Engine benutzt der Browser Firefox?

Wähle eine oder mehr der folgenden:

  • Gecko

  • Trident

  • Webkit

  • Safari

Erklärung

Frage 41 von 49

1

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

Wähle eine oder mehr der folgenden:

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

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

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

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

Erklärung

Frage 42 von 49

1

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

Wähle eine oder mehr der folgenden:

  • <hr />

  • <h1></h1>

  • <h7></h7>

  • <h3></h3>

  • <head></head>

Erklärung

Frage 43 von 49

1

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

Wähle eine oder mehr der folgenden:

  • controlling

  • repeating

  • autostart

  • looping

  • autoplay

  • controls

Erklärung

Frage 44 von 49

1

N23) Was haben die Videoformate WebM und OGV gemeinsam?

Wähle eine oder mehr der folgenden:

  • 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

Erklärung

Frage 45 von 49

1

N24) Was sind iFrames?

Wähle eine oder mehr der folgenden:

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

Erklärung

Frage 46 von 49

1

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

Wähle eine oder mehr der folgenden:

  • #example { animation: bewegen }

  • #example { animationname: bewegen }

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

  • #example { .animation: bewegen }

  • #example { animation: @bewegen }

  • #example { @keyframes bewegen: bewegen }

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

Erklärung

Frage 47 von 49

1

W1) Was ist die Aufgabe von HTML?

Wähle eine oder mehr der folgenden:

  • Elementen eine semantische Bedeutung zu geben

  • Das Layout der Seite zu bestimmen

  • Inhalt zu strukturieren

Erklärung

Frage 48 von 49

1

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

Wähle eine oder mehr der folgenden:

  • linear

  • normal

  • infinite

  • ease

Erklärung

Frage 49 von 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?

Wähle eine oder mehr der folgenden:

  • @media (min-width: 800px)

  • media (max-width: 800px)

  • @media (max-width: 800px)

Erklärung

Vorherige
Nächste