</span></div></div></div><div data-aspect="deco" data-contenttraitid="FNCn7O" class="question_deco aspect_x79aqF " style="display: block;"></div></div></div><div class="right_of_inner"><div id="schlaukopf.ai_ad_1" style="margin-bottom:10px"></div><div id="schlaukopf.ai_ad_2" style="margin-bottom:10px"></div><div id="schlaukopf.ai_ad_3"></div></div></div></div></div><div style="z-index:10;min-width:340px;position:fixed;bottom:100px;left:50px;font-family:Arial, Helvetica, sans-serif;line-height:200%"><p style="font-size:30px;color:rgba(0,0,0,0.3)">Programmierung<!-- --> <!-- -->Übungen werden geladen<!-- --> ...</p></div></div><div class="fixed bottom-0 left-0 z-50 w-full h-16 grid grid-cols-1 px-8 border-t border-gray-200 md:grid-cols-3" style="background:rgba(255, 255, 255, 0.5)"></div><script>
window.serverTime = 1738183536372; window.clientTime = new Date().getTime();
window.editionVersionNumber=1;
window.preload = window.preload || {};
const preloadUrls = ['/api/tdoc/topic/auto.de/berufsschule/fachinformatiker-anwendungsentwicklung/programmierung/webdesign?v=1','/api/tdoc/question/mcq13801837?v=1','/api/tdoc/topic/203345?v=1','/api/tdoc/bundle/fsDVsI?v=1','/api/tdoc/bundle/mnWSz2Pvf?v=1','/api/tdoc/bundle/IyESvh7FK?v=1','/api/tdoc/bundle/RKgCmObJN?v=1','/api/tdoc/bundle/By3Jsg2Vs?v=1','/api/tdoc/bundle/wlJMmox7n?v=1','/api/tdoc/bundle/PphF-fhBJ?v=1','/api/tdoc/bundle/QoQ0ePXFh?v=1','/api/tdoc/bundle/BJxqw82DNe?v=1','/api/tdoc/bundle/rJnlnGDBf?v=1','/api/tdoc/bundle/HJPNLc-JG?v=1','/api/tdoc/path/auto.de?v=1','/api/tdoc/path/auto.de/berufsschule?v=1','/api/tdoc/path/auto.de/berufsschule/fachinformatiker-anwendungsentwicklung?v=1','/api/tdoc/path/auto.de/berufsschule/fachinformatiker-anwendungsentwicklung/programmierung?v=1'];
preloadUrls.map(url => fetch(url).then(response => {
if (response.ok) {
const json = response.json().then(json => {
if(!json.payload)return;
window.preload[url] = json;
if(['topic','path'].includes(json.payload.type)){
window.preload[url.replace(json.payload.pathURI, json.payload.id)] = json;
}
});
} else {
throw new Error("HTTP error " + response.status);
}
})
.catch(e => {
console.log(e.stack);
}))
</script></div></div><script src="/_next/static/chunks/webpack-1737450419187-eafdefc7a4408c6e.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[15244,[],\"\"]\n3:I[43866,[],\"\"]\n4:I[86213,[],\"MetadataBoundary\"]\n9:I[86213,[],\"OutletBoundary\"]\nc:I[86213,[],\"ViewportBoundary\"]\ne:I[34835,[],\"\"]\n:HL[\"/_next/static/css/9b2882561b1dc286.css\",\"style\"]\n:HL[\"/_next/static/css/f6b880dae9c249af.css\",\"style\"]\n:HL[\"/_next/static/css/87ca01d9795f9785.css\",\"style\"]\n:HL[\"/_next/static/css/87f8a2caf02bed43.css\",\"style\"]\n:HL[\"/_next/static/css/917fb7c3fee611d1.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"1737450418787-rqoslx\",\"p\":\"\",\"c\":[\"\",\"learn\",\"berufsschule\",\"fachinformatiker-anwendungsentwicklung\",\"programmierung\",\"webdesign\"],\"i\":false,\"f\":[[[\"\",{\"children\":[[\"locale\",\"de-DE\",\"d\"],{\"children\":[\"learn\",{\"children\":[[\"pathURI_questionId_answerId\",\"berufsschule/fachinformatiker-anwendungsentwicklung/programmierung/webdesign\",\"c\"],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true]}],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[[\"$\",\"$1\",\"h\",{\"children\":[\"$\",\"$L4\",null,{\"children\":\"$L5\"}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"locale\",\"de-DE\",\"d\"],[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/9b2882561b1dc286.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],\"$L6\"]}],{\"children\":[\"learn\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"pathURI_questionId_answerId\",\"berufsschule/fachinformatiker-anwendungsentwicklung/programmierung/webdesign\",\"c\"],[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[\"$L7\",[[\"$\",\"$1\",\"h\",{\"children\":[\"$\",\"$L4\",null,{\"children\":\"$L8\"}]}]],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/f6b880dae9c249af.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/87ca01d9795f9785.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/87f8a2caf02bed43.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/917fb7c3fee611d1.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"$L9\",null,{\"children\":[\"$La\",\"$Lb\"]}]]}],{},null,false]},null,false]},null,false]},null,false]},null,false],[[\"$\",\"$1\",\"v\",{\"children\":[null,[\"$\",\"$1\",\"slQ20SflCUotR1JoMsGxE\",{\"children\":[[\"$\",\"$Lc\",null,{\"children\":\"$Ld\"}],null]}]]}],null],false]],\"m\":\"$undefined\",\"G\":[\"$e\",\"$undefined\"],\"s\":false,\"S\":false}\n"])</script><script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, maximum-scale=1\"}]]\na:null\n"])</script><script>self.__next_f.push([1,"5:[[\"$\",\"title\",\"0\",{\"children\":\"Webdesign-Quiz: Teste dein Wissen über Grundlagen, Benutzerfreundlichkeit und Barrierefreiheit\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Erweitere dein Wissen im Webdesign mit unserem interaktiven Quiz. Lerne die Grundlagen, verbessere die Benutzerfreundlichkeit und sorge für Barrierefreiheit deiner Websites.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"application-name\",\"content\":\"schlaukopf.ai\"}],[\"$\",\"meta\",\"3\",{\"name\":\"author\",\"content\":\"Michael Hicke\"}],[\"$\",\"meta\",\"4\",{\"name\":\"keywords\",\"content\":\"Webdesign,Grundlagen,Benutzerfreundlichkeit,Barrierefreiheit,Quiz,Online-Lernen\"}],[\"$\",\"meta\",\"5\",{\"name\":\"creator\",\"content\":\"Michael Hicke\"}],[\"$\",\"meta\",\"6\",{\"name\":\"robots\",\"content\":\"noindex, follow, nocache\"}],[\"$\",\"link\",\"7\",{\"rel\":\"canonical\",\"href\":\"https://www.schlaukopf.ai/berufsschule/fachinformatiker-anwendungsentwicklung/programmierung/webdesign\"}],[\"$\",\"meta\",\"8\",{\"name\":\"apple-itunes-app\",\"content\":\"app-id=949264613, app-argument=https://qs.schlaukopf.ai/learn/berufsschule/fachinformatiker-anwendungsentwicklung/programmierung/webdesign\"}],[\"$\",\"meta\",\"9\",{\"name\":\"mobile-web-app-capable\",\"content\":\"yes\"}],[\"$\",\"meta\",\"10\",{\"name\":\"apple-mobile-web-app-title\",\"content\":\"Schlaukopf\"}],[\"$\",\"link\",\"11\",{\"href\":\"/assets/startup/apple-touch-startup-image-768x1004.png\",\"media\":\"$undefined\",\"rel\":\"apple-touch-startup-image\"}],[\"$\",\"link\",\"12\",{\"href\":\"/assets/startup/apple-touch-startup-image-1536x2008.png\",\"media\":\"(device-width: 768px) and (device-height: 1024px)\",\"rel\":\"apple-touch-startup-image\"}],[\"$\",\"meta\",\"13\",{\"name\":\"apple-mobile-web-app-status-bar-style\",\"content\":\"black-translucent\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:title\",\"content\":\"Webdesign - Programmierung Fachinformatikerin für Anwendungsentwicklung\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:description\",\"content\":\"Erweitere dein Wissen im Webdesign mit unserem interaktiven Quiz. Lerne die Grundlagen, verbessere die Benutzerfreundlichkeit und sorge für Barrierefreiheit deiner Websites.\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:url\",\"content\":\"https://www.schlaukopf.ai\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:site_name\",\"content\":\"Schlaukopf\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:image\",\"content\":\"https://www.schlaukopf.ai/images/schlaukopf_app_128.png\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:image:width\",\"content\":\"128\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:image:height\",\"content\":\"128\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:title\",\"content\":\"Webdesign - Programmierung Fachinformatikerin für Anwendungsentwicklung\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:description\",\"content\":\"Erweitere dein Wissen im Webdesign mit unserem interaktiven Quiz. Lerne die Grundlagen, verbessere die Benutzerfreundlichkeit und sorge für Barrierefreiheit deiner Websites.\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:image\",\"content\":\"https://www.schlaukopf.ai/images/schlaukopf_app_128.png\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:image:width\",\"content\":\"128\"}],[\"$\",\"meta\",\"27\",{\"name\":\"twitter:image:height\",\"content\":\"128\"}],[\"$\",\"meta\",\"28\",{\"name\":\"twitter:image:type\",\"content\":\"image/png\"}],[\"$\",\"link\",\"29\",{\"rel\":\"shortcut icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"link\",\"30\",{\"rel\":\"icon\",\"href\":\"/images/android-icon-192x192.png\"}],[\"$\",\"link\",\"31\",{\"rel\":\"apple-touch-icon\",\"href\":\"/images/apple-icon-144x144.png\"}],[\"$\",\"link\",\"32\",{\"rel\":\"apple-touch-icon\",\"href\":\"/images/apple-icon-120x120.png\",\"sizes\":\"120x120\",\"type\":\"image/png\"}],[\"$\",\"link\",\"33\",{\"rel\":\"apple-touch-icon-precomposed\",\"href\":\"/images/apple-touch-icon.png\"}]]\n"])</script><script>self.__next_f.push([1,"8:\"$5\"\nb:null\n"])</script><script>self.__next_f.push([1,"f:T1e215,"])</script><script>self.__next_f.push([1,"{\n \"@context\": \"https://schema.org\",\n \"@type\": \"Quiz\",\n \"typicalAgeRange\": \"16-25\",\n \"educationalLevel\": \"intermediate\",\n \"assesses\": \"\",\n \"educationalAlignment\": [\n {\n \"@type\": \"AlignmentObject\",\n \"alignmentType\": \"educationalSubject\",\n \"targetName\": \"Programmierung\",\n \"educationalFramework\": \"Berufsschule\",\n \"targetDescription\": \"Berufsschule Fachinformatikerin für Anwendungsentwicklung Programmierung, \",\n \"targetUrl\": \"/auto.de/berufsschule/fachinformatiker-anwendungsentwicklung/programmierung\"\n },\n {\n \"@type\": \"AlignmentObject\",\n \"alignmentType\": \"educationalLevel\",\n \"targetName\": \"Fachinformatikerin für Anwendungsentwicklung\"\n }\n ],\n \"name\": \"Webdesign-Quiz: Teste dein Wissen über Grundlagen, Benutzerfreundlichkeit und Barrierefreiheit\",\n \"description\": \"Erweitere dein Wissen im Webdesign mit unserem interaktiven Quiz. Lerne die Grundlagen, verbessere die Benutzerfreundlichkeit und sorge für Barrierefreiheit deiner Websites.\",\n \"about\": [\n {\n \"@type\": \"Thing\",\n \"name\": \"Webdesign\",\n \"description\": \"Diese Einheit vermittelt die Grundlagen des Webdesigns, einschließlich der Prinzipien der Benutzerfreundlichkeit und Barrierefreiheit. Ziel ist es, die Studierenden in die Lage zu versetzen, barrierefreie und benutzerfreundliche Websites zu erstellen.\"\n }\n ],\n \"hasPart\": [\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Unerwartete Elemente\",\n \"text\": \"Welcher der folgenden Punkte widerspricht den Grundsätzen benutzerfreundlichen Webdesigns?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Unerwartete Elemente\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Unerwartete Elemente für Nutzer\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Konsistente Navigation und einheitliches Design\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Konsistenz ist ein Schlüsselelement für eine gute Benutzerfreundlichkeit, da sie den Nutzern hilft, sich auf Ihrer Website zurechtzufinden.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Verständliche und prägnante Sprache\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Verständliche Sprache ist wichtig, um sicherzustellen, dass Ihre Inhalte für alle Nutzer zugänglich sind.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Unerwartete Elemente für Nutzer\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Unerwartete Elemente können die Nutzer verwirren und frustrieren.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Barrierefreiheit für Menschen mit Behinderungen\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Barrierefreiheit ist ein wichtiger Aspekt der Benutzerfreundlichkeit, da sie sicherstellt, dass Ihre Website für alle zugänglich ist.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Barrierefreie Websites\",\n \"text\": \"Welches ist das Hauptziel von barrierefreien Websites?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Barrierefreie Websites\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Sie sollen für alle Nutzer leicht zugänglich und nutzbar sein, unabhängig von ihren Fähigkeiten oder Behinderungen.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Sie sollen für alle Nutzer leicht zugänglich und nutzbar sein, unabhängig von ihren Fähigkeiten oder Behinderungen.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das ist richtig. Barrierefreiheit bedeutet, dass Websites für alle zugänglich sind, unabhängig von ihren Einschränkungen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Sie sollen ausschließlich kontrastreiche Farben verwenden.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das ist nicht ganz richtig. Kontrastreiche Farben sind zwar wichtig für die Barrierefreiheit, aber es gibt noch viele andere Faktoren, die berücksichtigt werden müssen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Sie sollen vollständig auf Bilder und Grafiken verzichten.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das ist nicht unbedingt richtig. Bilder und Grafiken können verwendet werden, aber sie müssen mit Alternativtext versehen werden, damit sie für alle zugänglich sind.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Sie sollen ausschließlich für Nutzer mit Sehbehinderungen konzipiert sein.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das ist nicht richtig. Barrierefreie Websites sind nicht nur für Nutzer mit Sehbehinderungen gedacht, sondern für alle Nutzer mit Behinderungen.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Barrierefreiheit_ARIA-Attribute\",\n \"text\": \"Welche Technik ist für die Barrierefreiheit von Websites besonders wichtig?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Barrierefreiheit_ARIA-Attribute\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"ARIA-Attribute verwenden\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"ARIA-Attribute verwenden\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"ARIA-Attribute sind speziell für die Barrierefreiheit entwickelt.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Übersetzungen in alle Sprachen anbieten\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Übersetzungen sind wichtig, aber nicht der Kern der Barrierefreiheit.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Auf JavaScript verzichten\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"JavaScript kann die Barrierefreiheit verbessern, wenn es richtig eingesetzt wird.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Viele Bilder verwenden\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Bilder können Barrieren schaffen, wenn sie nicht richtig beschrieben werden.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML-Syntax\",\n \"text\": \"Welcher HTML-Tag wird verwendet, um eine Überschrift der Ebene 1 zu definieren?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML-Syntax\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003ch1\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003ch1\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003ch1\u003e ist der korrekte HTML-Tag für eine Überschrift der Ebene 1.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003ch2\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003ch2\u003e wird für Überschriften der Ebene 2 verwendet.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003chead\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003chead\u003e definiert den Kopfbereich eines HTML-Dokuments.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003ctitle\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003ctitle\u003e definiert den Titel eines HTML-Dokuments.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Barrierefreiheitsprinzipien\",\n \"text\": \"Was ist das Ziel der Barrierefreiheit beim Webdesign?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Barrierefreiheitsprinzipien\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Ermöglichung der Zugänglichkeit für alle Nutzer, auch für Menschen mit Behinderungen\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Ermöglichung der Zugänglichkeit für alle Nutzer, auch für Menschen mit Behinderungen\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Barrierefreiheit zielt darauf ab, Websites für alle zugänglich zu machen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Verbesserung der Suchmaschinenoptimierung\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Barrierefreiheit hat keinen direkten Einfluss auf die Suchmaschinenoptimierung.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Verringerung der Ladezeit von Websites\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Barrierefreiheit konzentriert sich nicht auf die Optimierung der Ladezeit.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Einhaltung gesetzlicher Vorschriften\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Barrierefreiheit kann gesetzliche Anforderungen erfüllen, ist aber nicht das Hauptziel.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS-Syntax\",\n \"text\": \"Welcher CSS-Selektor wählt alle HTML-Elemente aus, die die Klasse \\\"beispiel\\\" besitzen?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS-Syntax\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \".beispiel\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \".beispiel\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \".beispiel ist der korrekte CSS-Selektor.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"beispiel\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"beispiel ist kein gültiger CSS-Selektor.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"#beispiel\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"#beispiel wird verwendet, um Elemente mit einer bestimmten ID auszuwählen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \".#beispiel\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \".#beispiel ist kein gültiger CSS-Selektor.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS-Syntax\",\n \"text\": \"Welche CSS-Eigenschaft wird verwendet, um die Größe des Textes zu steuern?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS-Syntax\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"font-size\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"font-size\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"font-size steuert die Textgröße.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"text-size\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"text-size ist keine gültige CSS-Eigenschaft.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"font\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"font steuert mehrere Schriftarteigenschaften, einschließlich der Größe.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"size\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"size ist keine gültige CSS-Eigenschaft für die Textgröße.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTTP-Statuscodes\",\n \"text\": \"Welcher HTTP-Statuscode gibt an, dass die angeforderte Ressource nicht gefunden wurde?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTTP-Statuscodes\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"404\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"200\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Dieser Code zeigt an, dass die Anfrage erfolgreich war.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"301\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Dieser Code zeigt an, dass die Ressource dauerhaft an eine andere URL weitergeleitet wurde.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"404\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Dieser Code zeigt an, dass die Ressource nicht gefunden wurde.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"500\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Dieser Code zeigt an, dass ein interner Serverfehler aufgetreten ist.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML-Tags\",\n \"text\": \"Was ist der Zweck des HTML-Tags \u003cmeta name=\\\"viewport\\\"\u003e?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML-Tags\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Festlegung des Ansichtsfensters für mobile Geräte\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Festlegung des Ansichtsfensters für mobile Geräte\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Dieses Tag definiert die Größe und Skalierung des Ansichtsfensters für mobile Geräte.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Einbettung von Metadaten in die Website\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Dieses Tag wird für die Einbettung von Metadaten wie Autor, Beschreibung und Schlüsselwörter verwendet.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Definition von Schlüsselwörtern für Suchmaschinen\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Dieses Tag wird für die Definition von Schlüsselwörtern für Suchmaschinenoptimierung verwendet.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Bereitstellung von Informationen zur Seitennutzung\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Dieses Tag wird für die Bereitstellung von Informationen zur Seitennutzung für Analysezwecke verwendet.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"JavaScript-Datentypen\",\n \"text\": \"Welcher JavaScript-Datentyp wird verwendet, um logische Werte (wahr/falsch) zu speichern?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"JavaScript-Datentypen\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Boolean\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Boolean\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Der Boolean-Datentyp speichert logische Werte (wahr oder falsch).\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Number\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Der Number-Datentyp speichert numerische Werte.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"String\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Der String-Datentyp speichert Textzeichenfolgen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Array\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Der Array-Datentyp speichert eine geordnete Sammlung von Elementen.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS-Regeln\",\n \"text\": \"Was bewirkt die folgende CSS-Regel: \\\"body { background-color: #ffffff; }\\\"?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS-Regeln\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Setzt die Hintergrundfarbe der Website auf Weiß\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Setzt die Hintergrundfarbe der Website auf Weiß\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Diese Regel setzt die Hintergrundfarbe des \u003cbody\u003e-Elements auf Weiß (#ffffff).\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Setzt die Hintergrundfarbe des gesamten Browsers auf Weiß\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Diese Regel wirkt sich nur auf das \u003cbody\u003e-Element aus, nicht auf den gesamten Browser.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Setzt die Textfarbe der Website auf Weiß\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Diese Regel wirkt sich auf die Hintergrundfarbe aus, nicht auf die Textfarbe.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Verändert die Schriftfarbe in Weiß\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Diese Regel wirkt sich auf die Hintergrundfarbe aus, nicht auf die Schriftfarbe.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Einfachheit\",\n \"text\": \"Welches Prinzip der Benutzerfreundlichkeit zielt darauf ab, die kognitive Belastung für die Nutzer zu reduzieren?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Einfachheit\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Einfachheit\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Konsistenz\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Konsistenz ist wichtig, aber es zielt nicht darauf ab, die kognitive Belastung zu reduzieren.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Feedback\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Feedback ist wichtig, aber es zielt nicht darauf ab, die kognitive Belastung zu reduzieren.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Einfachheit\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Einfachheit zielt darauf ab, die kognitive Belastung zu reduzieren, indem sie die Anzahl der Entscheidungen und Aktionen minimiert, die Nutzer treffen müssen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Fehlertoleranz\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Fehlertoleranz ist wichtig, aber es zielt nicht darauf ab, die kognitive Belastung zu reduzieren.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Semantik\",\n \"text\": \"Was ist der Hauptunterschied zwischen semantischen und nicht-semantischen HTML-Elementen?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Semantik\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Semantische Elemente beschreiben die Bedeutung des Inhalts, während nicht-semantische Elemente nur sein Aussehen definieren.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Semantische Elemente beschreiben die Bedeutung des Inhalts, während nicht-semantische Elemente nur sein Aussehen definieren.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Semantische Elemente geben die Bedeutung des Inhalts an, während nicht-semantische Elemente nur sein Aussehen definieren.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Semantische Elemente sind nur in HTML5 verfügbar, während nicht-semantische Elemente in allen HTML-Versionen verfügbar sind.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Sowohl semantische als auch nicht-semantische Elemente sind in allen HTML-Versionen verfügbar.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Nicht-semantische Elemente können nicht von Suchmaschinen interpretiert werden, während semantische Elemente es können.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Sowohl semantische als auch nicht-semantische Elemente können von Suchmaschinen interpretiert werden.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Semantische Elemente sind blockweise Elemente, während nicht-semantische Elemente inline-Elemente sind.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Sowohl semantische als auch nicht-semantische Elemente können blockweise oder inline-Elemente sein.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS-Funktionen\",\n \"text\": \"Welche der folgenden Aussagen beschreibt die primäre Aufgabe von Cascading Style Sheets (CSS) im Webdesign korrekt?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS-Funktionen\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Bestimmung des Erscheinungsbilds und Stils einer Website\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Definition der Struktur und Semantik eines Dokuments\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTML definiert die Struktur und Semantik eines Dokuments, nicht CSS.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Bestimmung des Erscheinungsbilds und Stils einer Website\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CSS wird verwendet, um das Erscheinungsbild und den Stil einer Website zu bestimmen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Steuerung der Interaktivität und Dynamik einer Website\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"JavaScript wird verwendet, um die Interaktivität und Dynamik einer Website zu steuern, nicht CSS.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Abrufen und Verarbeiten von Daten aus Datenbanken\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"PHP oder andere serverseitige Sprachen werden verwendet, um Daten aus Datenbanken abzurufen und zu verarbeiten, nicht CSS.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"\",\n \"text\": \"Welches Prinzip stellt sicher, dass Websites für Menschen mit Behinderungen zugänglich sind?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Barrierefreiheit\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Benutzungsfreundlichkeit\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Benutzungsfreundlichkeit ist wichtig, aber es geht nicht speziell um Barrierefreiheit.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Barrierefreiheit\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Barrierefreiheit stellt sicher, dass Websites für Menschen mit Behinderungen zugänglich sind.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Suchmaschinenoptimierung\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Suchmaschinenoptimierung ist wichtig, aber es geht nicht speziell um Barrierefreiheit.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Mobile Responsivität\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Mobile Responsivität ist wichtig, aber es geht nicht speziell um Barrierefreiheit.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML-Syntax\",\n \"text\": \"Welches HTML-Element sollte zur Erstellung von Überschriften verwendet werden?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML-Syntax\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u0026lt;h1\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u0026lt;heading\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das \u0026lt;heading\u0026gt;-Element ist nicht gültig. Verwenden Sie stattdessen \u0026lt;h1\u0026gt;.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u0026lt;title\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u0026lt;title\u0026gt; definiert den Titel der Seite, nicht die Überschriften.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u0026lt;h1\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u0026lt;h1\u0026gt; ist das richtige Element für Überschriften der ersten Ebene.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u0026lt;header\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u0026lt;header\u0026gt; definiert den Header-Bereich der Seite, nicht die Überschriften.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Webstandards\",\n \"text\": \"Was ist das grundlegende Ziel der Web Content Accessibility Guidelines (WCAG)?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Webstandards\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Bereitstellung von Richtlinien für die Erstellung barrierefreier Websites\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Bereitstellung von Richtlinien für die Erstellung barrierefreier Websites\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Die WCAG bieten Richtlinien zur Sicherstellung der Barrierefreiheit von Websites für Menschen mit Behinderungen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Festlegung von Best Practices für die Suchmaschinenoptimierung\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Die WCAG konzentrieren sich auf Barrierefreiheit, nicht auf SEO.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Definition von Standards für die Webentwicklung\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Die WCAG definieren keine Webentwicklungsstandards, sondern Richtlinien für die Barrierefreiheit.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Angebot von Anleitungen zur grafischen Gestaltung\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Die WCAG konzentrieren sich auf Barrierefreiheit, nicht auf grafische Gestaltung.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML-Link\",\n \"text\": \"Welches HTML-Attribut wird verwendet, um einen Link zu definieren?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML-Link\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"href\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"src\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das src-Attribut wird verwendet, um die Quelle eines Bildes anzugeben.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"href\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das href-Attribut definiert den Zielort eines Links.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"alt\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das alt-Attribut wird verwendet, um alternativen Text für Bilder bereitzustellen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"title\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das title-Attribut wird verwendet, um einen Tooltip-Text für ein Element bereitzustellen.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Semantik in HTML\",\n \"text\": \"Was ist ein semantisches HTML-Element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Semantik in HTML\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Ein Element, das die Bedeutung des Inhalts beschreibt\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Ein Element, das die Bedeutung des Inhalts beschreibt\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Semantische Elemente vermitteln die Bedeutung des Inhalts, z. B. Überschriften (\u003ch1\u003e), Absätze (\u003cp\u003e) und Listen (\u003cul\u003e).\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Ein Element, das nur zur Formatierung verwendet wird\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Während einige HTML-Elemente zur Formatierung verwendet werden (z. B. \u003cb\u003e), sind semantische Elemente für die Bedeutung gedacht.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Ein Element, das Daten enthält\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Während semantische Elemente Daten enthalten können, ist dies nicht ihr Hauptzweck. Sie konzentrieren sich auf die Bedeutung.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Ein Element, das eine grafische Komponente darstellt\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Grafische Komponenten werden durch andere HTML-Elemente wie \u003cimg\u003e dargestellt, nicht durch semantische Elemente.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Benutzerfreundlichkeit in Websites\",\n \"text\": \"Welches Prinzip ist beim Webdesign unerlässlich, um die Benutzerfreundlichkeit zu maximieren?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Benutzerfreundlichkeit in Websites\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Intuitive Navigation und klare Struktur\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Visuell ansprechende Elemente\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Während visuelle Ästhetik wichtig ist, ist sie nicht der entscheidende Faktor für die Benutzerfreundlichkeit.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Intuitive Navigation und klare Struktur\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Intuitive Navigation und klare Struktur ermöglichen es Benutzern, mühelos durch eine Website zu navigieren.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Ausgefeilte Animationen und Effekte\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Übermäßige Animationen und Effekte können die Benutzerfreundlichkeit beeinträchtigen, indem sie ablenken und die Ladezeiten verlangsamen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Komplexer und umfangreicher Inhalt\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Komplexer Inhalt kann die Benutzerfreundlichkeit beeinträchtigen, indem er Benutzer überfordert und die Navigation erschwert.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"\",\n \"text\": \"Welche Kennzeichnung stellt die Zugänglichkeit einer Website für Personen mit Sehbehinderungen sicher?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"alt-Text\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"aria-label\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das aria-label-Attribut wird für die Barrierefreiheit verwendet, aber nicht speziell für Sehbehinderungen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"alt-Text\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das alt-Text-Attribut bietet eine Textbeschreibung von Bildern für Benutzer mit Sehbehinderungen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"SEO-Keywords\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"SEO-Keywords sind für die Suchmaschinenoptimierung gedacht, nicht für die Barrierefreiheit.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"title-Attribute\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das title-Attribut wird für Tooltips verwendet, nicht für die Barrierefreiheit.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Responsive Design\",\n \"text\": \"Welche Eigenschaft zeichnet Responsive Design aus?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Responsive Design\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Optimierung für verschiedene Bildschirmgrößen\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Optimierung für verschiedene Bildschirmgrößen\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Responsive Design passt sich an unterschiedliche Bildschirmgrößen an.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Schnelle Ladezeiten\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Schnelle Ladezeiten sind zwar wichtig, aber nicht das Hauptmerkmal von Responsive Design.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Aufwändige Gestaltungselemente\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Responsive Design konzentriert sich auf Funktionalität, nicht auf aufwendige Gestaltung.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Begrenzte Funktionalität auf mobilen Geräten\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Responsive Design soll die Funktionalität auf allen Geräten verbessern.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Bildformate\",\n \"text\": \"Welches Dateiformat eignet sich am besten für die Darstellung von Vektorgrafiken im Web?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Bildformate\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"SVG\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"JPEG\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"JPEG ist ein Rasterformat, das für Fotos geeignet ist.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"PNG\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"PNG unterstützt Transparenz, ist aber nicht für Vektorgrafiken optimiert.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"SVG\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"SVG ist ein Vektorformat, das sich ideal für die Darstellung von Grafiken im Web eignet.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"GIF\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"GIF ist ein Rasterformat, das für Animationen geeignet ist.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"ARIA\",\n \"text\": \"Welches ARIA-Attribut dient dazu, Elementen eine Beschreibung für Screenreader bereitzustellen?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"ARIA\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"aria-describedby\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"aria-description\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Dieses Attribut existiert nicht.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"aria-labelledby\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Dieses Attribut verknüpft ein Element mit einem anderen Element, das seinen Namen bereitstellt.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"aria-describedby\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Dieses Attribut verknüpft ein Element mit einem anderen Element, das seine Beschreibung bereitstellt.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"aria-tooltip\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Dieses Attribut stellt einen Tooltip bereit, der beim Hover angezeigt wird.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Farbschemata\",\n \"text\": \"Welches Farbschema bietet den höchsten Kontrast und ist daher für barrierefreie Websites empfehlenswert?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Farbschemata\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Grau-Weiß\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Grau-Weiß\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Grau-Weiß bietet einen hohen Kontrast und ist leicht zu lesen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Blau-Grün\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Blau-Grün kann für manche Menschen mit Farbenblindheit schwierig zu unterscheiden sein.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Rot-Gelb\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Rot-Gelb bietet einen geringen Kontrast und ist für manche Menschen schwer zu lesen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Grün-Orange\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Grün-Orange kann für manche Menschen mit Farbenblindheit schwierig zu unterscheiden sein.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Grundlagen des Webdesigns\",\n \"text\": \"Welches der folgenden Prinzipien stellt eine wesentliche Grundlage für die Gestaltung von Websites dar?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Grundlagen des Webdesigns\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Benutzerfreundlichkeit\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Benutzerfreundlichkeit\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Benutzerfreundlichkeit ist entscheidend für eine effektive Website-Gestaltung.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Ausgeprägte Grafiken\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Während Grafiken wichtig sind, ist Benutzerfreundlichkeit der Schlüssel.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Schnelle Ladezeiten\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Schnelle Ladezeiten sind wichtig, aber nicht das Hauptprinzip.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Verwendung vieler Animationen\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Animationen können ablenken und die Benutzerfreundlichkeit beeinträchtigen.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Barrierefreie Website-Gestaltung\",\n \"text\": \"Welche der genannten Farben ist für Menschen mit Sehbehinderung zu bevorzugen?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Barrierefreie Website-Gestaltung\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Weiß\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Blau\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Blau kann für Menschen mit Sehbehinderungen schwierig zu erkennen sein.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Gelb\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Gelb kann für Menschen mit Sehbehinderungen schwierig zu erkennen sein.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Schwarz\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Schwarz kann für Menschen mit Sehbehinderungen schwierig zu erkennen sein.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Weiß\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Weiß bietet einen hohen Kontrast für Menschen mit Sehbehinderungen.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML-Struktur\",\n \"text\": \"Welches der folgenden Markup-Elemente ist für die Erstellung von Überschriften vorgesehen?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML-Struktur\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003ch1\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003ch1\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003ch1\u003e ist das richtige Element für Überschriften der obersten Ebene.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003cdiv\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003cdiv\u003e ist ein allgemeines Container-Element, nicht für Überschriften.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003cp\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003cp\u003e ist für Absätze gedacht, nicht für Überschriften.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003cspan\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003cspan\u003e ist für Inline-Text gedacht, nicht für Überschriften.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Barrierefreiheit\",\n \"text\": \"Welches der folgenden Tools eignet sich am besten für die Überprüfung der Barrierefreiheit von Websites?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Barrierefreiheit\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"WAVE\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"WAVE\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"WAVE ist ein hervorragendes Tool zur Überprüfung der Barrierefreiheit von Websites.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Google Lighthouse\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Google Lighthouse ist zwar ein nützliches Tool, aber es ist nicht speziell für die Überprüfung der Barrierefreiheit konzipiert.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Web Developer Toolbar\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Die Web Developer Toolbar bietet einige Funktionen zur Barrierefreiheitsprüfung, ist aber nicht so umfassend wie WAVE.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Firebug\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Firebug ist ein Debugging-Tool und nicht für die Überprüfung der Barrierefreiheit gedacht.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Bildoptimierung\",\n \"text\": \"Welches der aufgeführten Bildformate ist für die Verwendung in Webanwendungen zu bevorzugen?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Bildoptimierung\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"PNG\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"JPG\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"JPG ist zwar ein gängiges Format, aber es unterstützt keine Transparenz, was für Webanwendungen wichtig sein kann.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"PNG\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"PNG unterstützt Transparenz und eignet sich daher besser für Webanwendungen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"TIFF\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"TIFF ist ein verlustfreies Format, das für die Verwendung im Web nicht geeignet ist, da es zu große Dateien erzeugt.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"RAW\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"RAW ist ein Rohformat, das für die Bearbeitung vorgesehen ist und nicht direkt im Web verwendet werden kann.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Barrierefreiheit\",\n \"text\": \"Welche der folgenden Richtlinien ist ausschlaggebend für die Entwicklung barrierefreier Websites?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Barrierefreiheit\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"WCAG 2.0\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"WCAG 2.0\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"WCAG 2.0 ist der internationale Standard für die Barrierefreiheit von Webinhalten.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"ARIA 1.0\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"ARIA 1.0 ist eine Spezifikation zur Verbesserung der Barrierefreiheit von Webanwendungen, aber sie ist nicht so umfassend wie WCAG 2.0.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"HTML5-Spezifikation\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Die HTML5-Spezifikation enthält zwar einige Funktionen zur Barrierefreiheit, aber sie ist kein vollständiger Standard für die Barrierefreiheit.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"CSS3-Spezifikation\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Die CSS3-Spezifikation enthält keine spezifischen Richtlinien zur Barrierefreiheit.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Benutzererfahrung\",\n \"text\": \"Welche der folgenden Aussagen zur Benutzerfreundlichkeit im Webdesign ist korrekt?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Benutzererfahrung\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Eine Website sollte einfach zu navigieren und zu verstehen sein.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Je mehr Funktionen eine Website bietet, desto benutzerfreundlicher ist sie.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Eine Überfülle an Funktionen kann die Benutzerfreundlichkeit beeinträchtigen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Eine Website sollte möglichst viele verschiedene Schriftarten und Farben verwenden.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Eine zu große Vielfalt an Schriftarten und Farben kann die Lesbarkeit und das Gesamtbild beeinträchtigen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Eine Website sollte einfach zu navigieren und zu verstehen sein.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Einfache Navigation und Verständlichkeit sind entscheidend für die Benutzerfreundlichkeit.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Hauptziel von SEO\",\n \"text\": \"Welches ist das Hauptziel der Suchmaschinenoptimierung (SEO)?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Hauptziel von SEO\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Erhöhung der Sichtbarkeit einer Website in Suchmaschinenergebnissen für relevante Suchanfragen.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Erhöhung der Sichtbarkeit einer Website in Suchmaschinenergebnissen für relevante Suchanfragen.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"SEO zielt darauf ab, die Sichtbarkeit einer Website in Suchergebnissen zu verbessern.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Verringerung der Ladezeit einer Website\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Die Ladezeit ist wichtig, aber nicht das Hauptziel von SEO.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Verbesserung der Benutzerfreundlichkeit einer Website\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Benutzerfreundlichkeit ist wichtig, aber nicht das Hauptziel von SEO.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Renommierte Webdesign-Auszeichnung\",\n \"text\": \"Welche der folgenden Auszeichnungen ist ein renommierter Indikator für die Qualität und Innovation einer Website?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Renommierte Webdesign-Auszeichnung\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Webby Award\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Oscar\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Der Oscar ist eine Auszeichnung für Filme, nicht für Websites.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Grammy Award\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Der Grammy Award ist eine Auszeichnung für Musik, nicht für Websites.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Webby Award\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Der Webby Award ist eine renommierte Auszeichnung für herausragende Websites.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Academy Award\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Der Academy Award ist eine Auszeichnung für Filme, nicht für Websites.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML-Tag für Überschriften\",\n \"text\": \"Welcher der folgenden HTML-Tags wird verwendet, um Überschriften zu erstellen?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML-Tag für Überschriften\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003ch1\u003e bis \u003ch6\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003clink\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Der \u003clink\u003e-Tag wird verwendet, um externe Ressourcen zu verknüpfen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003cimg\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Der \u003cimg\u003e-Tag wird verwendet, um Bilder einzufügen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003cdiv\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Der \u003cdiv\u003e-Tag wird verwendet, um Abschnitte zu erstellen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003ch1\u003e bis \u003ch6\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Die Tags \u003ch1\u003e bis \u003ch6\u003e werden verwendet, um Überschriften verschiedener Ebenen zu erstellen.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Zweck des title-Attributs\",\n \"text\": \"Was ist der Zweck des „title“-Attributs in HTML-Elementen?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Zweck des title-Attributs\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Bereitstellung eines zusätzlichen Hinweises oder einer Beschreibung für das Element, die beim Bewegen des Mauszeigers angezeigt wird.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Bereitstellung eines zusätzlichen Hinweises oder einer Beschreibung für das Element, die beim Bewegen des Mauszeigers angezeigt wird.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das title-Attribut bietet zusätzliche Informationen, die beim Hovern angezeigt werden.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Beschreiben der Position des Elements auf der Seite\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das title-Attribut beschreibt nicht die Position des Elements.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Festlegen der Größe des Elements\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das title-Attribut legt nicht die Größe des Elements fest.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS-Grundlagen\",\n \"text\": \"Was ist der Hauptunterschied zwischen einem Grid-Layout und einem Flexbox-Layout in CSS?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS-Grundlagen\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Ein Grid-Layout bietet eine präzisere Kontrolle über die Platzierung von Elementen, während ein Flexbox-Layout flexibler ist und sich dynamischer an verschiedene Bildschirmgrößen anpasst.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Ein Grid-Layout ist für komplexe Layouts geeignet, während ein Flexbox-Layout für einfache Layouts geeignet ist.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Grid-Layouts eignen sich auch für komplexe Layouts.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Ein Grid-Layout bietet eine präzisere Kontrolle über die Platzierung von Elementen, während ein Flexbox-Layout flexibler ist und sich dynamischer an verschiedene Bildschirmgrößen anpasst.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Grid-Layouts bieten eine präzisere Kontrolle, während Flexbox-Layouts flexibler sind.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Ein Flexbox-Layout bietet eine präzisere Kontrolle über die Platzierung von Elementen, während ein Grid-Layout flexibler ist.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Flexbox-Layouts sind flexibler, während Grid-Layouts eine präzisere Kontrolle bieten.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Webentwicklungs-Tools\",\n \"text\": \"Welcher der folgenden Webentwicklungsframeworks konzentriert sich auf die Erstellung mobiler Anwendungen?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Webentwicklungs-Tools\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Ionic\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Ionic\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Ionic ist auf die Entwicklung mobiler Anwendungen spezialisiert.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"React\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"React kann auch für mobile Anwendungen verwendet werden, ist aber nicht darauf spezialisiert.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"ASP.NET\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"ASP.NET ist ein Framework für Webanwendungen, nicht für mobile Anwendungen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Django\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Django ist ein Framework für Webanwendungen, nicht für mobile Anwendungen.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Webentwicklungs-Best Practices\",\n \"text\": \"Welche der folgenden Techniken wird verwendet, um die Sicherheit einer Website zu verbessern?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Webentwicklungs-Best Practices\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"SSL-Zertifikat\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Spoofing\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Spoofing ist eine Angriffstechnik, keine Sicherheitsmaßnahme.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"SSL-Zertifikat\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"SSL-Zertifikate verschlüsseln Daten und verbessern die Website-Sicherheit.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Phishing\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Phishing ist eine Betrugstechnik, keine Sicherheitsmaßnahme.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Flooding\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Flooding ist eine Angriffstechnik, keine Sicherheitsmaßnahme.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML-Syntax\",\n \"text\": \"Welches HTML-Element wird verwendet, um einen Hyperlink zu definieren?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML-Syntax\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"a\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"a\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das \u003ca\u003e-Element wird verwendet, um Hyperlinks zu definieren.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"href\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"href ist ein Attribut des \u003ca\u003e-Elements, das den Link-Zielort angibt.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"url\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"url wird nicht verwendet, um Hyperlinks in HTML zu definieren.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"link\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das \u003clink\u003e-Element wird verwendet, um externe Ressourcen wie CSS-Dateien zu verknüpfen.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS-Attribut\",\n \"text\": \"Welches CSS-Attribut wird verwendet, um die Hintergrundfarbe eines Elements festzulegen?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS-Attribut\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"background-color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"bgcolor\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das Attribut \\\"bgcolor\\\" ist veraltet. Verwenden Sie stattdessen \\\"background-color\\\".\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"background-color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das Attribut \\\"background-color\\\" legt die Hintergrundfarbe eines Elements fest.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"background\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das Attribut \\\"background\\\" wird verwendet, um alle Hintergrundeigenschaften eines Elements festzulegen, einschließlich Farbe, Bild und Position.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das Attribut \\\"color\\\" legt die Textfarbe eines Elements fest, nicht die Hintergrundfarbe.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Barrierefreiheit\",\n \"text\": \"Welcher Wert des \\\"alt\\\"-Attributs in einem img-Tag stellt Barrierefreiheit sicher?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Barrierefreiheit\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Eine kurze Beschreibung des Bildes\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Der Dateiname des Bildes\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Der Dateiname beschreibt nicht den Inhalt des Bildes für sehbehinderte Nutzer.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Eine kurze Beschreibung des Bildes\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Eine kurze Beschreibung des Bildes hilft sehbehinderten Nutzern, den Inhalt des Bildes zu verstehen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Leer lassen\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das Leerlassen des \\\"alt\\\"-Attributs bietet keine Barrierefreiheit für sehbehinderte Nutzer.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Sicherheitsprotokolle\",\n \"text\": \"Welches Protokoll wird für die sichere Datenübertragung im Internet verwendet?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Sicherheitsprotokolle\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"HTTPS\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"SMTP\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"SMTP wird für den E-Mail-Versand verwendet, nicht für die sichere Datenübertragung.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"HTTPS\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTTPS verwendet SSL/TLS zur Verschlüsselung von Daten und stellt so eine sichere Übertragung sicher.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"HTTP\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTTP überträgt Daten im Klartext und bietet keine Sicherheit.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"FTP\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"FTP wird für die Dateiübertragung verwendet, nicht für die sichere Datenübertragung.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Barrierefreiheit\",\n \"text\": \"Welche Designrichtlinie stellt die Zugänglichkeit von Websites für Menschen mit Behinderungen sicher?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Barrierefreiheit\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"WCAG\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"WCAG\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"WCAG (Web Content Accessibility Guidelines) stellt Richtlinien zur Sicherstellung der Zugänglichkeit von Webinhalten bereit.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"IEEE\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"IEEE ist ein Berufsverband für Ingenieure, keine Designrichtlinie für Barrierefreiheit.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"ISO\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"ISO ist eine Organisation für internationale Standards, keine spezifische Designrichtlinie für Barrierefreiheit.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"ADA\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"ADA (Americans with Disabilities Act) ist ein Gesetz, keine Designrichtlinie für Barrierefreiheit.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Bildformate für Fotos im Web\",\n \"text\": \"Welches Bildformat unterstützt sowohl Komprimierung als auch Transparenz und wird daher im Web häufig für Fotos verwendet?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Bildformate für Fotos im Web\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"PNG\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"PNG\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"PNG unterstützt sowohl Komprimierung als auch Transparenz, was es ideal für Fotos im Web macht.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"TIFF\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"TIFF unterstützt zwar Komprimierung, aber keine Transparenz.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"GIF\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"GIF unterstützt Transparenz, aber keine Komprimierung.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"JPG\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"JPG unterstützt Komprimierung, aber keine Transparenz.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Prinzipien der Barrierefreiheit\",\n \"text\": \"Welches Prinzip ist die Grundlage für die Gestaltung barrierefreier Websites?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Prinzipien der Barrierefreiheit\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Inklusivität\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Inklusivität\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Inklusivität stellt sicher, dass Websites für alle zugänglich sind, unabhängig von ihren Fähigkeiten oder Einschränkungen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Funktionalität\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Funktionalität ist wichtig, aber sie allein macht eine Website nicht barrierefrei.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Suchmaschinenoptimierung\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Suchmaschinenoptimierung ist wichtig, aber sie hat keinen direkten Einfluss auf die Barrierefreiheit.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Ästhetik\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Ästhetik ist wichtig, aber sie ist nicht das Hauptziel der Barrierefreiheit.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Technologien für Responsive Design\",\n \"text\": \"Welche Technologie sorgt dafür, dass Webseiten auf verschiedenen Geräten wie Desktop-Computern und Smartphones korrekt dargestellt werden?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Technologien für Responsive Design\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Responsive Design\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Cascading Style Sheets (CSS)\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CSS wird für das Styling verwendet, nicht für die Anpassung an verschiedene Geräte.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Adaptive Bilder\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Adaptive Bilder passen die Bildgröße an, aber sie sorgen nicht für die Anpassung des Layouts.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"HTML5-Canvas\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTML5-Canvas wird für Grafiken verwendet, nicht für die Anpassung an verschiedene Geräte.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Responsive Design\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Responsive Design passt das Layout an die Bildschirmgröße des Geräts an.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Farbpaletten für Barrierefreiheit\",\n \"text\": \"Welche Art von Farbpalette wird im Webdesign verwendet, um den Kontrast und die Lesbarkeit zu verbessern?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Farbpaletten für Barrierefreiheit\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Barrierefreie Farbpalette\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Analoge Farbpalette\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Analoge Farbpaletten enthalten ähnliche Farben, die nicht unbedingt einen hohen Kontrast bieten.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Monochrome Farbpalette\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Monochrome Farbpaletten verwenden Schattierungen derselben Farbe, was nicht immer einen guten Kontrast ergibt.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Komplementäre Farbpalette\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Komplementäre Farbpaletten können einen hohen Kontrast bieten, aber sie sind nicht speziell für die Barrierefreiheit konzipiert.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Barrierefreie Farbpalette\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Barrierefreie Farbpaletten wurden entwickelt, um einen hohen Kontrast und eine gute Lesbarkeit zu gewährleisten.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Bildoptimierung\",\n \"text\": \"Welche Bildkomprimierungsmethode wird häufig verwendet, um die Dateigröße von Bildern zu verringern, ohne die Qualität wesentlich zu beeinträchtigen?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Bildoptimierung\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"JPEG\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"GIF\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"GIF ist eine verlustfreie Komprimierung, die zu größeren Dateigrößen führt. JPEG hingegen ist eine verlustbehaftete Komprimierung, die kleinere Dateigrößen bei akzeptablem Qualitätsverlust ermöglicht.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"JPEG\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"JPEG ist eine verlustbehaftete Komprimierung, die kleinere Dateigrößen bei akzeptablem Qualitätsverlust ermöglicht.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"PNG\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"PNG ist eine verlustfreie Komprimierung, die zu größeren Dateigrößen führt. JPEG hingegen ist eine verlustbehaftete Komprimierung, die kleinere Dateigrößen bei akzeptablem Qualitätsverlust ermöglicht.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"SVG\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"SVG ist ein vektorbasiertes Format, das nicht für die Komprimierung von Rasterbildern geeignet ist. JPEG hingegen ist eine verlustbehaftete Komprimierung, die für Rasterbilder verwendet wird.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Webentwicklung\",\n \"text\": \"Welcher Hypertext-Markup-Standard wird verwendet, um die Struktur und den Inhalt von Webseiten zu erstellen?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Webentwicklung\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"HTML\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"JavaScript\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"JavaScript ist eine Programmiersprache, die für die Interaktivität von Webseiten verwendet wird. HTML hingegen ist ein Markup-Standard, der die Struktur und den Inhalt von Webseiten definiert.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"HTML\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTML ist ein Markup-Standard, der die Struktur und den Inhalt von Webseiten definiert.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"XML\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"XML ist ein allgemeiner Markup-Standard, der nicht speziell für Webseiten entwickelt wurde. HTML hingegen ist ein Markup-Standard, der speziell für die Erstellung von Webseiten entwickelt wurde.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"CSS\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CSS ist ein Stylesheet, das verwendet wird, um das Aussehen von Webseiten zu definieren. HTML hingegen ist ein Markup-Standard, der die Struktur und den Inhalt von Webseiten definiert.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Webentwicklung\",\n \"text\": \"Welcher Aspekt des Webdesigns befasst sich mit der Positionierung und Anordnung von Elementen auf einer Webseite?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Webentwicklung\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Layout\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Farbschema\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das Farbschema befasst sich mit der Auswahl und Verwendung von Farben auf einer Webseite. Layout hingegen befasst sich mit der Positionierung und Anordnung von Elementen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Navigation\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Die Navigation befasst sich mit der Erstellung von Links und Menüs, die es Benutzern ermöglichen, durch eine Webseite zu navigieren. Layout hingegen befasst sich mit der Positionierung und Anordnung von Elementen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Layout\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Layout befasst sich mit der Positionierung und Anordnung von Elementen auf einer Webseite.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Typografie\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Die Typografie befasst sich mit der Auswahl und Verwendung von Schriftarten und Textformaten auf einer Webseite. Layout hingegen befasst sich mit der Positionierung und Anordnung von Elementen.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"\",\n \"text\": \"Welche Art von Test wird verwendet, um die Barrierefreiheit einer Website für Menschen mit Behinderungen zu bewerten?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Barrierefreiheitstest\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Leistungstest\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Benutzerfreundlichkeitstest\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Sicherheitstest\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Barrierefreiheitstest\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"\",\n \"text\": \"Welcher Trend im Webdesign zielt darauf ab, Websites personalisierter und auf den einzelnen Nutzer zugeschnitten zu gestalten?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Personalisierung\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Virtual Reality (VR)\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Progressive Web Apps\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Personalisierung\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Responsive Design\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"\",\n \"text\": \"Welches HTML-Element ist semantisch korrekt, um eine Navigationsleiste auf einer Webseite zu erstellen?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003cnav\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003cheader\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003cnav\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003cfooter\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003cdiv class=\\\"navigation\\\"\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"\",\n \"text\": \"Welche CSS-Eigenschaft legt die Hintergrundfarbe eines Elements fest?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"background-color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"background-color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"background\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"fill\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"\",\n \"text\": \"Was ist der Zweck des 'alt'-Attributs in einem \u003cimg\u003e-Tag?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Es bietet eine alternative Beschreibung für Bildschirmlesegeräte und bei nicht ladendem Bild.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Es bietet eine alternative Beschreibung für Bildschirmlesegeräte und bei nicht ladendem Bild.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Es definiert den Dateinamen des Bildes.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Es legt die Abmessungen des Bildes fest.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Es ermöglicht es dem Bild, angeklickt zu werden.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"\",\n \"text\": \"Welches Konzept beschreibt die Organisation von Elementen auf einer Webseite, um die Aufmerksamkeit des Benutzers zu lenken?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Visuelle Hierarchie\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Farbpalette\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Visuelle Hierarchie\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Layout\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Typografie\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"\",\n \"text\": \"Welcher Vorteil ergibt sich aus der Verwendung von CSS-Frameworks wie Bootstrap?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Sie bieten wiederverwendbare Komponenten und vorgefertigte Styles für schnelles und konsistentes Design.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Sie bieten wiederverwendbare Komponenten und vorgefertigte Styles für schnelles und konsistentes Design.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Sie verbessern die Ladegeschwindigkeit der Website.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Sie garantieren, dass alle Websites identisch aussehen.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Sie machen die Verwendung von HTML und CSS überflüssig.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"\",\n \"text\": \"Welche Aussage über Breadcrumb-Navigation ist zutreffend?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Sie hilft Benutzern, ihre Position innerhalb einer Website zu verstehen und zu navigieren.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Sie hilft Benutzern, ihre Position innerhalb einer Website zu verstehen und zu navigieren.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Sie ist nur für E-Commerce-Websites relevant.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Sie sollte nur Text-Links enthalten.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Sie sollte immer am Anfang einer Seite platziert werden.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"\",\n \"text\": \"Was ist ein Beispiel für eine schlechte Designentscheidung im Webdesign hinsichtlich der Barrierefreiheit?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Verwendung eines geringen Farbkontrasts zwischen Text und Hintergrund.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Verwendung einer serifenlosen Schriftart.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Verwendung von Überschriften zur Strukturierung des Inhalts.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Verwendung eines geringen Farbkontrasts zwischen Text und Hintergrund.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Bereitstellung von Alternativtext für alle Bilder.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"\",\n \"text\": \"Was beschreibt der Begriff 'Responsives Webdesign'?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Die Website passt ihr Layout automatisch an unterschiedliche Bildschirmgrößen an.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Die Website reagiert interaktiv auf Benutzeraktionen.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Die Website passt ihr Layout automatisch an unterschiedliche Bildschirmgrößen an.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Die Website verwendet JavaScript, um dynamische Inhalte anzuzeigen.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Die Website wird in verschiedenen Versionen für verschiedene Geräte bereitgestellt.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"\",\n \"text\": \"Welches der folgenden Tools ist kein Grafikeditor?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Visual Studio Code\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"GIMP\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Adobe Photoshop\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Visual Studio Code\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Figma\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"\",\n \"text\": \"Was ist der Zweck eines Wireframes im Webdesign-Prozess?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Eine grobe visuelle Darstellung des Layouts und der Struktur einer Webseite.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Ein detailliertes finales Design mit Farben, Schriftarten und Bildern.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Eine grobe visuelle Darstellung des Layouts und der Struktur einer Webseite.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Eine Sammlung von Beispieltexten und Bildern.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Ein voll funktionsfähiger Prototyp der Website.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n }\n ]\n }\n ]\n}"])</script><script>self.__next_f.push([1,"7:[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"WebSite\\\",\\n \\\"name\\\": \\\"Schlaukopf\\\",\\n \\\"url\\\": \\\"https://www.schlaukopf.ai\\\"\\n}\"}}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\\n function updateScale() {\\n const windowHeight = window.innerHeight;\\n const scaleFactor = windowHeight / 1000; // Adjust the divisor as needed\\n //document.documentElement.style.setProperty('--preview-zoom-scale', scaleFactor);\\n }\\n updateScale();\\n window.addEventListener('resize', updateScale);\\n window.addEventListener('load', updateScale);\\n \"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"BreadcrumbList\\\",\\n \\\"itemListElement\\\": [\\n {\\n \\\"@type\\\": \\\"ListItem\\\",\\n \\\"position\\\": 1,\\n \\\"item\\\": {\\n \\\"@id\\\": \\\"https://www.schlaukopf.ai/berufsschule/\\\",\\n \\\"name\\\": \\\"Berufsschule\\\"\\n }\\n },\\n {\\n \\\"@type\\\": \\\"ListItem\\\",\\n \\\"position\\\": 2,\\n \\\"item\\\": {\\n \\\"@id\\\": \\\"https://www.schlaukopf.ai/berufsschule/fachinformatiker-anwendungsentwicklung/\\\",\\n \\\"name\\\": \\\"Fachinformatikerin für Anwendungsentwicklung\\\"\\n }\\n },\\n {\\n \\\"@type\\\": \\\"ListItem\\\",\\n \\\"position\\\": 3,\\n \\\"item\\\": {\\n \\\"@id\\\": \\\"https://www.schlaukopf.ai/berufsschule/fachinformatiker-anwendungsentwicklung/programmierung/\\\",\\n \\\"name\\\": \\\"Programmierung\\\"\\n }\\n },\\n {\\n \\\"@type\\\": \\\"ListItem\\\",\\n \\\"position\\\": 4,\\n \\\"item\\\": {\\n \\\"@id\\\": \\\"https://www.schlaukopf.ai/berufsschule/fachinformatiker-anwendungsentwicklung/programmierung/webdesign/\\\",\\n \\\"name\\\": \\\"Webdesign\\\"\\n }\\n }\\n ]\\n}\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$f\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"SoftwareApplication\\\",\\n \\\"name\\\": \\\"Webdesign-Quiz: Teste dein Wissen über Grundlagen, Benutzerfreundlichkeit und Barrierefreiheit\\\",\\n \\\"operatingSystem\\\": \\\"Web-Browser, Windows, Linux, Android, iOS\\\",\\n \\\"image\\\": \\\"/images/schlaukopf_app_128.png\\\",\\n \\\"keywords\\\": \\\"Webdesign,Grundlagen,Benutzerfreundlichkeit,Barrierefreiheit,Quiz,Online-Lernen\\\",\\n \\\"description\\\": \\\"Erweitere dein Wissen im Webdesign mit unserem interaktiven Quiz. Lerne die Grundlagen, verbessere die Benutzerfreundlichkeit und sorge für Barrierefreiheit deiner Websites.\\\",\\n \\\"applicationCategory\\\": \\\"https://schema.org/EducationalApplication\\\",\\n \\\"thumbnailUrl\\\": \\\"/images/schlaukopf_app_128.png\\\",\\n \\\"offers\\\": {\\n \\\"@type\\\": \\\"Offer\\\",\\n \\\"price\\\": \\\"0\\\",\\n \\\"priceCurrency\\\": \\\"EUR\\\"\\n }\\n}\"}}],\"$L10\"]\n"])</script><script>self.__next_f.push([1,"11:I[48629,[\"866\",\"static/chunks/6468630d-1737450419187-254fd97e73276f1a.js\",\"2709\",\"static/chunks/2709-1737450419187-d333817e45e7ff14.js\",\"2251\",\"static/chunks/2251-1737450419187-d1d0a3f99de44283.js\",\"8173\",\"static/chunks/8173-1737450419187-7f3e43958e8cd0f2.js\",\"1812\",\"static/chunks/1812-1737450419187-2818dac2fd21a89f.js\",\"9391\",\"static/chunks/9391-1737450419187-67e6fae96baa30de.js\",\"3222\",\"static/chunks/3222-1737450419187-0ca086a09ba9db0c.js\",\"3443\",\"static/chunks/3443-1737450419187-ca813bbb8ecdb5e4.js\",\"3248\",\"static/chunks/3248-1737450419187-1107038741a291d1.js\",\"2900\",\"static/chunks/app/%5Blocale%5D/learn/%5B...pathURI_questionId_answerId%5D/page-1737450419187-499f89840b1bda76.js\"],\"TransferProviderClient\"]\n13:I[25992,[\"866\",\"static/chunks/6468630d-1737450419187-254fd97e73276f1a.js\",\"2709\",\"static/chunks/2709-1737450419187-d333817e45e7ff14.js\",\"2251\",\"static/chunks/2251-1737450419187-d1d0a3f99de44283.js\",\"8173\",\"static/chunks/8173-1737450419187-7f3e43958e8cd0f2.js\",\"1812\",\"static/chunks/1812-1737450419187-2818dac2fd21a89f.js\",\"9391\",\"static/chunks/9391-1737450419187-67e6fae96baa30de.js\",\"3222\",\"static/chunks/3222-1737450419187-0ca086a09ba9db0c.js\",\"3443\",\"static/chunks/3443-1737450419187-ca813bbb8ecdb5e4.js\",\"3248\",\"static/chunks/3248-1737450419187-1107038741a291d1.js\",\"2900\",\"static/chunks/app/%5Blocale%5D/learn/%5B...pathURI_questionId_answerId%5D/page-1737450419187-499f89840b1bda76.js\"],\"TopbarQuestion_\"]\n14:I[72329,[\"866\",\"static/chunks/6468630d-1737450419187-254fd97e73276f1a.js\",\"2709\",\"static/chunks/2709-1737450419187-d333817e45e7ff14.js\",\"2251\",\"static/chunks/2251-1737450419187-d1d0a3f99de44283.js\",\"8173\",\"static/chunks/8173-1737450419187-7f3e43958e8cd0f2.js\",\"1812\",\"static/chunks/1812-1737450419187-2818dac2fd21a89f.js\",\"9391\",\"static/chunks/9391-1737450419187-67e6fae96baa30de.js\",\"3222\",\"static/chunks/3222-1737450419187-0ca086a09ba9db0c.js\",\"3443\",\"static/chunks/3443-1737450419187-ca813bbb8ecdb5e4.js\",\"3248\",\"static/chunks/3248-1737450419187-1107038741a291d1.js\",\"2900\",\"static/chunks/app/%5Blocale%5D"])</script><script>self.__next_f.push([1,"/learn/%5B...pathURI_questionId_answerId%5D/page-1737450419187-499f89840b1bda76.js\"],\"QuestionAreaDesktop\"]\n16:I[12004,[\"866\",\"static/chunks/6468630d-1737450419187-254fd97e73276f1a.js\",\"2709\",\"static/chunks/2709-1737450419187-d333817e45e7ff14.js\",\"2251\",\"static/chunks/2251-1737450419187-d1d0a3f99de44283.js\",\"8173\",\"static/chunks/8173-1737450419187-7f3e43958e8cd0f2.js\",\"1812\",\"static/chunks/1812-1737450419187-2818dac2fd21a89f.js\",\"9391\",\"static/chunks/9391-1737450419187-67e6fae96baa30de.js\",\"3222\",\"static/chunks/3222-1737450419187-0ca086a09ba9db0c.js\",\"3443\",\"static/chunks/3443-1737450419187-ca813bbb8ecdb5e4.js\",\"3248\",\"static/chunks/3248-1737450419187-1107038741a291d1.js\",\"2900\",\"static/chunks/app/%5Blocale%5D/learn/%5B...pathURI_questionId_answerId%5D/page-1737450419187-499f89840b1bda76.js\"],\"QuestionBottomBar_\"]\n12:Teff,"])</script><script>self.__next_f.push([1,"\u003cdiv class=\"question_inner aspect_x0KCoX childLayout_absolute\" style=\"transition: opacity 0.2s ease 0s; opacity: 1; position: relative; display: block;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"questionpart_inner aspect_vJq-oU childLayout_flex_row\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_Nxaer5 childLayout_flex_row overflowBorder_questionPart\" data-fontsizemanual=\"1\" style=\"font-size: 33px; position: absolute; left: 20px; top: 46px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 960px; height: 188px;\"\u003e\u003cspan\u003eWelcher HTML-Tag wird verwendet, um eine Überschrift der Ebene 1 zu definieren?\u003c/span\u003e\u003c/div\u003e\u003cimg alt=\"\" data-aspect=\"essence\" loading=\"lazy\" width=\"386\" height=\"640\" decoding=\"async\" data-nimg=\"1\" class=\"image_essence aspect_NqtUWh \" srcset=\"/_next/image?url=https%3A%2F%2Fqs.schlaukopf.ai%2Fdata2%2Fimg%2F1%2F7II44p.png%3Fversion%3D1\u0026amp;w=640\u0026amp;q=75 1x, /_next/image?url=https%3A%2F%2Fqs.schlaukopf.ai%2Fdata2%2Fimg%2F1%2F7II44p.png%3Fversion%3D1\u0026amp;w=828\u0026amp;q=75 2x\" src=\"/_next/image?url=https%3A%2F%2Fqs.schlaukopf.ai%2Fdata2%2Fimg%2F1%2F7II44p.png%3Fversion%3D1\u0026amp;w=828\u0026amp;q=75\" style=\"color: transparent; position: absolute; left: 7px; top: 390px; width: 140px; height: 541px;\"\u003e\u003c/div\u003e\u003cdiv class=\"question_options aspect_kELBWe \" style=\"position: absolute; left: 441px; top: 327px; width: 500px; height: 450px; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"option_inner aspect_Kod7B1 childLayout_flex_row\" data-fontsizemanual=\"1\" style=\"border-radius: 11px; border: 1px solid rgba(50, 50, 50, 0.58); background-image: linear-gradient(to top, rgb(230, 233, 240) 0%, rgb(238, 241, 245) 100%); color: rgba(50, 50, 50, 0.76); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px 0px; justify-content: center; font-size: 77px; margin-bottom: 20px; cursor: pointer; user-select: none;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_C17P8P childLayout_flex_row\"\u003e\u003cspan\u003e\u003chead\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-aspect=\"inner\" class=\"option_inner aspect_HDDyXM childLayout_flex_row\" data-fontsizemanual=\"1\" style=\"border-radius: 11px; border: 1px solid rgba(50, 50, 50, 0.58); background-image: linear-gradient(to top, rgb(230, 233, 240) 0%, rgb(238, 241, 245) 100%); color: rgba(50, 50, 50, 0.76); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px 0px; justify-content: center; font-size: 77px; margin-bottom: 20px; cursor: pointer; user-select: none;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_hW1sR6 childLayout_flex_row\"\u003e\u003cspan\u003e\u003ch2\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-aspect=\"inner\" class=\"option_inner aspect_zqWMaK childLayout_flex_row\" data-fontsizemanual=\"1\" style=\"border-radius: 11px; border: 1px solid rgba(50, 50, 50, 0.58); background-image: linear-gradient(to top, rgb(230, 233, 240) 0%, rgb(238, 241, 245) 100%); color: rgba(50, 50, 50, 0.76); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px 0px; justify-content: center; font-size: 77px; margin-bottom: 20px; cursor: pointer; user-select: none;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_aogwVW childLayout_flex_row\"\u003e\u003cspan\u003e\u003ch1\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-aspect=\"inner\" class=\"option_inner aspect_k_M4Sp childLayout_flex_row\" data-fontsizemanual=\"1\" style=\"border-radius: 11px; border: 1px solid rgba(50, 50, 50, 0.58); background-image: linear-gradient(to top, rgb(230, 233, 240) 0%, rgb(238, 241, 245) 100%); color: rgba(50, 50, 50, 0.76); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px 0px; justify-content: center; font-size: 77px; margin-bottom: 20px; cursor: pointer; user-select: none;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_V_3xQt childLayout_flex_row\"\u003e\u003cspan\u003e\u003ctitle\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-aspect=\"deco\" data-contenttraitid=\"FNCn7O\" class=\"question_deco aspect_x79aqF \" style=\"display: block;\"\u003e\u003c/div\u003e\u003c/div\u003e"])</script><script>self.__next_f.push([1,"17:T54f,\nwindow.serverTime = 1738183536372; window.clientTime = new Date().getTime();\nwindow.editionVersionNumber=1;\nwindow.preload = window.preload || {};\nconst preloadUrls = ['/api/tdoc/topic/auto.de/berufsschule/fachinformatiker-anwendungsentwicklung/programmierung/webdesign?v=1','/api/tdoc/question/mcq13801837?v=1','/api/tdoc/topic/203345?v=1','/api/tdoc/bundle/fsDVsI?v=1','/api/tdoc/bundle/mnWSz2Pvf?v=1','/api/tdoc/bundle/IyESvh7FK?v=1','/api/tdoc/bundle/RKgCmObJN?v=1','/api/tdoc/bundle/By3Jsg2Vs?v=1','/api/tdoc/bundle/wlJMmox7n?v=1','/api/tdoc/bundle/PphF-fhBJ?v=1','/api/tdoc/bundle/QoQ0ePXFh?v=1','/api/tdoc/bundle/BJxqw82DNe?v=1','/api/tdoc/bundle/rJnlnGDBf?v=1','/api/tdoc/bundle/HJPNLc-JG?v=1','/api/tdoc/path/auto.de?v=1','/api/tdoc/path/auto.de/berufsschule?v=1','/api/tdoc/path/auto.de/berufsschule/fachinformatiker-anwendungsentwicklung?v=1','/api/tdoc/path/auto.de/berufsschule/fachinformatiker-anwendungsentwicklung/programmierung?v=1'];\npreloadUrls.map(url =\u003e fetch(url).then(response =\u003e {\nif (response.ok) {\nconst json = response.json().then(json =\u003e {\nif(!json.payload)return;\nwindow.preload[url] = json;\nif(['topic','path'].includes(json.payload.type)){\nwindow.preload[url.replace(json.payload.pathURI, json.payload.id)] = json;\n}\n});\n} else {\nthrow new Error(\"HTTP error \" + response.status);\n}\n\n})\n.catch(e =\u003e {\nconsole.log(e.stack);\n}))\n\n"])</script><script>self.__next_f.push([1,"10:[\"$\",\"$L11\",null,{\"topicTransfer\":{\"pathURI\":\"auto.de/berufsschule/fachinformatiker-anwendungsentwicklung/programmierung/webdesign\",\"topic\":{\"id\":203345,\"countryISO\":\"DE\",\"pathURI\":\"auto.de/berufsschule/fachinformatiker-anwendungsentwicklung/programmierung/webdesign\",\"pathURI_labels\":\"Deutschland/Berufsschule/Fachinformatikerin für Anwendungsentwicklung/Programmierung/Webdesign\",\"isPathFixed\":0,\"isPathObsolete\":0,\"pathLevel\":5,\"instanceURI\":\"auto.de\",\"countryLabel\":\"Deutschland\",\"countryLabelEnglish\":\"\",\"countryConcise\":\"\",\"schoolTypeURL\":\"berufsschule\",\"schoolTypeLabel\":\"Berufsschule\",\"schoolTypeConcise\":\"Berufsschule\",\"schoolTypeCategory\":\"VocationalAndTechnicalEducation\",\"scholarGroupURL\":\"fachinformatiker-anwendungsentwicklung\",\"scholarGroupLabel\":\"Fachinformatikerin für Anwendungsentwicklung\",\"scholarGroupConcise\":\"Fachinformatiker/in Anwendungsentwicklung\",\"subjectURL\":\"programmierung\",\"subjectLabel\":\"Programmierung\",\"subjectConcise\":\"Programmierung\",\"categoryURL\":\"\",\"categoryLabel\":\"\",\"stepURL\":\"webdesign\",\"stepLabel\":\"Webdesign\",\"topicLabel\":\"Webdesign\",\"topicConcise\":\"Webgestaltung\",\"topicDescription\":\"Diese Einheit vermittelt die Grundlagen des Webdesigns, einschließlich der Prinzipien der Benutzerfreundlichkeit und Barrierefreiheit. Ziel ist es, die Studierenden in die Lage zu versetzen, barrierefreie und benutzerfreundliche Websites zu erstellen.\",\"unitAssessmentFocus\":\"\",\"unitTagCloudMultipleChoice\":\"Benutzerfreundlichkeit,Barrierefreiheit,Webstandards,Farbtheorie,Typografie,Layout,Navigation,Suchmaschinenoptimierung\",\"unitCommonExamQuestions\":\"Erläutern Sie die Prinzipien der Benutzerfreundlichkeit im Webdesign.,Beschreiben Sie die verschiedenen Arten von Barrieren, die Menschen mit Behinderungen im Web begegnen können.,Wie können Sie sicherstellen, dass Ihre Website für Benutzer mit Sehbehinderungen zugänglich ist?,Welche Rolle spielt die Farbtheorie im Webdesign?,Wie können Sie die Ladezeit Ihrer Website verbessern?\",\"unitSubtopicsForExams\":\"Grundlagen des Webdesigns,Benutzerfreundlichkeit,Barrierefreiheit,Farbtheorie,Typografie,Layout,Navigation,Suchmaschinenoptimierung\",\"unitExamRelevantTasks\":\"\",\"unitAdditionalContent\":\"\",\"unitIdeasArray\":[{\"idea\":\"Welches der folgenden Farbmodelle wird häufig im Webdesign verwendet, um Farben zu definieren?\",\"reasoning\":\"Dieses Thema wird momentan in der Liste der Fragen nicht abgedeckt.\"},{\"idea\":\"Erläutere die Vor- und Nachteile der Verwendung von Grid-Layouts im Vergleich zu Flexbox-Layouts.\",\"reasoning\":\"Diese Frage würde das Verständnis für alternative Layout-Techniken fördern.\"},{\"idea\":\"Welche Bedeutung hat die Verwendung semantischer HTML-Strukturen für die Suchmaschinenoptimierung (SEO)?\",\"reasoning\":\"Diese Frage verbindet die Themen Barrierefreiheit und Suchmaschinenoptimierung.\"},{\"idea\":\"Beschreibe die Rolle von assistiven Technologien für Menschen mit Behinderungen beim Zugriff auf Websites.\",\"reasoning\":\"Diese Frage würde das Verständnis für die Bedeutung von Barrierefreiheit im Web vertiefen.\"},{\"idea\":\"Erläutere die Unterschiede zwischen responsiven Bildern und adaptiven Bildern und gib an, wann jedes verwendet werden sollte.\",\"reasoning\":\"Diese Frage würde das Verständnis für moderne Techniken zur Optimierung von Websites für unterschiedliche Bildschirmgrößen verbessern.\"}],\"positionIndex\":13,\"aiQuestionCount\":63,\"editorialQuestionCount\":0,\"questionsCount\":63,\"questionsCount_hiddenInApp\":0,\"autoGenQTargetCount\":60,\"typicalAge\":18,\"lowerAge\":16,\"upperAge\":25,\"platformLangISOCode\":\"de\",\"platformLangNativeName\":\"Deutsch\",\"platformLangEnglishName\":\"German\",\"platformLangDialectName\":\"\",\"platformLangLocalCode\":\"de-DE\",\"contentLangISOCode\":\"\",\"contentLangNativeName\":\"\",\"contentLangPlatformName\":\"\",\"contentLangEnglishName\":\"\",\"contentLangDialectName\":\"\",\"contentLangLocalCode\":\"\",\"populationEstimate\":20000,\"publicVisibility\":1,\"teachingPeriod\":\"\",\"duplicate_of\":0,\"funnelStrategy\":\"default\",\"activityLevel\":0,\"activityArray\":[],\"scoreAverage\":0.66,\"relativeKnowledgeDistributionArray\":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],\"seoMetaTitle\":\"Webdesign-Quiz: Teste dein Wissen über Grundlagen, Benutzerfreundlichkeit und Barrierefreiheit\",\"seoMetaDescription\":\"Erweitere dein Wissen im Webdesign mit unserem interaktiven Quiz. Lerne die Grundlagen, verbessere die Benutzerfreundlichkeit und sorge für Barrierefreiheit deiner Websites.\",\"seoMetaKeywords\":\"Webdesign,Grundlagen,Benutzerfreundlichkeit,Barrierefreiheit,Quiz,Online-Lernen\",\"geminiTagArray\":[],\"lastDuplicateCheck\":\"$D2020-01-01T00:00:00.000Z\",\"lastDropout\":\"$D2019-01-01T00:00:00.000Z\",\"usedSubtopicsArray\":[],\"bundles\":\"\",\"bundleNames\":\"\",\"packages\":\"\",\"parent_topic_id1\":null,\"parent_topic_id2\":null,\"parent_topic_id3\":null,\"parent_topic_id4\":null,\"parent_topic_id5\":null,\"parent_topic_id6\":null,\"parent_topic_id7\":null,\"parent_topic_id8\":null,\"parent_topic_id9\":null,\"parent_topic_id10\":null,\"parent_topic_id11\":null,\"parent_topic_id12\":null,\"parent_topic_id13\":null,\"parent_topic_id14\":null,\"parent_topic_id15\":null,\"parent_topic_id16\":null,\"parent_topic_id17\":null,\"parent_topic_id18\":null,\"parent_topic_id19\":null,\"parent_topic_id20\":null,\"parent_topic_recursive1\":null,\"parent_topic_recursive2\":null,\"parent_topic_recursive3\":null,\"parent_topic_recursive4\":null,\"parent_topic_recursive5\":null,\"parent_topic_recursive6\":null,\"parent_topic_recursive7\":null,\"parent_topic_recursive8\":null,\"parent_topic_recursive9\":null,\"parent_topic_recursive10\":null,\"parent_topic_recursive11\":null,\"parent_topic_recursive12\":null,\"parent_topic_recursive13\":null,\"parent_topic_recursive14\":null,\"parent_topic_recursive15\":null,\"parent_topic_recursive16\":null,\"parent_topic_recursive17\":null,\"parent_topic_recursive18\":null,\"parent_topic_recursive19\":null,\"parent_topic_recursive20\":null,\"parent_topic_importmode1\":null,\"parent_topic_importmode2\":null,\"parent_topic_importmode3\":null,\"parent_topic_importmode4\":null,\"parent_topic_importmode5\":null,\"parent_topic_importmode6\":null,\"parent_topic_importmode7\":null,\"parent_topic_importmode8\":null,\"parent_topic_importmode9\":null,\"parent_topic_importmode10\":null,\"parent_topic_importmode11\":null,\"parent_topic_importmode12\":null,\"parent_topic_importmode13\":null,\"parent_topic_importmode14\":null,\"parent_topic_importmode15\":null,\"parent_topic_importmode16\":null,\"parent_topic_importmode17\":null,\"parent_topic_importmode18\":null,\"parent_topic_importmode19\":null,\"parent_topic_importmode20\":null,\"pdfPageNumbers\":\"\",\"entityStore\":{},\"actorStore\":{},\"locationStore\":{},\"topicStore\":{},\"document_version\":0,\"generationFlag\":0,\"sharpenedAt\":\"$D2024-04-30T10:11:35.000Z\",\"metaWeeklyAt\":\"$D2025-01-15T10:15:42.000Z\",\"countedAt\":\"$D2024-08-04T08:41:49.000Z\",\"createdAt\":\"$D2024-04-30T06:47:16.000Z\",\"updatedAt\":\"$D2024-09-13T00:00:00.000Z\",\"accessedAt\":\"$D2024-04-30T06:47:16.000Z\",\"path\":\"auto.de/berufsschule/fachinformatiker-anwendungsentwicklung/programmierung/webdesign\",\"pathname\":\"Deutschland/Berufsschule/Fachinformatikerin für Anwendungsentwicklung/Programmierung/Webdesign\",\"name\":\"Webdesign\",\"genType\":1,\"topicContextTitle\":\"Webentwicklung\",\"parentPathURI\":\"auto.de/berufsschule/fachinformatiker-anwendungsentwicklung/programmierung\",\"groundingDescription\":\"\",\"groundingStores\":\"\",\"groundingUrl\":\"\",\"pathUrl\":\"berufsschule/fachinformatiker-anwendungsentwicklung/programmierung/webdesign\"}},\"questionTransfer\":{\"question\":{\"id\":\"mcq13801837\",\"type\":\"question\",\"topic_id\":203345,\"pathURI\":\"auto.de/berufsschule/fachinformatiker-anwendungsentwicklung/programmierung/webdesign\",\"questionType\":\"MultipleChoice\",\"layout_id\":\"fsDVsI\",\"layoutName\":\"layout_AIStage\",\"questionOfSameLayout_id\":\"364417\",\"stageOuterStyle\":\"flex: 1 1 auto; flex-direction: column; height: 1136px; display: flex; background-size: 100% 100%; background-image: url(\\\"https://qs.schlaukopf.ai/data2/img/1/TrLMdMeJD.jpg?version=1\\\"); transition: background-image 1s ease-out 0s;\",\"stageInnerStyle\":\"height: 1000px; width: 1000px; flex: 0 0 1000px; display: flex; flex-wrap: nowrap; align-items: stretch; user-select: none; transition: opacity 0.1s linear 0.1s; position: relative;\",\"stageInnerHtml\":\"$12\",\"text\":\"Welcher HTML-Tag wird verwendet, um eine Überschrift der Ebene 1 zu definieren?\",\"isoLanguageCode\":\"de\",\"accepted\":0,\"subtopicTag\":\"HTML-Struktur\",\"microtopicTag\":\"\",\"questionSubtag\":\"HTML-Syntax\",\"skillTag\":\"HTML-Kenntnisse\",\"knowledgeDomainTag\":\"Webdesign\",\"subtopicCumulate\":\"\",\"skillCumulate\":\"\",\"aiBloomsTaxonomy\":\"\",\"aiDidacticalIntension\":\"Testen der Kenntnis von HTML-Tags zur Strukturierung von Inhalten\",\"aiDidacticalSummary\":\"\",\"aiDidacticalDoubts\":\"\",\"aiDifficultyScore\":10,\"aiExamRelevanceScore\":80,\"aiCurriculumAlignmentScore\":90,\"aiLanguageComplexityScore\":10,\"aiOverallQualityScore\":90,\"seoMetaTitle\":\"HTML-Überschriften: Welcher Tag definiert eine Überschrift der Ebene 1?\",\"seoMetaDescription\":\"Erfahren Sie, welcher HTML-Tag verwendet wird, um eine Überschrift der Ebene 1 zu definieren, und verbessern Sie Ihre HTML-Kenntnisse.\",\"seoMetaKeywords\":\"HTML, Überschriften, HTML-Syntax, Webdesign\",\"maxPoints\":1,\"shouldShuffle\":false,\"bundles\":\"fsDVsI,mnWSz2Pvf,IyESvh7FK,RKgCmObJN,By3Jsg2Vs,wlJMmox7n,PphF-fhBJ,QoQ0ePXFh,BJxqw82DNe,rJnlnGDBf,HJPNLc-JG\",\"bundleNames\":\"Questiontype_MultipleChoice_layout_AIStage,Questiontype_MultipleChoice_,Questiontype_MultipleChoiceLike_,Questiontype_MultipleChoice_Draft_,Question_,Stage_Draft_Question_,Stage_Draft_Questionpart_,Stage_Draft_Menulayout_,Global_,Stage_Draft,Global_run\",\"screenshot\":0,\"document_version\":1,\"mcq_id\":13801837,\"mcq\":{\"id\":13801837,\"topic_id\":203345,\"deploy_id\":null,\"pathURI\":\"auto.de/berufsschule/fachinformatiker-anwendungsentwicklung/programmierung/webdesign\",\"pathURI_labels\":\"Deutschland/Berufsschule/Fachinformatikerin für Anwendungsentwicklung/Programmierung/Webdesign\",\"questionText\":\"Welcher HTML-Tag wird verwendet, um eine Überschrift der Ebene 1 zu definieren?\",\"numOptions\":4,\"optionText1\":\"\u003ch1\u003e\",\"optionText2\":\"\u003ch2\u003e\",\"optionText3\":\"\u003chead\u003e\",\"optionText4\":\"\u003ctitle\u003e\",\"isCorrect1\":1,\"isCorrect2\":0,\"isCorrect3\":0,\"isCorrect4\":0,\"reasoning1\":\"\",\"reasoning2\":\"\",\"reasoning3\":\"\",\"reasoning4\":\"\",\"feedbackText1\":\"\",\"feedbackText2\":\"\",\"feedbackText3\":\"\",\"feedbackText4\":\"\",\"explanationHint\":\"\",\"explanationTheory\":\"\",\"explanationKeyfacts\":\"\",\"explanationRetrospective\":\"\",\"didacticalIntension\":\"Testen der Kenntnis von HTML-Tags zur Strukturierung von Inhalten\",\"didacticalSummary\":\"\",\"didacticalDoubts\":\"\",\"improvementIdeas\":\"\",\"ambienceApplicability\":-1,\"ambienceScene\":\"\",\"platformLangISOCode\":\"de\",\"countryLabel\":\"Deutschland\",\"schoolTypeLabel\":\"Berufsschule\",\"scholarGroupLabel\":\"Fachinformatikerin für Anwendungsentwicklung\",\"subjectLabel\":\"Programmierung\",\"topicLabel\":\"Webdesign\",\"creationTag\":\"HTML-Struktur\",\"subtopicTag\":\"HTML-Grundlagen\",\"microtopicTag\":\"\",\"questionTag\":\"HTML-Syntax\",\"skillTag\":\"HTML-Kenntnisse\",\"knowledgeDomainTag\":\"Webdesign\",\"subtopicCumulate\":\"\",\"skillCumulate\":\"\",\"typicalAge\":18,\"lowerAge\":16,\"upperAge\":25,\"promptUsed\":5,\"AltQuestionText\":\"\",\"AltOptionText1\":\"\",\"AltOptionText2\":\"\",\"AltOptionText3\":\"\",\"AltOptionText4\":\"\",\"AltIsCorrect1\":-1,\"AltIsCorrect2\":-1,\"AltIsCorrect3\":-1,\"AltIsCorrect4\":-1,\"AltFeedbackText1\":\"\",\"AltFeedbackText2\":\"\",\"AltFeedbackText3\":\"\",\"AltFeedbackText4\":\"\",\"AltDidacticalIntension\":\"\",\"duplicateCheckItem\":-1,\"improvementPrompt\":5,\"OrigScore\":-1,\"AltScore\":-1,\"bloomsTaxonomy\":\"\",\"isoLanguageCode\":\"de\",\"difficultyScore\":10,\"examRelevanceScore\":80,\"curriculumAlignmentScore\":90,\"languageComplexityScore\":10,\"overallQualityScore\":90,\"checkQuality\":\"\",\"checkRelevance\":\"\",\"checkExamRelevance\":\"\",\"checkAnswers\":\"\",\"checkDistractors\":\"A\",\"checkFormat\":\"\",\"seoMetaTitle\":\"HTML-Überschriften: Welcher Tag definiert eine Überschrift der Ebene 1?\",\"seoMetaDescription\":\"Erfahren Sie, welcher HTML-Tag verwendet wird, um eine Überschrift der Ebene 1 zu definieren, und verbessern Sie Ihre HTML-Kenntnisse.\",\"seoMetaKeywords\":\"HTML, Überschriften, HTML-Syntax, Webdesign\",\"searchKeywords\":\"\",\"areVectorsIndexed\":1,\"generationFlag\":-60,\"updatedAt\":\"$D2024-05-13T04:54:17.000Z\",\"deployedAt\":\"$D2024-05-02T08:45:37.000Z\",\"feedbackTiny1\":\"Richtig!\",\"feedbackTiny2\":\"Nicht ganz.\",\"feedbackTiny3\":\"Versuch's nochmal.\",\"feedbackTiny4\":\"Fast!\",\"feedbackShort1\":\"\u003ch1\u003e ist der korrekte HTML-Tag für eine Überschrift der Ebene 1.\",\"feedbackShort2\":\"\u003ch2\u003e wird für Überschriften der Ebene 2 verwendet.\",\"feedbackShort3\":\"\u003chead\u003e definiert den Kopfbereich eines HTML-Dokuments.\",\"feedbackShort4\":\"\u003ctitle\u003e definiert den Titel eines HTML-Dokuments.\",\"feedbackMedium1\":\"\",\"feedbackMedium2\":\"\",\"feedbackMedium3\":\"\",\"feedbackMedium4\":\"\",\"similarIdArray\":[{\"id\":6425991,\"d\":0.03},{\"id\":13148532,\"d\":0.06},{\"id\":2666050,\"d\":0.06},{\"id\":13726204,\"d\":0.07},{\"id\":12515309,\"d\":0.08},{\"id\":9156732,\"d\":0.12},{\"id\":12294462,\"d\":0.13},{\"id\":13963987,\"d\":0.1},{\"id\":14161725,\"d\":0.08},{\"id\":14181971,\"d\":0.12},{\"id\":17048179,\"d\":0.06},{\"id\":17824455,\"d\":0.06},{\"id\":17857499,\"d\":0.12},{\"id\":18148537,\"d\":0.12},{\"id\":19386529,\"d\":0.13},{\"id\":19764829,\"d\":0.08},{\"id\":19780504,\"d\":0.12},{\"id\":20346689,\"d\":0.12},{\"id\":20534784,\"d\":0.1},{\"id\":21162545,\"d\":0.1},{\"id\":21753885,\"d\":0.11},{\"id\":21911455,\"d\":0.1},{\"id\":21915452,\"d\":0.12},{\"id\":22206307,\"d\":0.07},{\"id\":23402995,\"d\":0.1}],\"similarSearchedAt\":\"$D2024-08-22T02:49:20.000Z\",\"optionsArray\":[\"\u003ch1\u003e\",\"\u003ch2\u003e\",\"\u003chead\u003e\",\"\u003ctitle\u003e\"],\"correctOptionsArray\":[\"\u003ch1\u003e\"],\"distractorOptionsArray\":[\"\u003ch2\u003e\",\"\u003chead\u003e\",\"\u003ctitle\u003e\"],\"numCorrectOptions\":1,\"averageOptionLength\":5,\"maxOptionLength\":7,\"questionTextLength\":80,\"averageReadLength\":43,\"isDeployPending\":true,\"userVoteUp\":0,\"userVoteDown\":0},\"questionStore\":{\"questionPart\":{\"id\":\"gF6v9P\",\"type\":\"questionpart\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"Xc_Pfg\",\"type\":\"aspect\",\"traits\":[{\"id\":\"p1k5eo\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"HYeh7b\",\"type\":\"aspect\",\"traits\":[{\"id\":\"f4HwAT\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"Welcher HTML-Tag wird verwendet, um eine Überschrift der Ebene 1 zu definieren?\"}]},\"inner\":{\"id\":\"646ncI\",\"type\":\"aspect\",\"traits\":[{\"id\":\"zoh8jLGPGlRk\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":25}]}}},\"key\":\"text\"}]}}}}},\"questionTypeStore\":{\"allOptions\":[{\"id\":\"HOclJS\",\"type\":\"option\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"YwRcHu\",\"type\":\"aspect\",\"traits\":[{\"id\":\"cOSA8U\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":20},{\"id\":\"vK4Sk2\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"Gz6Zc4\",\"type\":\"aspect\",\"traits\":[{\"id\":\"qP0FE2\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"\u003ch1\u003e\"}]}}},\"key\":\"text\"}]},\"comment\":{\"id\":\"T2wVKo\",\"type\":\"aspect\",\"traits\":[{\"id\":\"1aQAF7\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"2yMeoA\",\"type\":\"aspect\",\"traits\":[{\"id\":\"M2nxI3\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"Richtig!\"}]}}},\"key\":\"text\"}]}}},\"shouldBeSelected\":true},{\"id\":\"Kczxss\",\"type\":\"option\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"PJ9p4l\",\"type\":\"aspect\",\"traits\":[{\"id\":\"W9WFr0\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":20},{\"id\":\"xvLfLp\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"nNRhYD\",\"type\":\"aspect\",\"traits\":[{\"id\":\"Pera-i\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"\u003ch2\u003e\"}]}}},\"key\":\"text\"}]},\"comment\":{\"id\":\"un7Gyh\",\"type\":\"aspect\",\"traits\":[{\"id\":\"tIqvTM\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"ZDf-fw\",\"type\":\"aspect\",\"traits\":[{\"id\":\"E6kFOa\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"\u003ch2\u003e wird für Überschriften der Ebene 2 verwendet.\"}]}}},\"key\":\"text\"}]}}},\"shouldBeSelected\":false},{\"id\":\"Gd0jpg\",\"type\":\"option\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"HqdnwU\",\"type\":\"aspect\",\"traits\":[{\"id\":\"kEDmUr\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":20},{\"id\":\"4EWk25\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"a5oysj\",\"type\":\"aspect\",\"traits\":[{\"id\":\"iofUZg\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"\u003chead\u003e\"}]}}},\"key\":\"text\"}]},\"comment\":{\"id\":\"aTMuSK\",\"type\":\"aspect\",\"traits\":[{\"id\":\"ctpv_h\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"ahQ3dg\",\"type\":\"aspect\",\"traits\":[{\"id\":\"SXkRNF\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"\u003chead\u003e definiert den Kopfbereich eines HTML-Dokuments.\"}]}}},\"key\":\"text\"}]}}},\"shouldBeSelected\":false},{\"id\":\"5XFreO\",\"type\":\"option\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"DZkGFj\",\"type\":\"aspect\",\"traits\":[{\"id\":\"ZXpRL2\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":20},{\"id\":\"MRyEja\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"ddakmb\",\"type\":\"aspect\",\"traits\":[{\"id\":\"G5CiEJ\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"\u003ctitle\u003e\"}]}}},\"key\":\"text\"}]},\"comment\":{\"id\":\"x-tWFB\",\"type\":\"aspect\",\"traits\":[{\"id\":\"yjJvwu\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"oevdIP\",\"type\":\"aspect\",\"traits\":[{\"id\":\"WFSvBF\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"\u003ctitle\u003e definiert den Titel eines HTML-Dokuments.\"}]}}},\"key\":\"text\"}]}}},\"shouldBeSelected\":false}],\"numberOfOptions\":4},\"basicJSON\":{\"questionText\":\"Welcher HTML-Tag wird verwendet, um eine Überschrift der Ebene 1 zu definieren?\",\"options\":[{\"optionText\":\"\u003ch1\u003e\",\"shouldBeSelected\":true,\"feedbackText\":\"\"},{\"optionText\":\"\u003ch2\u003e\",\"shouldBeSelected\":false,\"feedbackText\":\"\"},{\"optionText\":\"\u003chead\u003e\",\"shouldBeSelected\":false,\"feedbackText\":\"\"},{\"optionText\":\"\u003ctitle\u003e\",\"shouldBeSelected\":false,\"feedbackText\":\"\"}]},\"userVoteUp\":0,\"userVoteDown\":0}},\"children\":[\"$\",\"div\",null,{\"id\":\"page-container\",\"className\":\"flex flex-col items-stretch w-full min-h-screen bg-gray-100\",\"children\":[[\"$\",\"$L13\",null,{}],[\"$\",\"$L14\",null,{\"fallback\":\"$L15\"}],[\"$\",\"$L16\",null,{}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$17\"}}]]}],\"userTransfer\":{\"session\":null,\"user\":{\"id\":908893,\"instance\":\"abfrager.de\",\"identityProvider\":\"\",\"identityValue\":\"\",\"playerProvider\":\"\",\"playerValue\":\"\",\"appKey\":\"\",\"hashed\":\"\",\"premium\":0,\"premiumCode\":\"\",\"email\":\"gast908893@undefined\",\"emailVerified\":0,\"emailFails\":0,\"emailError\":\"\",\"prename\":\"\",\"surname\":\"\",\"nickname\":\"\",\"ownImage\":null,\"country\":\"\",\"confidence_country\":0,\"region\":\"\",\"confidence_region\":0,\"city\":\"\",\"promoter\":\"\",\"confidence_city\":0,\"schooltype\":\"\",\"confidence_schooltype\":0,\"form\":\"\",\"confidence_form\":0,\"person\":\"\",\"newsletter\":0,\"learnreport\":1,\"dataValidated\":0,\"tutor1\":\"\",\"tutor2\":\"\",\"tutor3\":\"\",\"tutor4\":\"\",\"tutor5\":\"\",\"tutor6\":\"\",\"tutor7\":\"\",\"tutor8\":\"\",\"tutor9\":\"\",\"tutor10\":\"\",\"isAdmin\":false,\"isAuthor\":false,\"filterAI\":false,\"filterEditorial\":false,\"balance\":0,\"lastLogon\":\"$D2025-01-29T20:45:36.000Z\",\"totalAnswered\":0,\"totalOnlineMinutes\":0,\"firstLogon\":\"$D2025-01-29T20:45:36.000Z\",\"currentTopic\":0,\"currentPoints\":0,\"settingTeacher\":\"DrBrain\",\"settingCounter\":3,\"settingLookAndFeel\":\"_skin2\",\"settingQuestions\":20,\"settingCompleteQuestion\":1,\"settingLanguage\":\"\",\"settingSound\":1,\"settingAudio\":1,\"settingGrade\":0,\"ads\":0,\"guest\":1,\"extrainfo\":\"\",\"openAICreditsUsed\":0,\"state\":null,\"document_version\":0,\"entityStore\":{},\"actorStore\":{},\"userStore\":{},\"createdAt\":\"$D2025-01-29T20:45:36.000Z\",\"updatedAt\":\"$D2025-01-29T20:45:36.000Z\",\"accessedAt\":\"$D2025-01-29T20:45:36.000Z\"}},\"instanceTransfer\":{\"countryLabel\":\"Deutschland\",\"instanceURI\":\"auto.de\",\"host\":\"qs.schlaukopf.ai\",\"primaryDomain\":\"schlaukopf.ai\",\"instanceDomainMiddle\":\"schlaukopf\",\"instanceDomainEnding\":\"ai\"},\"clientTransfer\":{\"browserWidth\":1024,\"isSmartphoneRequest\":false,\"isSmallDeviceRequest\":false}}]\n"])</script><script>self.__next_f.push([1,"18:I[8542,[\"2709\",\"static/chunks/2709-1737450419187-d333817e45e7ff14.js\",\"8450\",\"static/chunks/app/%5Blocale%5D/layout-1737450419187-30883d0276e31a05.js\"],\"TolgeeNextProvider\"]\n19:I[15948,[\"2709\",\"static/chunks/2709-1737450419187-d333817e45e7ff14.js\",\"8450\",\"static/chunks/app/%5Blocale%5D/layout-1737450419187-30883d0276e31a05.js\"],\"AllProviders\"]\n1a:I[2963,[\"3224\",\"static/chunks/app/%5Blocale%5D/not-found-1737450419187-06e0971c97d077f4.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"6:[\"$\",\"html\",null,{\"lang\":\"de-DE\",\"children\":[\"$\",\"body\",null,{\"children\":[\"$\",\"$L18\",null,{\"language\":\"de-DE\",\"staticData\":[{\"language\":\"de-DE\",\"namespace\":\"\",\"data\":{\"auth.login.select_login_provider\":\"Wähle deinen Login-Provider\",\"auth.login.title\":\"Anmelden\",\"auth.signin.signin_with_email\":\"Weiter mit E-Mail\",\"auth.signin.signin_with_facebook\":\"Weiter mit Facebook\",\"auth.signin.signin_with_google\":\"Weiter mit Google\",\"auth.subbar.signin_navheader\":\"Anmelden\",\"command.modal.search.buttontext\":\"Hinzufügen\",\"command.modal.search.placeholder\":\"Thema eingeben\",\"command.modal.title\":\"Wähle dein Lernthema:\",\"footer.homepage.benefit1.text\":\"Lerne interaktiv und mit direktem Feedback.\",\"footer.homepage.benefit1.title\":\"Motivierend\",\"footer.homepage.benefit2.text\":\"Qualitativ hochwertig und dennoch kostenfrei.\",\"footer.homepage.benefit2.title\":\"Kostenlos\",\"footer.homepage.benefit3.text\":\"Fragen, wie sie in Klassenarbeiten und Tests gestellt werden.\",\"footer.homepage.benefit3.title\":\"Prüfungsorientiert\",\"footer.homepage.benefit4.text\":\"Passende Fragen zu fast jedem Lernthema.\",\"footer.homepage.benefit4.title\":\"Umfassend\",\"footer.impressum.cookies\":\"Cookies\",\"footer.impressum.created_with\":\"Erstellt mit\",\"footer.impressum.created_with_from\":\"von\",\"footer.impressum.impressum\":\"Impressum\",\"footer.impressum.instance_brand_name\":\"Schlaukopf\",\"footer.impressum.instance_brand_team\":\"Schlaukopf\",\"footer.impressum.privacy\":\"Datenschutz\",\"question.actionbar.skip.pose_other_question\":\"Andere Frage stellen\",\"question.preview.loadingexercises\":\"Übungen werden geladen\",\"question.qualityconfirm.modal.bad\":\"Fehlerhaft\",\"question.qualityconfirm.modal.bad_description\":\"Die Frage enthält Fehler, passt nicht zum Thema oder ist unvollständig.\",\"question.qualityconfirm.modal.continue\":\"Weiter lernen\",\"question.qualityconfirm.modal.foryourhelp\":\"für deine Einschätzung\",\"question.qualityconfirm.modal.good\":\"Super Frage\",\"question.qualityconfirm.modal.good_description\":\"Die Frage sollte dauerhaft in die Fragensammlung aufgenommen werden.\",\"question.qualityconfirm.modal.human_confirms\":\"Menschliche Bestätigungen\",\"question.qualityconfirm.modal.ignore\":\"Ich möchte nicht mithelfen\",\"question.qualityconfirm.modal.needsconfirmation\":\"Diese KI-Frage benötigt Bestätigung\",\"question.qualityconfirm.modal.thankyou\":\"Danke!\",\"question.qualityconfirm.modal.title\":\"Deine Einschätzung zählt!\",\"question.qualityconfirm.modal.tobeadded\":\"um in die Fragensammlung aufgenommen zu werden\",\"serveraction.auth.passcode.email_subject\":\"Dein Einmal-Passwort\",\"serveraction.auth.passcode.limit_reached\":\"Limit: Drei E-Mails pro Stunde erreicht! Es müssten bereits E-Mails angekommen sein. Prüfe deinen Posteingang und deinen Spam-Ordner.\",\"serveraction.auth.passcode.no_valid_emailadress_entered\":\"Keine gültige E-Mailadresse!\",\"settings.account.curriculumcard.button_abort\":\"Abbrechen\",\"settings.account.curriculumcard.button_save\":\"Änderungen speichern\",\"settings.account.curriculumcard.country\":\"Land\",\"settings.account.curriculumcard.message_saved\":\"Lehrplan gespeichert\",\"settings.account.curriculumcard.questions\":\"Fragen\",\"settings.account.curriculumcard.region\":\"Region\",\"settings.account.curriculumcard.scholargroup\":\"Klassenstufe\",\"settings.account.curriculumcard.schooltype\":\"Schulart\",\"settings.account.curriculumcard.select_scholargroup\":\"Wähle deine Klassenstufe\",\"settings.account.curriculumcard.select_schooltype\":\"Wähle deine Schulart\",\"settings.account.curriculumcard.title\":\"Lehrplan\",\"settings.account.deletecard.button\":\"Ich möchte meinen Account löschen\",\"settings.account.deletecard.confirm_button_abort\":\"Abbrechen\",\"settings.account.deletecard.confirm_button_confirm\":\"Ja, lösche diesen Account\",\"settings.account.deletecard.confirm_message_aborted\":\"Dein Account bleibt erhalten.\",\"settings.account.deletecard.confirm_message_deleted\":\"Dein Account wurde gelöscht.\",\"settings.account.deletecard.confirm_text1\":\"Bist du dir sicher, dass du den Account\",\"settings.account.deletecard.confirm_text2\":\"endgültig löschen möchtest?\",\"settings.account.deletecard.confirm_title\":\"Account löschen\",\"settings.account.deletecard.description\":\"Wenn du deine Benutzerkennung löschst, werden auch alle bisherigen Beantwortungsdaten und Statistiken gelöscht.\",\"settings.account.deletecard.title\":\"Account löschen\",\"settings.account.headcard.avatar.select_image\":\"Wähle ein Bild aus:\",\"settings.account.headcard.change_email\":\"E-Mail ändern\",\"settings.account.headcard.memberstatus_basis\":\"Basis-Mitglied\",\"settings.account.headcard.memberstatus_premium\":\"Premium-Mitglied\",\"settings.account.headcard.questions_answered\":\"Fragen beantwortet\",\"settings.account.metadata.description\":\"Hier findest du deine Profildaten und Einstellungen.\",\"settings.account.metadata.title\":\"Dein Account\",\"settings.account.notifycard.lernreport_description\":\"Auswertungen und Diagramme zu deinen Lernerfolgen\",\"settings.account.notifycard.lernreport_message_off\":\"Die Auswertungs-Email wurde abbestellt.\",\"settings.account.notifycard.lernreport_message_on\":\"Du erhältst zukünftig Auswertungen und Diagramme per E-Mail.\",\"settings.account.notifycard.lernreport_switch_label\":\"am Tag nach der Lernaktivität\",\"settings.account.notifycard.lernreport_title\":\"Lernreport\",\"settings.account.notifycard.newsletter_description\":\"Passende Lerninhalte zu deinem Lehrplan\",\"settings.account.notifycard.newsletter_message_off\":\"Die Lernvorschläge wurden abbestellt.\",\"settings.account.notifycard.newsletter_message_on\":\"Du erhältst zukünftig einmal monatlich Lernvorschläge per E-Mail.\",\"settings.account.notifycard.newsletter_switch_label\":\"einmal pro Monat\",\"settings.account.notifycard.newsletter_title\":\"Newsletter\",\"settings.account.notifycard.title\":\"E-Mail Benachrichtigungen\",\"settings.account.profilecard.button_abort\":\"Abbrechen\",\"settings.account.profilecard.button_save\":\"Änderungen speichern\",\"settings.account.profilecard.constraint_prename_length\":\"Dein Spitzname sollte mindestens 3 Zeichen lang sein\",\"settings.account.profilecard.constraint_special_chars\":\"Es sind keine Sonderzeichen erlaubt.\",\"settings.account.profilecard.placeholder\":\"z.B. Michael\",\"settings.account.profilecard.prename\":\"Vorname oder Spitzname\",\"settings.account.profilecard.profile_saved\":\"Profil gespeichert\",\"settings.account.profilecard.title\":\"Dein Account\",\"sidebar.account.profile_title\":\"Profil\",\"sidebar.account.subtitle_user_fastswitch\":\"Benutzer Schnellauswahl\",\"sidebar.account.subtitle_user_switch\":\"Benutzer wechseln\",\"sidebar.account.subtitle_your_account\":\"Dein Account\",\"sidebar.account.switchuser_login\":\"Login\",\"sidebar.account.switchuser_logout\":\"Logout\",\"sidebar.account.switchuser_register_additional\":\"Zusätzliches Konto registrieren\",\"sidebar.account.tooltip_title\":\"Account ändern\",\"sidebar.account.user_fastswitch_remove\":\"Benutzer von der Schnellauswahl ernfernen\",\"sidebar.settings.about_title\":\"Über diese Webseite\",\"sidebar.settings.faq_title\":\"Häufige Fragen\",\"sidebar.settings.impressum_title\":\"Impressum\",\"sidebar.settings.subtitle_information\":\"Informationen\",\"sidebar.settings.title\":\"Menü\",\"sidebar.settings.tooltip_title\":\"Einstellungen und Informationen\",\"subbar.settings.card1.registered_at\":\"Registriert am\",\"subbar.settings.card1.user_id\":\"Benutzer-ID\",\"subbar.settings.title\":\"Einstellungen\",\"subbar.settings.user\":\"Benutzer\",\"topbar.funnel.filter.ai\":\"Künstliche Intelligenz\",\"topbar.funnel.filter.questionstate\":\"3. Antwortstatus\",\"topbar.funnel.filter.questiontype\":\"2. Fragetyp\",\"topbar.funnel.filter.redaktionell\":\"Redaktionell\",\"topbar.funnel.filter.subtopic\":\"1. Unterthema\",\"topbar.funnel.heading1\":\"Fragen auswählen\",\"topbar.funnel.subheading\":\"Bevorzuge deine Lieblings-Fragetypen und schließe für dich unrelevante Unterthemen aus.\",\"topbar.logo.title.to_start_page\":\"zur Startseite\",\"topbar.path.step.select_category_title\":\"Kategorie wählen\",\"topbar.path.step.select_scholargroup_title\":\"Klassenstufe wählen\",\"topbar.path.step.select_schooltype_title\":\"Schulart wählen\",\"topbar.path.step.select_subject_title\":\"Fach wählen\",\"topbar.path.step.select_title\":\"Auswahl\",\"topbar.ribbon.text.preview\":\"alpha\",\"topbar.topbarpath.step.neighbour.accordion.button\":\"Fragen jetzt lernen\",\"website.command.button.learnnow\":\"Jetzt lernen\",\"website.command.button.loading\":\"Lade Lernthema...\",\"website.command.searchfield.fit\":\"Passend...\",\"website.command.searchfield.search\":\"Lernthema anpassen\",\"website.fit.loading.ai_is_preparing\":\"Unsere künstliche Intelligenz bereitet gerade die Fragen für dich vor.\",\"website.fit.loading.ready\":\"Bereit?\",\"website.fit.loading.startssoon\":\"Gleich geht's los!\",\"website.fit.loading.takes_x_seconds\":\"Das dauert etwa 25 Sekunden.\",\"website.fit.modal.button.learnnow\":\"Jetzt lernen\",\"website.fit.modal.button.loadtopic\":\"Lade Lernthema...\",\"website.fit.modal.bydescription.formlabel\":\"Was möchtest du Lernen?\",\"website.fit.modal.bydescription.placeholder\":\"z.B. Ich möchte alle Mitgliedsstaaten der EU mit ihren Hauptstädten lernen. Ich bin in der 6. Klasse und möchte mich auf die Geografieprüfung vorbereiten.\",\"website.fit.modal.bydescription.tabtitle\":\"zu folgender Beschreibung\",\"website.fit.modal.title\":\"Generiere perfekt passende Multiple Choice Fragen:\",\"website.fit.modal.titletag.bestfunction\":\"Unsere beste Funktion\",\"website.homepage.slogan\":\"Lernen kann Spaß machen!\",\"website.homepage.subslogan\":\"Kostenlos lernen mit mehr als 10 Millionen interaktiven Fragen.\",\"website.question.jsonLd.question_command\":\"Wähle die richtige Antwort aus:\"},\"cacheKey\":\"de-DE\"}],\"children\":[\"$\",\"$L19\",null,{\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L1a\",null,{}],[[\"$\",\"$1\",\"h\",{\"children\":[\"$\",\"$L4\",null,{\"children\":\"$L1b\"}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]}]}]\n"])</script><script>self.__next_f.push([1,"1b:\"$5\"\n"])</script><script>self.__next_f.push([1,"1c:Teff,"])</script><script>self.__next_f.push([1,"\u003cdiv class=\"question_inner aspect_x0KCoX childLayout_absolute\" style=\"transition: opacity 0.2s ease 0s; opacity: 1; position: relative; display: block;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"questionpart_inner aspect_vJq-oU childLayout_flex_row\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_Nxaer5 childLayout_flex_row overflowBorder_questionPart\" data-fontsizemanual=\"1\" style=\"font-size: 33px; position: absolute; left: 20px; top: 46px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 960px; height: 188px;\"\u003e\u003cspan\u003eWelcher HTML-Tag wird verwendet, um eine Überschrift der Ebene 1 zu definieren?\u003c/span\u003e\u003c/div\u003e\u003cimg alt=\"\" data-aspect=\"essence\" loading=\"lazy\" width=\"386\" height=\"640\" decoding=\"async\" data-nimg=\"1\" class=\"image_essence aspect_NqtUWh \" srcset=\"/_next/image?url=https%3A%2F%2Fqs.schlaukopf.ai%2Fdata2%2Fimg%2F1%2F7II44p.png%3Fversion%3D1\u0026amp;w=640\u0026amp;q=75 1x, /_next/image?url=https%3A%2F%2Fqs.schlaukopf.ai%2Fdata2%2Fimg%2F1%2F7II44p.png%3Fversion%3D1\u0026amp;w=828\u0026amp;q=75 2x\" src=\"/_next/image?url=https%3A%2F%2Fqs.schlaukopf.ai%2Fdata2%2Fimg%2F1%2F7II44p.png%3Fversion%3D1\u0026amp;w=828\u0026amp;q=75\" style=\"color: transparent; position: absolute; left: 7px; top: 390px; width: 140px; height: 541px;\"\u003e\u003c/div\u003e\u003cdiv class=\"question_options aspect_kELBWe \" style=\"position: absolute; left: 441px; top: 327px; width: 500px; height: 450px; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"option_inner aspect_Kod7B1 childLayout_flex_row\" data-fontsizemanual=\"1\" style=\"border-radius: 11px; border: 1px solid rgba(50, 50, 50, 0.58); background-image: linear-gradient(to top, rgb(230, 233, 240) 0%, rgb(238, 241, 245) 100%); color: rgba(50, 50, 50, 0.76); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px 0px; justify-content: center; font-size: 77px; margin-bottom: 20px; cursor: pointer; user-select: none;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_C17P8P childLayout_flex_row\"\u003e\u003cspan\u003e\u003chead\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-aspect=\"inner\" class=\"option_inner aspect_HDDyXM childLayout_flex_row\" data-fontsizemanual=\"1\" style=\"border-radius: 11px; border: 1px solid rgba(50, 50, 50, 0.58); background-image: linear-gradient(to top, rgb(230, 233, 240) 0%, rgb(238, 241, 245) 100%); color: rgba(50, 50, 50, 0.76); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px 0px; justify-content: center; font-size: 77px; margin-bottom: 20px; cursor: pointer; user-select: none;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_hW1sR6 childLayout_flex_row\"\u003e\u003cspan\u003e\u003ch2\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-aspect=\"inner\" class=\"option_inner aspect_zqWMaK childLayout_flex_row\" data-fontsizemanual=\"1\" style=\"border-radius: 11px; border: 1px solid rgba(50, 50, 50, 0.58); background-image: linear-gradient(to top, rgb(230, 233, 240) 0%, rgb(238, 241, 245) 100%); color: rgba(50, 50, 50, 0.76); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px 0px; justify-content: center; font-size: 77px; margin-bottom: 20px; cursor: pointer; user-select: none;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_aogwVW childLayout_flex_row\"\u003e\u003cspan\u003e\u003ch1\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-aspect=\"inner\" class=\"option_inner aspect_k_M4Sp childLayout_flex_row\" data-fontsizemanual=\"1\" style=\"border-radius: 11px; border: 1px solid rgba(50, 50, 50, 0.58); background-image: linear-gradient(to top, rgb(230, 233, 240) 0%, rgb(238, 241, 245) 100%); color: rgba(50, 50, 50, 0.76); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px 0px; justify-content: center; font-size: 77px; margin-bottom: 20px; cursor: pointer; user-select: none;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_V_3xQt childLayout_flex_row\"\u003e\u003cspan\u003e\u003ctitle\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-aspect=\"deco\" data-contenttraitid=\"FNCn7O\" class=\"question_deco aspect_x79aqF \" style=\"display: block;\"\u003e\u003c/div\u003e\u003c/div\u003e"])</script><script>self.__next_f.push([1,"15:[\"$\",\"div\",null,{\"id\":\"quest_preview\",\"className\":\"flex flex-col mx-auto w-full min-w-[320px] bg-gray-100\",\"children\":[[\"$\",\"div\",null,{\"className\":\"SlowConnectionSpinner\",\"style\":{\"width\":140,\"opacity\":\"0.6\",\"position\":\"fixed\",\"top\":\"50%\",\"left\":\"50%\",\"zIndex\":99,\"right\":0,\"color\":\"rgba(0,0,0,0.5)\"},\"children\":[\"$\",\"div\",null,{\"className\":\"lds-spinner\",\"style\":{\"width\":80,\"height\":80},\"children\":[[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}]]}]}],[\"$\",\"div\",null,{\"data-aspect\":\"inner\",\"className\":\"app_inner childLayout_flex_row\",\"style\":{\"flex\":\"1 1 auto\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"stretch\"},\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"#preview_stage_outer {\\n flex: 1 1 auto; flex-direction: column; height: 1136px; display: flex; background-size: 100% 100%; background-image: url(\\\"https://qs.schlaukopf.ai/data2/img/1/TrLMdMeJD.jpg?version=1\\\"); transition: background-image 1s ease-out 0s;\\n height: calc(100vh - 64px);\\n }\\n\\n #preview_stage_inner {\\n height: 1000px; width: 1000px; flex: 0 0 1000px; display: flex; flex-wrap: nowrap; align-items: stretch; user-select: none; transition: opacity 0.1s linear 0.1s; position: relative;\\n }\\n \"}}],[\"$\",\"div\",null,{\"id\":\"preview_stage_outer\",\"data-aspect\":\"outer\",\"className\":\"ssr stage_outer\",\"style\":{\"paddingBottom\":85},\"children\":[\"$\",\"div\",null,{\"data-aspect\":\"main\",\"className\":\"stage_main\",\"style\":{\"flex\":\"1 1 auto\",\"display\":\"flex\",\"alignItems\":\"center\",\"justifyContent\":\"space-between\",\"zIndex\":1},\"children\":[[\"$\",\"div\",null,{\"className\":\"left_of_inner\"}],[\"$\",\"div\",null,{\"data-aspect\":\"inner\",\"className\":\"ssr stage_inner childLayout_flex_row stage_inner_zoom\",\"id\":\"preview_stage_inner\",\"dangerouslySetInnerHTML\":{\"__html\":\"$1c\"}}],[\"$\",\"div\",null,{\"className\":\"right_of_inner\",\"children\":[[\"$\",\"div\",null,{\"id\":\"schlaukopf.ai_ad_1\",\"style\":{\"marginBottom\":10}}],[\"$\",\"div\",null,{\"id\":\"schlaukopf.ai_ad_2\",\"style\":{\"marginBottom\":10}}],[\"$\",\"div\",null,{\"id\":\"schlaukopf.ai_ad_3\"}]]}]]}]}]]}],[\"$\",\"div\",null,{\"style\":{\"zIndex\":10,\"minWidth\":340,\"position\":\"fixed\",\"bottom\":100,\"left\":50,\"fontFamily\":\"Arial, Helvetica, sans-serif\",\"lineHeight\":\"200%\"},\"children\":[[\"$\",\"p\",null,{\"style\":{\"fontSize\":30,\"color\":\"rgba(0,0,0,0.3)\"},\"children\":[\"Programmierung\",\" \",\"$L1d\",\" ...\"]}],[]]}]]}]\n"])</script><script>self.__next_f.push([1,"1d:\"Übungen werden geladen\"\n"])</script></body></html>
