Fragenkatalog für Designer Teil 4

Beschreibung

Quiz am Fragenkatalog für Designer Teil 4, erstellt von marina_kaufmann8 am 09/04/2015.
marina_kaufmann8
Quiz von marina_kaufmann8, aktualisiert more than 1 year ago
marina_kaufmann8
Erstellt von marina_kaufmann8 vor mehr als 9 Jahre
25
1

Zusammenfassung der Ressource

Frage 1

Frage
Frage 121 Mit welchem HTML-Code können Sie eine Überschrift erzeugen?
Antworten
  • <head></head>
  • <hr />
  • <h1></h1>
  • <h3></h3>
  • <h7></h7>

Frage 2

Frage
Frage 122 Wie definieren Sie in LESS eine Variable?
Antworten
  • variable = wert;
  • .variable { wert };
  • @variable = wert;
  • var variable = wert;
  • @variable: wert;
  • .variable: wert;
  • var variable: wert;
  • @variable { wert };

Frage 3

Frage
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?
Antworten
  • backwards
  • reverse
  • direction(backwards)
  • steps(2)
  • direction(reverse)
  • backsteps
  • back-forth
  • alternate-reverse
  • alternate
  • alternative

Frage 4

Frage
Frage 124 Wie erzeugen Sie in HTML eine Liste mit Spiegelpunkten (Bullet-Liste)?
Antworten
  • <ul> <li>...</li> <li>...</li> </ul>
  • <ol> <li>...</li> <li>...</li> </ol>
  • <dl> <li>...</li> <li>...</li> </dl>

Frage 5

Frage
Frage 125 Wie erzeugen Sie in LESS einen Kommentar?
Antworten
  • # Dies ist ein Kommentar
  • /* Dies ist ein Kommentar */
  • // Dies ist ein Kommentar
  • <!-- Dies ist ein Kommentar -->

Frage 6

Frage
Frage 126 Mit welchem Tag kennzeichnen Sie in HTML ein Zitat?
Antworten
  • <quote>Text</quote>
  • <cite>Text</cite>
  • <blockquote>Text</blockquote>
  • <q>Text</q>

Frage 7

Frage
Frage 127 Durch welchen HTML-Tag wird der Text in den meisten Browsern kursiv dargestellt?
Antworten
  • <cursive>...</cursive>
  • <b>...</b>
  • <oblique>...</oblique>
  • <strong>...</strong>
  • <em>...</em>
  • <i>...</i>

Frage 8

Frage
Frage 128 Mit welchem HTML-Attribut im <video>-Tag können Sie ein Video in einer Endlosschleife abspielen?
Antworten
  • autostart
  • autoplay
  • endless
  • looping
  • repeat
  • repeating
  • loop

Frage 9

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

Frage 10

Frage
Frage 130 Wie erzeugen Sie in CSS einen Kommentar?
Antworten
  • <!-- Dies ist ein Kommentar -->
  • /* Dies ist ein Kommentar */
  • // Dies ist ein Kommentar

Frage 11

Frage
Frage 131 Welche Bestandteile eines Elements werden bei einer CSS-Transformation mit scale vergrößert oder verkleinert (sofern sie vorhanden sind)?
Antworten
  • Das Hintergrundbild
  • Die Kontur
  • Der enthaltene Text
  • Die enthaltenen Bilder
  • Video

Frage 12

Frage
Frage 132 Welche der folgenden Dateiformate unterstützen Ebenen?
Antworten
  • TIFF
  • GIF
  • PNG
  • JPEG
  • PSD
  • XCF

Frage 13

Frage
Frage 133 Welche der folgenden Eigenschaften für den <p>-Tag treffen zu?
Antworten
  • 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.

Frage 14

Frage
Frage 134 Wie stellen Sie sicher, dass sich eine verlinkte Datei im richtigen iFrame öffnet?
Antworten
  • 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

Frage 15

Frage
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?
Antworten
  • @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;

Frage 16

Frage
Frage 136 Wie rotieren Sie das Element #element um 45 Grad?
Antworten
  • rotate(45deg)
  • rotateZ(45deg)
  • rotate(45degree)
  • rotateZ(45degree)
  • rotate(45°)
  • rotateZ(45°)

Frage 17

Frage
Frage137 Mit welcher CSS-Eigenschaft können Sie den Urpsungspunkt für eine Transformation festlegen?
Antworten
  • transform-origin
  • transform-point
  • transform-src
  • transformation-origin
  • transformation-point
  • transformation-src

Frage 18

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

Frage 19

Frage
Frage 139 Welche der folgenden Grafikformate können mit Hilfe des <img>-Tags in HTML-Seiten eingebunden werden?
Antworten
  • JPEG
  • SVG
  • EPS
  • TIFF
  • PNG
  • GIF

Frage 20

Frage
Z1.) Was versteht man unter einem Alphakanal?
Antworten
  • 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.

Frage 21

Frage
Z2.) Welcher der folgenden Farbcodes steht für rot?
Antworten
  • #ff0000
  • #00ff00
  • #0000ff
  • ff00ff
  • ffff00
  • 00ffff

Frage 22

Frage
N1) Wie erzeugen Sie einen SubmitButton mit einer Pixelgrafik?
Antworten
  • <button> <img src=”grafik.png” alt=”blabla” /> </button>
  • <input type=”submit” src=”grafik.png” />
  • <input type=”image” src=”grafik.png” />

Frage 23

Frage
N2) Welche Zeichen müssen in einem HTMLDokument welches in UTF8 codiert ist maskiert werden?
Antworten
  • “&” => &amp;
  • „!“ => &aus;
  • “<” => &lt;
  • “>” => &gt;
  • „X“ => &xi;

Frage 24

Frage
N3) Wie definiert man in LESS unbekannte Syntax?
Antworten
  • filter: "ms:alwaysHasItsOwnSyntax.For.Stuff()";
  • filter: "ms:alwaysHasItsOwnSyntax.For.@{meinText}()";
  • filter: ~"ms:alwaysHasItsOwnSyntax.For.Stuff()";
  • filter: ~"ms:alwaysHasItsOwnSyntax.For.@{meinText}()";

Frage 25

Frage
N4) Weisen Sie dem Selektor #example das LESSMixin .demo( width: 100px; ) zu!
Antworten
  • #example { .demo; }
  • #example { @demo; }
  • #example { @demo(); }
  • #example { .demo(); }

Frage 26

Frage
N5) Wie erzeugen Sie in Formularen ein einzeiliges Eingabefeld?
Antworten
  • <input type=”text” />
  • <textarea></textarea>

Frage 27

Frage
N6) Welches sind gültige Angaben für Geordnete Listen?
Antworten
  • <ul><li></li><li></li></ul>
  • <ol type=”I”>...</ol>
  • <dl><dt></dt><dd></dd></dl>

Frage 28

Frage
N7) Was versteht man in der digitalen Bildbearbeitung unter einer Ebenenmaske?
Antworten
  • 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.

Frage 29

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

Frage 30

Frage
N9) Wie können Sie mit Hilfe von CSS einen Rollover-Effekt ertzeugen, bei dem eine Grafik ausgetauscht wird?
Antworten
  • 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; } }

Frage 31

Frage
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.
Antworten
  • #content { backgroundcolor: darken(@link_color, 20%); }
  • #content { backgroundcolor: @link_color(dark = 20%); }
  • #content { backgroundcolor:. darken(@link_color, 20%); }

Frage 32

Frage
N11) Wie definieren Sie eine CSS-Animation namens einblenden, bei der ein Element langsam eingeblendet wird (Herstellerpräfixe müssen nicht beachtet werden)?
Antworten
  • @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); } }

Frage 33

Frage
N12) Wie definieren Sie in LESS ein Mixin?
Antworten
  • @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; }

Frage 34

Frage
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?
Antworten
  • 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; } } }

Frage 35

Frage
N14) Mit welchem Wert für die CSS-Eigenschaft können sie eine Animation als Palindrom abspielen (abwechselnd vorwärts und rückwärts)?
Antworten
  • backwards
  • steps(2)
  • backsteps
  • alternative
  • alternate
  • direction(reverse)
  • direction(backwards)
  • backforth
  • reverse
  • palindrome

Frage 36

Frage
N15) Was sind die Unterschiede zwischen den CSS-Eigenschaft box-shadow und dem Filter drop-shadow?
Antworten
  • 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

Frage 37

Frage
N16) Wie definieren Sie die Doctype für HTML 5 ?
Antworten
  • <!DOCTYPE html>
  • <!DOCTYPE html5>
  • <!DOCTYPE …>

Frage 38

Frage
N17) Welche Rendering Engine benutzt der Internet Explorer für Windows?
Antworten
  • Gecko
  • Trident
  • Webkit
  • Safari

Frage 39

Frage
N18) Welche Rendering Engine benutzt der Browser Safari?
Antworten
  • Gecko
  • Trident
  • Webkit
  • Safari

Frage 40

Frage
N19) Welche Rendering Engine benutzt der Browser Firefox?
Antworten
  • Gecko
  • Trident
  • Webkit
  • Safari

Frage 41

Frage
N20) Mit welchem CSS-Code definieren Sie einen Stil für den Absatz-Tag?
Antworten
  • p { color: #ff0000; fontsize: 12pt }
  • <p> = color: #ff0000; fontsize: 12pt
  • <p> { color: #ff0000; fontsize: 12pt }
  • p = { color: #ff0000; fontsize: 12pt }

Frage 42

Frage
N21) Welches der folgenden HTML-Elemente wird im Browser standardmässig in der grössten Schriftgrösse angezeigt? (Radio-Buttons)
Antworten
  • <hr />
  • <h1></h1>
  • <h7></h7>
  • <h3></h3>
  • <head></head>

Frage 43

Frage
N22) Mit welchem HTML-Atrribut im video-Tag zeigen Sie die Steuerleiste einer Videodatei an?
Antworten
  • controlling
  • repeating
  • autostart
  • looping
  • autoplay
  • controls

Frage 44

Frage
N23) Was haben die Videoformate WebM und OGV gemeinsam?
Antworten
  • 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

Frage 45

Frage
N24) Was sind iFrames?
Antworten
  • 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.

Frage 46

Frage
N25) Wie weisen Sie dem Element #example die Animation “bewegen” zu?
Antworten
  • #example { animation: bewegen }
  • #example { animationname: bewegen }
  • #example { animation(): bewegen() }
  • #example { .animation: bewegen }
  • #example { animation: @bewegen }
  • #example { @keyframes bewegen: bewegen }
  • #example { @keyframes { ... } }

Frage 47

Frage
W1) Was ist die Aufgabe von HTML?
Antworten
  • Elementen eine semantische Bedeutung zu geben
  • Das Layout der Seite zu bestimmen
  • Inhalt zu strukturieren

Frage 48

Frage
W2) Mit welchem Wert für die CSS-Eigenschaft animation können Sie festlegen, dass eine Animation endlos wiederholt wird?
Antworten
  • linear
  • normal
  • infinite
  • ease

Frage 49

Frage
W3) Wie definieren Sie in CSS einen Breakpoint, um Layoutveränderungen vornehmen zu können, wenn das Browserfenster (Viewport) 800px oder kleiner ist?
Antworten
  • @media (min-width: 800px)
  • media (max-width: 800px)
  • @media (max-width: 800px)
Zusammenfassung anzeigen Zusammenfassung ausblenden

ähnlicher Inhalt

Alle Länder der Welt und ihre Hauptstädte
JohannesK
Einstufungstest Englisch
SprachschuleAktiv
10 Fragen aus der Abiturprüfung Geschichte
barbara91
Öff.Recht - POR Streitigkeiten
myJurazone
STEP 1
astrid.
Das GoConqr Quiz-Tool
Laura Overhoff
Klinische Psychologie Teil 2
Lisa Mariá Hchil
GPSY SOPS
Kim Wannenwetsch
Vetie Chirurgie 2020
Henriette Greiner
Vetie: Geflügelkrankheiten 2018
Johanna Tr
Vetie - Fleisch 2019
Fioras Hu