Fragenkatalog für Designer Teil 4

Description

Quiz on Fragenkatalog für Designer Teil 4, created by marina_kaufmann8 on 09/04/2015.
marina_kaufmann8
Quiz by marina_kaufmann8, updated more than 1 year ago
marina_kaufmann8
Created by marina_kaufmann8 about 9 years ago
19
1

Resource summary

Question 1

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

Question 2

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

Question 3

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

Question 4

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

Question 5

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

Question 6

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

Question 7

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

Question 8

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

Question 9

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

Question 10

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

Question 11

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

Question 12

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

Question 13

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

Question 14

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

Question 15

Question
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?
Answer
  • @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;

Question 16

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

Question 17

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

Question 18

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

Question 19

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

Question 20

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

Question 21

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

Question 22

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

Question 23

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

Question 24

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

Question 25

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

Question 26

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

Question 27

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

Question 28

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

Question 29

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

Question 30

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

Question 31

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

Question 32

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

Question 33

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

Question 34

Question
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?
Answer
  • 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; } } }

Question 35

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

Question 36

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

Question 37

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

Question 38

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

Question 39

Question
N18) Welche Rendering Engine benutzt der Browser Safari?
Answer
  • Gecko
  • Trident
  • Webkit
  • Safari

Question 40

Question
N19) Welche Rendering Engine benutzt der Browser Firefox?
Answer
  • Gecko
  • Trident
  • Webkit
  • Safari

Question 41

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

Question 42

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

Question 43

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

Question 44

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

Question 45

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

Question 46

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

Question 47

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

Question 48

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

Question 49

Question
W3) Wie definieren Sie in CSS einen Breakpoint, um Layoutveränderungen vornehmen zu können, wenn das Browserfenster (Viewport) 800px oder kleiner ist?
Answer
  • @media (min-width: 800px)
  • media (max-width: 800px)
  • @media (max-width: 800px)
Show full summary Hide full summary

Similar

Glossary of Accounting Terms
racheloucks
Girls' and Boys' Education - A Mind Map
nikkifulps
Additional Chemistry - Topic 1: Atomic Structure and the Periodic Table
Hollieee01
CHEMISTRY C1 6
x_clairey_x
Lord of the Flies Quotes
sstead98
BUSS1
Sophie Davis
Maths
xcathyx99
Chemistry 2
Peter Hoskins
Regular and Irregular Verbs - Preterite Tense
Tomja07
GCSE REVISION TIMETABLE
Sophie Thuita
A-Level Revision Tips
Alex Declan