Fragenkatalog für Designer I Teil 3

Question 1

Question

Frage 81 Table-Tag für Tabelle ohne sichtbaren Rahmen

Answer

<table border="0">...</table>
...

Question 2

Question

Frage 82 Reihenfolge der Bildbearbeitung bei digital aufgenommenen Bildern?

Answer

Scharf-/Weichzeichner, Tonwertkorrektur, Gradiationskurve, Farbbalance/Selektive Farbkorrektur, Farbton/Sättigung
Farbbalance/Selektive Farbkorrektur, Tonwertkorrektur, Gradiationskurve, Farbton/Sättigung, Scharf-/Weichzeichner
Tonwertkorrektur, Gradiationskurve, Farbbalance/Selektive Farbkorrektur, Farbton/Sättigung, Scharf-/Weichzeichner
Gradiationskurve, Tonwertkorrektur, Scharf-/Weichzeichner, Farbton/Sättigung, Farbbalance/Selektive Farbkorrektur

Question 3

Question

Frage 83 Welche CSS-Syntax erzeugt einen Rahmen um ein p-Element?

Answer

p {border-style: 1px solid black;}
p {border-style: solid;}
p {border-width: 1px border-style: solid; border-color:black;}
p {border: 1px dotted black;}
p {border = 1px solid black;}
p {border: 1px solid black;}

Question 4

Question

Frage 84 Identifizieren Sie die korrekte Syntax für die Erstellung einer nummerierten Liste

Answer

<list type = "numbered" start="1"> <li></li> <li></li></list>
<nl>< <li></li> <li></li></n>
<ol type="disc"> <li></li> <li></li></ol>
<ul start="1"> <li></li> <li></li></ul>
<ol type="1"> <li></li> <li></li></ol>

Question 5

Question

Frage 85 Wie können Sie mit Hilfe von CSS einen Rollover-Effekt erzeugen, bei dem eine Grafik ausgetauscht wird?

Answer

a {background-image: url(bild1.gif); } a:hover {background-image: url(bild1.gif); }
a img { url(bild1.gif); } a:hover img url { (bild1.gif); }
a { image: url (bild1.gif); } a:hover {image: url(bild1.gif); }
img { src: bild1.gif ; } img:hover {src: bild1.gif; }

Question 6

Question

Frage 86 Wie erzeugen Sie mit CSS einen Innenabstand für einen Absatz?

Answer

p { padding: 10px; }
p { margin: 10px; }
p { margin-inside: 10px; }
p { padding-inside: 10px; }

Question 7

Question

Frage 87 Wie kann man zwei Zellen einer Tabelle vertikal verbinden?

Answer

<table> <tr> <td rowspan="2">...</td> <td>...</td> </tr> <tr> <td>...</td> </tr> </table>
<table> <tr> <td colspan="2">...</td> <td>...</td> </tr> <tr> <td>...</td> </tr> </table>
<table> <tr rowspan="2"> <td>...</td> <td>...</td> </tr> <tr> <td>...</td> <td>...</td> </tr> </table>

Question 8

Question

Frage 88 Wie viele Farben können Sie in einem GIF mit 4 Bit Farbtiefe maximal darstellen?

Answer

32
128
4
16
nur Graustufen, keine Farben

Question 9

Question

Frage 90 Mit welchem HTML-Code erzeugen Sie ein Dropdown-Menü?

Answer

<form> <select name="test" size="1"> <option>...</option> <option>...</option> </select> </form>
<form> <option>...</option> <option>...</option> </form>
<form> <input type="select" /> <option>...</option> <option>...</option> </form>

Question 10

Question

Frage 91 Mit welchen Werten für das CSS-Attribut list-style-type können Sie in CSS das Erscheinungsbild einer Liste mit Spiegelpunkten (Bullet-Liste) ändern?

Answer

list-style-type: square;
list-style-type: poly;
list-style-type: circle;
list-style-type: rect;

Question 11

Question

Frage 92 Wie können Sie mit CSS einer Liste eine Pixelgrafik als Spiegelpunkt hinzufügen?

Answer

list-style: url(bild.gif);
list-style-image: url(bild.gif);
list-image: url(bild.gif);
list-type: url(bild.gif);
list-style-type: url(bild.gif);

Question 12

Question

Frage 93 Teil 1 Welche der folgenden Maßeinheiten sind nach dem W3C-Standard in CSS bei der Wertzuweisung möglich?

Answer

Question 13

Question

Frage 93 Teil 2 Welche der folgenden Maßeinheiten sind nach dem W3C-Standard in CSS bei der Wertzuweisung möglich?

Answer

Question 14

Question

Frage 94 Auf der obersten Ebene Ihres Webservers (im document root) befindet sich die Startseite namens index.html. Daneben liegt ein Ordner namens seiten. In diesem Ordner befindet sich ein Unterordner namens kontakt. Darin liegt die Seite kontakt.html. Wie erzeugen Sie von der Seite kontakt.html einen Hyperlink zurück zur Startseite?

Answer

<a href="../../../index.html">Startseite</a>
<a href="../index.html">Startseite</a>
<a href="/">Startseite</a>
<a href="Startseite">../../../index.html</a>
<a href="../../index.html">Startseite</a>
<a href="index.html">Startseite</a>
<a href="/index.html">Startseite</a>

Question 15

Question

Frage 95 Wie können Sie in HTML einem Absatz gleichzeitig sowohl die Klasse hervorgehoben als auch die Klasse zentriert zuweisen?

Answer

<p class="hervorgehoben, zentriert">Text</p>
<p class="hervorgehoben + zentriert">Text</p>
<p class="hervorgehoben zentriert">Text</p>
<p class="hervorgehoben" class="zentriert">Text</p>
<p class="hervorgehoben & zentriert">Text</p>

Question 16

Question

Frage 96 Wie erzeugen Sie in einem HTML5-Formular ein einzeiliges Textfeld zur Eingabe einer E-Mail-Adresse?

Answer

<input type="submit" />
<input type="email" />
<input type="url" />
<input type="mailto" />

Question 17

Question

Frage 97 Welche der folgenden CSS-Ausdrücke zentriert Text in einem Absatz?

Answer

p { text=center; }
p { text-align: center; }
p { text-align=center; }
{ p = text-align: center; }
p { align: center; }
p { text-center; }

Question 18

Question

Frage 98 Welche der folgenden HTML-Elemente sind keine Blockelemente?

Answer

<form>
<div>
<p>
<img />
<span />
<br />

Question 19

Question

Frage 99 Mit welchem Attribut im <video>-Tag können Sie bestimmen, dass ein Video von alleine startet?

Answer

loop
play
autostart
start
autoplay

Question 20

Question

Frage 100 Mit welcher der folgenden CSS-Eigenschaften können Sie bewirken, dass ein Element vom nachfolgenden Text rechts umflossen wird?

Answer

float: right;
float: left;

Question 21

Question

Welche Videoformate eignen sich zur Einbindung in ein HTML5-Dokument mit dem <video>-Tag?

Answer

WebM
F4V
FLV
OGV
SWF
MP4
WMV
MOV

Question 22

Question

Frage 102 Wie definieren Sie in einem HTML5-Formular einen Schieberegler?

Answer

<input type="meter" />
<input type="range" />
<input type="slider" />
<input type="button" class="slider" />

Question 23

Question

Frage 103 Mit welcher CSS-Syntax können Sie bewirken, dass eine Formular-Selectbox nur dann formatiert wird, wenn Sie innerhalb einer Tabelle steht?

Answer

select td {...}
select table {...}
table select {...}
td select {...}

Question 24

Question

Frage 104 Welche der folgenden HTML-Elemente entsprechen nicht dem HTML5-Standard?

Answer

<br />
<form action="#"></form>
<input type="text" />
<img src="bild.gif" />

Question 25

Question

Frage 105 Mit welchem Attribut können Sie in einem HTML5-Formular in einem Textfeld einen Standardtext vorgeben, der automatisch verschwindet, wenn man in das Textfeld klickt?

Answer

onclick="Standardtext"
value="Standardtext"
default-value="Standardtext"
default="Standardtext"
startvalue="Standardtext"
placeholder="Standardtext"

Question 26

Question

Frage 106 Welche Attribute sind nach dem HTML5-Standard im <img>-Tag möglich?

Answer

usemap
src
size
title
height
lowsrc
margin
width
href
border

Question 27

Question

Frage 107 Welcher der folgenden hexadezimalen Farbwerte erzeugt die Farbe grün?

Answer

#00ff00
#ff0000
#ff00ff
#0000ff

Question 28

Question

Frage 108 Welche Farbmodi unterstützt das PNG-Format?

Answer

Graustufen
RGB
CMYK
Indizierte Farben

Question 29

Question

Frage 109 Welche der folgenden Werte können dem CSS-Attribut background-position zugewiesen werden?

Answer

center
top
bottom
5px
middle
left
contain
3em
cover
right

Question 30

Question

Frage 110 Welche HTML-Attribute sind nach dem W3C-Standard Pflichtattribute für den <img>-Tag?

Answer

title
href
alt
size
border
align
width
usemap
height
src

Question 31

Question

Frage 111 Wie erzeugen Sie in HTML ein mehrzeiliges Textfeld?

Answer

<form type="textarea"></form>
<input type="textarea" />
<textarea></textarea>

Question 32

Question

Frage 112 Sie möchten erreichen, dass Überschriften keinen Abstand nach oben erzeugen, wenn Sie das erste Element in einem div sind. Mit welcher der folgenden LESS-Codebeispiele können Sie dies erreichen?

Answer

div { h1:first-child { margin-top: 0; } }
div { h1 { &:first-child { margin-top: 0; } } }
div { h1 &first-child { margin-top: 0; } }
div { h1 { &first-child { margin-top: 0; } } }
div h1:first-child { margin-top: 0; }
div { h1 { :first-child { margin-top: 0; } } }
div { h1 &:first-child { margin-top: 0; } }

Question 33

Question

Frage 113 Welche der folgenden Dateiformate unterstützen Alphatransparenzen?

Answer

PNG-8
JPEG
TIFF
GIF
PNG-24
PSD

Question 34

Question

Frage 114 Mit welchem CSS-Selektor können Sie bestimmen, dass ein <label>-Tag nur dann formatiert wird, wenn er direkt nach einer angekreuzten Checkbox steht?

Answer

label input [checkbox]:after
input type="checkbox" label
input[type="checkbox"]:checked + label
input[type="checkbox"]:after + label
checkbox:selected + label
label > input:checkbox:selected
input[type="checkbox"]:checked label
input:checkbox ~ label:checked
<input type="checkbox" checked="checked"> label

Question 35

Question

Frage 115 Welche der folgenden Angaben sind gültige CSS-Media-Queries?

Answer

@media all and (orientation: portrait)
@media screen and (max-device-width: 768px)
@media only screen and (min-width: 768px)
@media only screen and (min-viewport-width: 768px)
@media (max-width: 768px)
@media screen and (orientation landscape)

Question 36

Question

Frage 116 Mit welcher Funktion für die CSS-Eigenschaft transform können Sie ein Element proportional auf 50% skalieren (Herstellerpräfixe müssen nicht beachtet werden)?

Answer

transform: scale (0.5);
transform: scaleXY(0.5);
transform: scaleXY(50);
transform: scale(50)
transform: scale(0.5);

Question 37

Question

Frage 117 Welche Farbmodi unterstützt das JPEG-Format?

Answer

CMYK
RGB
Indizierte Farben
Mehrkanal
Graustufen

Question 38

Question

Frage 118 Welche Farbmodi eignen sich für Pixelbilder auf Webseiten?

Answer

CMYK
RGB
Duplex
Indizierte Farben
Graustufen

Question 39

Question

Frage 119 Welche der folgenden Dateiformate unterstützen Transparenzen?

Answer

JPEG
TIFF
GIF
PNG-24
PNG-8
PSD

Question 40

Question

Frage 120 Wie definieren Sie in LESS ein Mixin?

Answer

@mixin() { color: #333: background-color: #eee; border: 2px solid #333; }
.mixin() { color: #333: background-color: #eee; border: 2px solid #333; }
.mixin { color: @color; background-color: @bgcolor; border: @border-width solid @color; }
@mixin { color: #333: background-color: #eee; border: 2px solid #333; }
@mixin(.color; .bgcolor; .border-width) { color: .color; background-color: .bgcolor; border: .border-width solid .color; }
.mixin () { color: @color; background-color: @bgcolor; border: @border-width solid @color; }
.mixin (@color; @bgcolor; @border-width) { color: @color; background-color: @bgcolor; border: @border-width solid @color; }
.mixin { color: #333: background-color: #eee; border: 2px solid #333; }

	Created by kristin.ehrmann almost 6 years ago

Next up

Fragenkatalog für Designer I Teil 3

Description

Resource summary

Question 1

Question 2

Question 3

Question 4

Question 5

Question 6

Question 7

Question 8

Question 9

Question 10

Question 11

Question 12

Question 13

Question 14

Question 15

Question 16

Question 17

Question 18

Question 19

Question 20

Question 21

Question 22

Question 23

Question 24

Question 25

Question 26

Question 27

Question 28

Question 29

Question 30

Question 31

Question 32

Question 33

Question 34

Question 35

Question 36

Question 37

Question 38

Question 39

Question 40

Similar