</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)">Informatik<!-- --> <!-- -->Ü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 = 1726704043227; window.clientTime = new Date().getTime();
window.editionVersionNumber=1;
window.preload = window.preload || {};
const preloadUrls = ['/api/tdoc/topic/auto.de/berufsschule/restaurantfachmann-frau/informatik/webdesign?v=1','/api/tdoc/question/mcq12138612?v=1','/api/tdoc/topic/203812?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/restaurantfachmann-frau?v=1','/api/tdoc/path/auto.de/berufsschule/restaurantfachmann-frau/informatik?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-1726664359070-386f93d9df235cea.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/_next/static/css/96527ba2bb913333.css\",\"style\"]\n2:HL[\"/_next/static/css/f6b880dae9c249af.css\",\"style\"]\n3:HL[\"/_next/static/css/87ca01d9795f9785.css\",\"style\"]\n4:HL[\"/_next/static/css/754cfdc516495cd3.css\",\"style\"]\n5:HL[\"/_next/static/css/917fb7c3fee611d1.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"6:I[95751,[],\"\"]\n9:I[39275,[],\"\"]\nc:I[61343,[],\"\"]\nf:I[76130,[],\"\"]\na:[\"locale\",\"de-DE\",\"d\"]\nb:[\"pathURI_questionId_answerId\",\"berufsschule/restaurantfachmann-frau/informatik/webdesign\",\"c\"]\n10:[]\n"])</script><script>self.__next_f.push([1,"0:[null,[\"$\",\"$L6\",null,{\"buildId\":\"1726664358672-vt54kp\",\"assetPrefix\":\"\",\"initialCanonicalUrl\":\"/learn/berufsschule/restaurantfachmann-frau/informatik/webdesign\",\"initialTree\":[\"\",{\"children\":[[\"locale\",\"de-DE\",\"d\"],{\"children\":[\"learn\",{\"children\":[[\"pathURI_questionId_answerId\",\"berufsschule/restaurantfachmann-frau/informatik/webdesign\",\"c\"],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true]}],\"initialSeedData\":[\"\",{\"children\":[[\"locale\",\"de-DE\",\"d\"],{\"children\":[\"learn\",{\"children\":[[\"pathURI_questionId_answerId\",\"berufsschule/restaurantfachmann-frau/informatik/webdesign\",\"c\"],{\"children\":[\"__PAGE__\",{},[[\"$L7\",\"$L8\"],null],null]},[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"$a\",\"children\",\"learn\",\"children\",\"$b\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lc\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\",\"styles\":[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/f6b880dae9c249af.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/87ca01d9795f9785.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/754cfdc516495cd3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/917fb7c3fee611d1.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]}],null]},[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"$a\",\"children\",\"learn\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lc\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\",\"styles\":null}],null]},[\"$Ld\",null],null]},[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lc\",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.\"}]}]]}]}]],\"notFoundStyles\":[],\"styles\":[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/96527ba2bb913333.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]}],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$Le\"],\"globalErrorComponent\":\"$f\",\"missingSlots\":\"$W10\"}]]\n"])</script><script>self.__next_f.push([1,"11:I[32837,[\"703\",\"static/chunks/703-1726664359070-8968bfb681bd5291.js\",\"1203\",\"static/chunks/app/%5Blocale%5D/layout-1726664359070-cacace0634a4688c.js\"],\"TolgeeNextProvider\"]\n12:I[13535,[\"703\",\"static/chunks/703-1726664359070-8968bfb681bd5291.js\",\"1203\",\"static/chunks/app/%5Blocale%5D/layout-1726664359070-cacace0634a4688c.js\"],\"AllProviders\"]\n13:I[58323,[\"6082\",\"static/chunks/app/%5Blocale%5D/not-found-1726664359070-f2844625b5ae8e57.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"d:[\"$\",\"html\",null,{\"lang\":\"de-DE\",\"children\":[\"$\",\"body\",null,{\"children\":[\"$\",\"$L11\",null,{\"locale\":\"de-DE\",\"locales\":{\"de-DE\":{\"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\":\"Individuell auswählen aus mehr als 12 Millionen Fragen:\",\"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\":\"vom\",\"footer.impressum.impressum\":\"Impressum\",\"footer.impressum.instance_brand_name\":\"Schlaukopf\",\"footer.impressum.instance_brand_team\":null,\"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\",\"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\":\"Suche...\",\"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:\"}},\"children\":[\"$\",\"$L12\",null,{\"children\":[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"$a\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lc\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$\",\"$L13\",null,{}],\"notFoundStyles\":[],\"styles\":null}]}]}]}]}]\n"])</script><script>self.__next_f.push([1,"e:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, maximum-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"Webdesign für Restaurantfachleute: Quiz und Übungen\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"Interaktive Quizze und Übungen zu Gestaltungsprinzipien, Farbtheorie und Typografie im Webdesign für Restaurantfachleute.\"}],[\"$\",\"meta\",\"4\",{\"name\":\"application-name\",\"content\":\"schlaukopf.ai\"}],[\"$\",\"meta\",\"5\",{\"name\":\"author\",\"content\":\"Michael Hicke\"}],[\"$\",\"meta\",\"6\",{\"name\":\"keywords\",\"content\":\"Webdesign,Gestaltungsprinzipien,Farbtheorie,Typografie,Restaurantfachleute,Berufsschule\"}],[\"$\",\"meta\",\"7\",{\"name\":\"creator\",\"content\":\"Michael Hicke\"}],[\"$\",\"meta\",\"8\",{\"name\":\"robots\",\"content\":\"index, follow, nocache\"}],[\"$\",\"link\",\"9\",{\"rel\":\"canonical\",\"href\":\"https://www.schlaukopf.ai/berufsschule/restaurantfachmann-frau/informatik/webdesign\"}],[\"$\",\"meta\",\"10\",{\"name\":\"apple-itunes-app\",\"content\":\"app-id=949264613, app-argument=https://www.schlaukopf.ai/learn/berufsschule/restaurantfachmann-frau/informatik/webdesign\"}],[\"$\",\"meta\",\"11\",{\"name\":\"apple-mobile-web-app-capable\",\"content\":\"yes\"}],[\"$\",\"meta\",\"12\",{\"name\":\"apple-mobile-web-app-title\",\"content\":\"Schlaukopf\"}],[\"$\",\"link\",\"13\",{\"href\":\"/assets/startup/apple-touch-startup-image-768x1004.png\",\"media\":\"$undefined\",\"rel\":\"apple-touch-startup-image\"}],[\"$\",\"link\",\"14\",{\"href\":\"/assets/startup/apple-touch-startup-image-1536x2008.png\",\"media\":\"(device-width: 768px) and (device-height: 1024px)\",\"rel\":\"apple-touch-startup-image\"}],[\"$\",\"meta\",\"15\",{\"name\":\"apple-mobile-web-app-status-bar-style\",\"content\":\"black-translucent\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:title\",\"content\":\"Webdesign - Informatik Restaurantfachmann-frau\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:description\",\"content\":\"Interaktive Quizze und Übungen zu Gestaltungsprinzipien, Farbtheorie und Typografie im Webdesign für Restaurantfachleute.\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:url\",\"content\":\"https://www.schlaukopf.ai\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:site_name\",\"content\":\"Schlaukopf\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:image\",\"content\":\"https://www.schlaukopf.ai/images/schlaukopf_app_128.png\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:image:width\",\"content\":\"128\"}],[\"$\",\"meta\",\"22\",{\"property\":\"og:image:height\",\"content\":\"128\"}],[\"$\",\"meta\",\"23\",{\"property\":\"og:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:title\",\"content\":\"Webdesign - Informatik Restaurantfachmann-frau\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:description\",\"content\":\"Interaktive Quizze und Übungen zu Gestaltungsprinzipien, Farbtheorie und Typografie im Webdesign für Restaurantfachleute.\"}],[\"$\",\"meta\",\"27\",{\"name\":\"twitter:image\",\"content\":\"https://www.schlaukopf.ai/images/schlaukopf_app_128.png\"}],[\"$\",\"meta\",\"28\",{\"name\":\"twitter:image:width\",\"content\":\"128\"}],[\"$\",\"meta\",\"29\",{\"name\":\"twitter:image:height\",\"content\":\"128\"}],[\"$\",\"meta\",\"30\",{\"name\":\"twitter:image:type\",\"content\":\"image/png\"}],[\"$\",\"link\",\"31\",{\"rel\":\"shortcut icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"link\",\"32\",{\"rel\":\"icon\",\"href\":\"/images/android-icon-192x192.png\"}],[\"$\",\"link\",\"33\",{\"rel\":\"apple-touch-icon\",\"href\":\"/images/apple-icon-144x144.png\"}],[\"$\",\"link\",\"34\",{\"rel\":\"apple-touch-icon\",\"href\":\"/images/apple-icon-120x120.png\",\"sizes\":\"120x120\",\"type\":\"image/png\"}],[\"$\",\"link\",\"35\",{\"rel\":\"apple-touch-icon-precomposed\",\"href\":\"/images/apple-touch-icon.png\"}]]\n"])</script><script>self.__next_f.push([1,"7:null\n"])</script><script>self.__next_f.push([1,"14:T1d2b4,"])</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\": \"Informatik\",\n \"educationalFramework\": \"Berufsschule\",\n \"targetDescription\": \"Berufsschule Restaurantfachmann-frau Informatik, \",\n \"targetUrl\": \"/auto.de/berufsschule/restaurantfachmann-frau/informatik\"\n },\n {\n \"@type\": \"AlignmentObject\",\n \"alignmentType\": \"educationalLevel\",\n \"targetName\": \"Restaurantfachmann-frau\"\n }\n ],\n \"name\": \"Webdesign für Restaurantfachleute: Quiz und Übungen\",\n \"description\": \"Interaktive Quizze und Übungen zu Gestaltungsprinzipien, Farbtheorie und Typografie im Webdesign für Restaurantfachleute.\",\n \"about\": [\n {\n \"@type\": \"Thing\",\n \"name\": \"Webdesign\",\n \"description\": \"Diese Einheit vermittelt die Grundlagen des Webdesigns, einschließlich Gestaltungsprinzipien, Farbtheorie und Typografie. Die Schüler lernen, wie man ansprechende und effektive Websites für die Gastronomiebranche erstellt.\"\n }\n ],\n \"hasPart\": [\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Gestaltungsprinzipien\",\n \"text\": \"Welches Gestaltungsprinzip nutzt Variationen in Helligkeit, Sättigung oder Farbton, um visuelle Akzente zu setzen und Elemente hervorzuheben?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Gestaltungsprinzipien\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Kontrast\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Kontrast\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Kontrast ist das richtige Gestaltungsprinzip, das Variationen in Helligkeit, Sättigung oder Farbton nutzt.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Wiederholung\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Wiederholung ist ein anderes Gestaltungsprinzip, das sich auf die Verwendung ähnlicher Elemente bezieht.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Ausrichtung\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Ausrichtung ist ein Gestaltungsprinzip, das sich auf die Anordnung von Elementen bezieht.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Nähe\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Nähe ist ein Gestaltungsprinzip, das sich auf die Platzierung von Elementen in Bezug zueinander bezieht.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Typografie\",\n \"text\": \"Welche Schriftart zeichnet sich durch Buchstaben ohne serifenartige Verzierungen aus und wirkt dadurch modern und klar?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Typografie\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Sans-Serif\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Serif\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Serif-Schriftarten haben serifenartige Verzierungen an den Buchstabenenden.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Sans-Serif\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Sans-Serif-Schriftarten haben keine serifenartigen Verzierungen und wirken dadurch modern und klar.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Schreibschrift\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Schreibschriften sind kursiv und haben eine verbundene Schreibweise.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Kursiv\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Kursiv ist ein Schriftstil, der schräggestellt ist.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML\",\n \"text\": \"Welches HTML-Element fügt einem Bild einen beschreibenden Text hinzu, der angezeigt wird, wenn das Bild nicht geladen werden kann?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003calt\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003calt\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das \u003calt\u003e-Element wird verwendet, um einen alternativen Text für Bilder bereitzustellen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003cimg\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das \u003cimg\u003e-Element wird verwendet, um ein Bild in ein HTML-Dokument einzubetten.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003csrc\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das \u003csrc\u003e-Attribut wird verwendet, um die Quelle eines Bildes anzugeben.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003ctitle\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das \u003ctitle\u003e-Element wird verwendet, um den Titel eines HTML-Dokuments anzugeben.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS\",\n \"text\": \"Welches CSS-Attribut bestimmt den Abstand zwischen den einzelnen Textzeilen eines Absatzes?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"line-height\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"padding\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das padding-Attribut bestimmt den Abstand zwischen dem Text und dem Rand des Elements.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"margin\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das margin-Attribut bestimmt den Abstand zwischen dem Element und anderen Elementen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"line-height\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das line-height-Attribut bestimmt den Abstand zwischen den einzelnen Textzeilen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"font-size\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das font-size-Attribut bestimmt die Größe des Textes.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Asynchrone Datenübertragung\",\n \"text\": \"Welches Webdienstprotokoll ermöglicht es, Daten zwischen Client und Server asynchron auszutauschen, ohne die aktuelle Seite neu laden zu müssen?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Asynchrone Datenübertragung\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"AJAX\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"HTTP\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTTP ermöglicht keine asynchrone Datenübertragung.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"AJAX\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"AJAX ist ein asynchrones Protokoll, das für die Datenübertragung ohne Seitenaktualisierung verwendet wird.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"SOAP\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"SOAP ist ein Protokoll für Webdienste, das nicht asynchron ist.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"REST\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"REST ist ein Architekturstil für Webdienste, kein Protokoll für asynchrone Datenübertragung.\"\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 legt die Hintergrundfarbe eines Elements fest?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS-Syntax\",\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\": \"color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Die Eigenschaft \\\"color\\\" legt die Textfarbe fest, nicht die Hintergrundfarbe.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"background-color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Die Eigenschaft \\\"background-color\\\" legt die Hintergrundfarbe eines Elements fest.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"fill\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Die Eigenschaft \\\"fill\\\" wird in SVG verwendet, nicht in CSS.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"bgcolor\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Die Eigenschaft \\\"bgcolor\\\" ist veraltet und sollte nicht mehr verwendet werden.\"\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 eine ungeordnete Aufzählung von Elementen zu erstellen?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML-Syntax\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003cul\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003cul\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das Element \\\"\u003cul\u003e\\\" erstellt eine ungeordnete Aufzählung.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003cli\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das Element \\\"\u003cli\u003e\\\" ist ein Listenelement, kein Listencontainer.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003col\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das Element \\\"\u003col\u003e\\\" erstellt eine geordnete Aufzählung, keine ungeordnete.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003cdl\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das Element \\\"\u003cdl\u003e\\\" erstellt eine Definitionsliste, keine Aufzählung.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Webstandards\",\n \"text\": \"Welcher Farbraum wird im Web standardmäßig zur Darstellung von Farben verwendet?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Webstandards\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"RGB\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"RGB\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"RGB ist der Standardfarbraum für das Web.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"CMYK\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CMYK wird im Druck verwendet, nicht im Web.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"HSV\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HSV ist ein Farbraum, der in der Bildverarbeitung verwendet wird.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"HSL\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HSL ist ein Farbraum, der in der Bildverarbeitung verwendet wird.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML-Syntax\",\n \"text\": \"Welche HTML-Syntax wird verwendet, um einen Link zu einer anderen Webseite oder einem Dokument zu erstellen?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML-Syntax\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003ca\u003e\u003c/a\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003ca\u003e\u003c/a\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das \u003ca\u003e-Tag wird verwendet, um einen Hyperlink zu erstellen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003clink\u003e\u003c/link\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das \u003clink\u003e-Tag wird verwendet, um eine Verknüpfung zu einem externen Dokument herzustellen, nicht um einen anklickbaren Link zu erstellen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003chref\u003e\u003c/href\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das \u003chref\u003e-Attribut wird innerhalb des \u003ca\u003e-Tags verwendet, um die Ziel-URL des Links anzugeben.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003curl\u003e\u003c/url\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Es gibt kein \u003curl\u003e-Tag in HTML.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Farbtheorie\",\n \"text\": \"Welche Farbe eignet sich in der Gastronomie optimal für einen Call-to-Action-Button, um die Aufmerksamkeit der Kundschaft zu gewinnen?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Farbtheorie\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Rot\",\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 ist zwar eine beruhigende Farbe, aber nicht die auffälligste für einen Call-to-Action-Button.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Grün\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Grün ist eine gute Wahl für Umweltbewusstsein, aber nicht die auffälligste für einen Call-to-Action-Button.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Rot\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Rot ist eine auffällige Farbe, die Aufmerksamkeit erregt und häufig für Call-to-Action-Buttons verwendet wird.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Gelb\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Gelb ist zwar eine auffällige Farbe, aber nicht so auffällig wie Rot für einen Call-to-Action-Button.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Gestaltungsprinzipien\",\n \"text\": \"Welches Gestaltungsprinzip verleiht einer Website optische Abwechslung und Dynamik?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Gestaltungsprinzipien\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Rhythmus\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Symmetrie\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Symmetrie schafft Gleichgewicht, aber nicht unbedingt Abwechslung und Dynamik.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Kontrast\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Kontrast schafft visuelle Spannung, aber nicht unbedingt Abwechslung und Dynamik.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Rhythmus\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Rhythmus schafft durch die Wiederholung von Elementen optische Abwechslung und Dynamik.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Proportion\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Proportion schafft Harmonie, aber nicht unbedingt Abwechslung und Dynamik.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Webentwicklungswerkzeuge\",\n \"text\": \"Welches Werkzeug wird zur Programmierung einer Website verwendet?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Webentwicklungswerkzeuge\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"HTML-Editor\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Notizblock\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Notizblock ist ein einfacher Texteditor, aber kein Programmierwerkzeug.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Microsoft Word\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Microsoft Word ist eine Textverarbeitungssoftware, kein Programmierwerkzeug.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"HTML-Editor\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Ein HTML-Editor ist ein spezielles Werkzeug zum Schreiben und Bearbeiten von HTML-Code.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Photoshop\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Photoshop ist ein Bildbearbeitungsprogramm, kein Programmierwerkzeug für Websites.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML-Code\",\n \"text\": \"Welcher Code erzeugt eine Überschrift der Ebene 1 (H1) in HTML?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML-Code\",\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-Code 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 erzeugt eine Überschrift der Ebene 2, nicht der Ebene 1.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003ch3\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003ch3\u003e erzeugt eine Überschrift der Ebene 3, nicht der Ebene 1.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003ch4\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003ch4\u003e erzeugt eine Überschrift der Ebene 4, nicht der Ebene 1.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS-Eigenschaft\",\n \"text\": \"Welche CSS-Eigenschaft definiert den Randabstand eines Elements?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS-Eigenschaft\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"margin\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"margin\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Die CSS-Eigenschaft margin definiert den Randabstand eines Elements.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"padding\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"padding definiert den Innenabstand eines Elements, nicht den Randabstand.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"border\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"border definiert die Rahmenbreite eines Elements, nicht den Randabstand.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"width\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"width definiert die Breite eines Elements, nicht den Randabstand.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Website-Analyse\",\n \"text\": \"Welches Tool dient zur Analyse der Performance einer Website?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Website-Analyse\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Alle genannten Tools\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Google Analytics\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Google Analytics dient zur Analyse des Website-Traffics, nicht der Performance.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Google Search Console\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Google Search Console dient zur Überwachung der Website-Leistung in Suchmaschinen, nicht zur allgemeinen Performance-Analyse.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"GTmetrix\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"GTmetrix ist ein Tool zur Performance-Analyse, aber es gibt auch andere Tools wie WebPageTest.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Alle genannten Tools\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Google Analytics, Google Search Console und GTmetrix sind allesamt Tools zur Analyse der Website-Performance.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Strukturierte Überschriften\",\n \"text\": \"Welche wichtige Richtlinie oder bewährte Methode trägt zur Barrierefreiheit von Websites gemäß den WCAG-Standards bei?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Strukturierte Überschriften\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Strukturierte Überschriften zur Organisation von Inhalten und Unterstützung von Screenreadern\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Strukturierte Überschriften zur Organisation von Inhalten und Unterstützung von Screenreadern\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Strukturierte Überschriften erleichtern die Navigation und machen Websites für Screenreader-Nutzer zugänglich.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Hervorhebung von Inhalten durch Textur ohne Verwendung von Farben\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Textur allein reicht nicht aus, um Inhalte hervorzuheben. Farben sind ein wichtiger Aspekt der Barrierefreiheit.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Einbindung von Animationen zur Steigerung der Attraktivität\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Animationen können ablenkend sein und die Barrierefreiheit beeinträchtigen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Optimierung der Website nur für gängige Browser und Geräte\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Die Optimierung für gängige Browser und Geräte ist wichtig, aber nicht ausreichend für die Barrierefreiheit.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"\",\n \"text\": \"Erläutere kurz das Konzept des Responsive Designs und seine Bedeutung in der Entwicklung von Websites für verschiedene Bildschirmgrößen.\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Responsive Design ist ein Designansatz, der eine optimale Darstellung von Websites auf diversen Bildschirmgrößen ermöglicht.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Responsive Design ist ein Designansatz, der garantiert, dass Webseiten auf allen Geräten identisch aussehen.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Responsive Design ist ein Designansatz, der eine optimale Darstellung von Websites auf diversen Bildschirmgrößen ermöglicht.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Responsive Design ist ein Designansatz, der vorschreibt, dass Webseiten stets eine festgelegte Größe haben müssen.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Responsive Design ist ein Designansatz, der von Suchmaschinen wie Google bevorzugt wird.\",\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\": \"Webdesign-Prinzip\",\n \"text\": \"Welches Gestaltungsprinzip vermittelt einen harmonischen Gesamteindruck auf einer Website?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Webdesign-Prinzip\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Symmetrie\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Symmetrie\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Symmetrie schafft einen ausgewogenen und harmonischen Gesamteindruck.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Asymmetrie\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Asymmetrie kann zwar visuelles Interesse erzeugen, aber sie vermittelt nicht unbedingt einen harmonischen Gesamteindruck.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Kontrast\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Kontrast kann zwar die Aufmerksamkeit auf bestimmte Elemente lenken, aber er trägt nicht unbedingt zu einem harmonischen Gesamteindruck bei.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Betonung\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Betonung kann zwar wichtige Elemente hervorheben, aber sie trägt nicht unbedingt zu einem harmonischen Gesamteindruck bei.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Farbverstärkung\",\n \"text\": \"Nach welcher Farbtheorie verstärken sich komplementäre Farben gegenseitig?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Farbverstärkung\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Kontrast-Farbtheorie\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Primärfarben-Theorie\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Die Primärfarben-Theorie befasst sich mit den drei Grundfarben Rot, Gelb und Blau.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Analog-Farbtheorie\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Die Analog-Farbtheorie umfasst Farben, die nebeneinander im Farbkreis liegen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Kontrast-Farbtheorie\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Die Kontrast-Farbtheorie besagt, dass sich gegenüberliegende Farben im Farbkreis gegenseitig verstärken.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Farbkreis-Theorie\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Die Farbkreis-Theorie beschreibt die Anordnung der Farben im Farbkreis.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Schriftartenwahl\",\n \"text\": \"Welche Schriftartenkategorie eignet sich optimal für Fließtexte?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Schriftartenwahl\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Groteskschriften\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Serifenschriften\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Serifenschriften haben kleine Striche an den Enden der Buchstaben und eignen sich besser für Überschriften.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Groteskschriften\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Groteskschriften sind schnörkellos und gut lesbar, was sie ideal für Fließtexte macht.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Display-Schriften\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Display-Schriften sind auffällige Schriften, die für Überschriften und kurze Texte verwendet werden.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Handschriftliche Schriften\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Handschriftliche Schriften imitieren handschriftliche Buchstaben und eignen sich nicht gut für Fließtexte.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Layoutanpassung\",\n \"text\": \"Welche Webdesign-Technik passt das Layout einer Website dynamisch an unterschiedliche Bildschirmgrößen an?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Layoutanpassung\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\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\": \"Responsive Design\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Responsive Design passt das Layout automatisch an die Bildschirmgröße des Geräts an.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Adaptive Design\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Adaptive Design verwendet feste Layouts für bestimmte Bildschirmgrößen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Fluid Design\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Fluid Design passt das Layout basierend auf der verfügbaren Breite an, nicht auf der Bildschirmgröße.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Grid-Layout\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Grid-Layout ist eine Technik zum Erstellen von Layouts, passt sich aber nicht dynamisch an Bildschirmgrößen an.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Bildspeicherung\",\n \"text\": \"Welches Dateiformat dient der Speicherung von digitalen Bildern mit verlustfreier Komprimierung?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Bildspeicherung\",\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 verwendet verlustfreie Komprimierung, um die Bildqualität zu erhalten.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"JPEG\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"JPEG verwendet verlustbehaftete Komprimierung, was zu Qualitätsverlusten führen kann.\"\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 vektorbasiertes Format, das nicht für die Speicherung von Rasterbildern geeignet ist.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"PDF\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"PDF ist ein Dokumentformat, das nicht speziell für die Speicherung von Bildern entwickelt wurde.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"WCAG\",\n \"text\": \"Welche Webdesign-Richtlinie stellt die Zugänglichkeit von Websites für Menschen mit Behinderungen sicher?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"WCAG\",\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) ist der internationale Standard für die Zugänglichkeit von Websites.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"ISO 9241\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"ISO 9241 befasst sich mit Ergonomie am Arbeitsplatz, nicht mit Webdesign-Zugänglichkeit.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"ADA\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"ADA (Americans with Disabilities Act) gilt für den physischen Zugang zu Gebäuden, nicht für Websites.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"HIPAA\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HIPAA (Health Insurance Portability and Accountability Act) schützt die Privatsphäre von Gesundheitsinformationen, nicht die Zugänglichkeit von Websites.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"SEO\",\n \"text\": \"Was ist das primäre Ziel von Suchmaschinenoptimierung (SEO)?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"SEO\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Verbesserung der Sichtbarkeit einer Website in Suchmaschinenergebnissen\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Verbesserung der Sichtbarkeit einer Website in Suchmaschinenergebnissen\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"SEO zielt darauf ab, die Platzierung einer Website in den Suchergebnissen zu verbessern und so ihre Sichtbarkeit und ihren Traffic zu erhöhen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Steigerung der Conversion-Raten\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Während SEO den Traffic erhöhen kann, ist die Steigerung der Conversion-Raten ein separates Ziel, das durch andere Maßnahmen erreicht wird.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Reduzierung der Website-Ladezeiten\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Die Reduzierung der Ladezeiten ist zwar wichtig für die Benutzerfreundlichkeit, aber nicht das Hauptziel von SEO.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Verbesserung der Benutzerfreundlichkeit\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Benutzerfreundlichkeit ist ein wichtiges Ziel im Webdesign, aber nicht das Hauptziel von SEO.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Checkbox\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Auswirkungen von Farbharmonien\",\n \"text\": \"Wie beeinflussen Farbharmonien das Erscheinungsbild einer Website? Nenne Beispiele für verschiedene Farbharmonien.\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Auswirkungen von Farbharmonien\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Farbharmonien sorgen für ein einheitliches und ansprechendes Design, das die visuelle Wirkung einer Website verbessert.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Farbharmonien können verwendet werden, um bestimmte Bereiche einer Website hervorzuheben oder Kontraste zu erzeugen.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Farbharmonien sorgen für ein einheitliches und ansprechendes Design, das die visuelle Wirkung einer Website verbessert.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Farbharmonien schaffen Einheit und visuelle Anziehungskraft.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Farbharmonien können verwendet werden, um bestimmte Bereiche einer Website hervorzuheben oder Kontraste zu erzeugen.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Farbharmonien können Akzente setzen und Kontraste erzeugen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Farbharmonien haben keinen nennenswerten Einfluss auf das Erscheinungsbild einer Website.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Farbharmonien spielen eine wichtige Rolle für das Aussehen einer Website.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Barrierefreiheit\",\n \"text\": \"Welche Richtlinien bilden die Basis für barrierefreie Webinhalte gemäß WCAG?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Barrierefreiheit\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Kontrast, Überschriften, Fokus, Tastaturbedienung\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Kontrast, Überschriften, Fokus, Tastaturbedienung\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das ist richtig. Diese Richtlinien stellen sicher, dass Websites für Menschen mit Behinderungen zugänglich sind.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Farben, Bilder, Texte, Navigation\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Diese Elemente sind zwar wichtig für das Webdesign, aber sie sind nicht die Grundlage für barrierefreie Webinhalte.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Sicherheit, Datenschutz, Rechtmäßigkeit, Ethik\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Diese Aspekte sind wichtig, aber sie sind nicht die Grundlage für barrierefreie Webinhalte.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Gestaltung, Layout, Typografie, Benutzerfreundlichkeit\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Diese Faktoren tragen zur Benutzerfreundlichkeit bei, sind aber nicht die Grundlage für barrierefreie Webinhalte.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Visuelle Verbindung\",\n \"text\": \"Welches Gestaltungsprinzip sorgt dafür, dass Elemente optisch verbunden wirken und als Gruppe wahrgenommen werden?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Visuelle Verbindung\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Nähe\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Kontrast\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Kontrast betont Unterschiede, nicht Gemeinsamkeiten.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Nähe\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Nähe schafft optische Verbindungen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Ausrichtung\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Ausrichtung ordnet Elemente, verbindet sie aber nicht.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Ziel des Webdesigns\",\n \"text\": \"Nennen Sie das primäre Ziel des Webdesigns.\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Ziel des Webdesigns\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Erstellung effektiver und ansprechender Websites\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Erstellung ästhetischer Meisterwerke\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Während Ästhetik wichtig ist, ist es nicht das Hauptziel des Webdesigns.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Verbreitung irrelevanter Inhalte\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Webdesign sollte relevante und wertvolle Inhalte liefern.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Implementierung komplexer technischer Lösungen\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Technische Lösungen sind zwar wichtig, aber nicht das Hauptziel des Webdesigns.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Erstellung effektiver und ansprechender Websites\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Das Hauptziel des Webdesigns besteht darin, Websites zu erstellen, die effektiv, ansprechend und für die Benutzer nützlich sind.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"\",\n \"text\": \"Welches Gestaltungsprinzip hilft, Elemente auf einer Website visuell zu organisieren und zu strukturieren?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Ausrichtung\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Ausrichtung\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Ausrichtung hilft, Elemente auf einer Website visuell zu organisieren und zu strukturieren, indem sie an einem gemeinsamen Punkt ausgerichtet werden.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Farbharmonie\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Farbharmonie befasst sich mit der Verwendung von Farben, nicht mit der Organisation von Elementen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Kontrastregulierung\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Kontrastregulierung befasst sich mit der Verwendung von Kontrast, nicht mit der Organisation von Elementen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Typografische Hierarchie\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Typografische Hierarchie befasst sich mit der Verwendung von Schriftarten und Schriftgrößen, nicht mit der Organisation von Elementen.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Farbpsychologie\",\n \"text\": \"Welche Farbe wird in der Farbtheorie typischerweise mit Vertrauen und Zuverlässigkeit assoziiert?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Farbpsychologie\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Blau\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Grün\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Grün wird eher mit Wachstum und Erneuerung assoziiert.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Blau\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Blau ist eine Farbe, die oft mit Vertrauen, Zuverlässigkeit und Sicherheit verbunden wird.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Rot\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Rot wird eher mit Leidenschaft, Energie und Aufregung assoziiert.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Gelb\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Gelb wird eher mit Glück, Optimismus und Kreativität assoziiert.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Webdesign\",\n \"text\": \"Welche Schriftartengruppe eignet sich am besten für Fließtext auf einer Website?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Webdesign\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Serifenschriften\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Display-Schriften\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Display-Schriften sind für Überschriften und große Texte gedacht, nicht für Fließtext.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Symbolische Schriften\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Symbolische Schriften werden für Symbole und Piktogramme verwendet, nicht für Fließtext.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Handschriftliche Schriften\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Handschriftliche Schriften können für kurze Textpassagen verwendet werden, sind aber für Fließtext nicht geeignet.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Serifenschriften\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Serifenschriften sind leicht zu lesen und eignen sich daher gut für Fließtext.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Webdesign\",\n \"text\": \"Welches Format eignet sich am besten für die Darstellung von Fotos auf einer Website?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Webdesign\",\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\": \"PNG\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"PNG ist ein verlustfreies Format, das zu großen Dateigrößen führen kann.\"\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 ein verlustbehaftetes Format, das kleinere Dateigrößen bei akzeptabler Bildqualität ermöglicht.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"GIF\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"GIF ist ein Format für animierte Bilder, nicht für Fotos.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Webdesign\",\n \"text\": \"Welcher Dateityp wird verwendet, um dynamische und interaktive Elemente auf einer Website zu erstellen?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Webdesign\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"JavaScript\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"HTML\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTML ist für die Struktur und den Inhalt einer Website verantwortlich, nicht für Dynamik und Interaktivität.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"JavaScript\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"JavaScript ist eine Programmiersprache, die es ermöglicht, dynamische und interaktive Elemente auf Websites zu erstellen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"CSS\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CSS wird für das Styling einer Website verwendet, nicht für Dynamik und Interaktivität.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"XML\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"XML ist ein Datenformat, das nicht für die Erstellung dynamischer und interaktiver Elemente auf Websites verwendet wird.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Webdesign-Technik\",\n \"text\": \"Welche Technik wird eingesetzt, um sicherzustellen, dass eine Website auf verschiedenen Geräten wie Smartphones, Tablets und Desktops optimal dargestellt wird?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Webdesign-Technik\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\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\": \"Adaptive Gestaltung\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Adaptive Gestaltung passt sich an die Größe des Bildschirms an, aber nicht an verschiedene Gerätetypen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Responsive Design\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Responsive Design passt sich an verschiedene Gerätetypen und Bildschirmgrößen an.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Mobile-First-Design\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Mobile-First-Design priorisiert die Darstellung auf mobilen Geräten, berücksichtigt aber nicht alle Gerätetypen.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Webdesign-Tool\",\n \"text\": \"Welches Tool wird verwendet, um die Barrierefreiheit einer Website zu prüfen?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Webdesign-Tool\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Web Accessibility Checker\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Web Accessibility Checker\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Der Web Accessibility Checker prüft Websites auf Barrierefreiheitsprobleme.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Suchmaschinen-Crawler\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Suchmaschinen-Crawler indizieren Websites, prüfen aber nicht die Barrierefreiheit.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"CSS-Interpreter\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CSS-Interpreter interpretieren CSS-Code, prüfen aber nicht die Barrierefreiheit.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"HTML-Validator\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTML-Validatoren prüfen die Gültigkeit von HTML-Code, aber nicht die Barrierefreiheit.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Webdesign-Maßnahme\",\n \"text\": \"Welche Maßnahme kann die Ladezeit einer Website verbessern?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Webdesign-Maßnahme\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Optimierung von Bildern\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Verzicht auf Caching\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Caching speichert Daten lokal und verbessert die Ladezeit.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Optimierung von Bildern\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Die Optimierung von Bildern reduziert ihre Dateigröße und verbessert die Ladezeit.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Hinzufügen von mehr Inhalten\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Mehr Inhalte erhöhen die Ladezeit.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Verwendung komplexer Animationen\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Komplexe Animationen erhöhen die Ladezeit.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Webdesign-Konzept\",\n \"text\": \"Welches Konzept beschreibt die Art und Weise, wie Benutzer mit einer Website interagieren und diese erleben?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Webdesign-Konzept\",\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 beschreibt die Benutzererfahrung auf einer Website.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Informationsarchitektur\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Informationsarchitektur befasst sich mit der Organisation von Informationen auf einer Website.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Suchmaschinenoptimierung\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Suchmaschinenoptimierung befasst sich mit der Verbesserung der Sichtbarkeit einer Website in Suchmaschinen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Webanalyse\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Webanalyse befasst sich mit der Messung und Analyse des Website-Verkehrs.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Farbwahl\",\n \"text\": \"Welche Farbe eignet sich in der Regel am besten für Call-to-Action-Buttons?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Farbwahl\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Orange\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Grau\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Grau ist keine auffällige Farbe, die Aufmerksamkeit erregt.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Blau\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Blau ist eine gute Wahl für Links, aber nicht für Call-to-Action-Buttons.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Orange\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Orange ist eine auffällige Farbe, die Aufmerksamkeit erregt und zum Handeln auffordert.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Grün\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Grün ist eine gute Wahl für Erfolgsmeldungen, aber nicht für Call-to-Action-Buttons.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML-Elemente\",\n \"text\": \"Welches HTML-Element definiert eine Tabelle?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML-Elemente\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003ctable\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003cul\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003cul\u003e definiert eine ungeordnete Liste.\"\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 definiert einen Block-Level-Container.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003ctable\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003ctable\u003e definiert eine Tabelle.\"\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 definiert einen Inline-Container.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS-Attribute\",\n \"text\": \"Welches CSS-Attribut legt die Hintergrundfarbe einer Webseite fest?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS-Attribute\",\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\": \"color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"color legt die Textfarbe fest.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"background-color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"background-color legt die Hintergrundfarbe fest.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"background-image\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"background-image legt das Hintergrundbild fest.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Responsive Webdesign\",\n \"text\": \"Welche Technik wird verwendet, um die Darstellung einer Website an verschiedene Bildschirmgrößen anzupassen?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Responsive Webdesign\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Media Queries\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Frameworks\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Frameworks bieten vorgefertigte Komponenten, aber sie passen die Darstellung nicht an verschiedene Bildschirmgrößen an.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Absolute Positionierung\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Absolute Positionierung positioniert Elemente an festen Koordinaten, passt aber nicht die Darstellung an verschiedene Bildschirmgrößen an.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Media Queries\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Media Queries ermöglichen es, die Darstellung einer Website basierend auf der Bildschirmgröße anzupassen.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Relative Positionierung\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Relative Positionierung positioniert Elemente relativ zu anderen Elementen, passt aber nicht die Darstellung an verschiedene Bildschirmgrößen an.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"\",\n \"text\": \"Welches weit verbreitete Tool ermöglicht die Versionsverwaltung von Webprojekten?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Git\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Excel\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Git\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Microsoft Word\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Adobe Photoshop\",\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 Eigenschaft ist für eine effektive Website im Gastronomiebereich besonders wichtig?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Ansprechende Bilder\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Ansprechende Bilder\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Flash-Animationen\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Große Textblöcke\",\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 Protokoll wird verwendet, um Daten sicher über das Internet zu übertragen?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\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\": \"SSH\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"FTP\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"HTTPS\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"HTTP\",\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 Prinzip der visuellen Hierarchie besagt, dass wichtigere Elemente stärker hervorgehoben werden sollten?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Kontrast\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Kontrast\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Ausrichtung\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Wiederholung\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Nähe\",\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 Farbe repräsentiert in der Regel Energie und Leidenschaft?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Rot\",\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\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Grün\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Lila\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Rot\",\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 Element einer Website enthält in der Regel die wichtigsten Informationen?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Content-Bereich\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Header\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Sidebar\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Content-Bereich\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Footer\",\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 Gerät wird zum Anzeigen von Websites im Internet verwendet?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Webbrowser\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Webbrowser\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Router\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Server\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Suchmaschine\",\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 Sprache wird zum Erstellen der Struktur einer Website verwendet?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\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\": \"CSS\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"HTML\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"PHP\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"JavaScript\",\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 Art von Lizenz schränkt die Verwendung von Inhalten nur für nicht-kommerzielle Zwecke ein?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"CC BY-NC\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"CC BY-NC\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"CC BY\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"CC BY-SA\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"CC BY-ND\",\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 Bildformat ist für Websites aufgrund seiner geringen Dateigröße ideal?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\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\": \"PNG\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"JPEG\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"GIF\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"TIFF\",\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 der folgenden Farbkombinationen ist am besten geeignet für eine Website, die ein elegantes und modernes Restaurant präsentieren soll?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Dunkelblau und Gold\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Schwarz und Weiß\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Rot und Gelb\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Grün und Lila\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Dunkelblau und Gold\",\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 Gestaltungsprinzip beschreibt die Anordnung von Elementen auf einer Website, um einen klaren visuellen Fluss zu schaffen?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Ausrichtung\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Kontrast\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Wiederholung\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Ausrichtung\",\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 der folgenden Aussagen beschreibt am besten den Zweck eines Call-to-Action (CTA) auf einer Restaurant-Website?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Den Besucher dazu auffordern, eine bestimmte Aktion durchzuführen, z. B. eine Reservierung vorzunehmen.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Den Besucher dazu auffordern, eine bestimmte Aktion durchzuführen, z. B. eine Reservierung vorzunehmen.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Die Kontaktdaten des Restaurants anzeigen.\",\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 Element ist besonders wichtig für die Benutzerfreundlichkeit einer Restaurant-Website?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\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\": \"Komplexe Navigation\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Hintergrundmusik\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Animationen\",\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\": \"Was ist der wichtigste Aspekt bei der Gestaltung von Bildern für eine Restaurant-Website?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Hochwertige Auflösung und ansprechende Darstellung des Essens\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Verwendung von Stockfotos\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Hochwertige Auflösung und ansprechende Darstellung des Essens\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Kreative Filter und Effekte\",\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 Tool kann verwendet werden, um den Erfolg einer Restaurant-Website zu messen?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Google Analytics\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Wix\",\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\": \"Google Analytics\",\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 der folgenden Aussagen beschreibt am besten die Bedeutung von Content Marketing für eine Restaurant-Website?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Regelmäßige Veröffentlichung von relevanten Inhalten, um Besucher zu engagieren und die Bekanntheit zu steigern.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Verkauf von Werbeflächen auf der Website.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Regelmäßige Veröffentlichung von relevanten Inhalten, um Besucher zu engagieren und die Bekanntheit zu steigern.\",\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 der folgenden Farbkombinationen gilt als besonders appetitlich und wird oft in der Gastronomie verwendet?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Rot und Gelb\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Lila und Orange\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Schwarz und Weiß\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Rot und Gelb\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Blau und Grün\",\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 Gestaltungsprinzip sorgt für einen harmonischen und ausgewogenen Aufbau einer Webseite?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Symmetrie\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Asymmetrie\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Symmetrie\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Repetition\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Kontrast\",\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 Call-to-Action (CTA) auf einer Restaurant-Website?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Den Besucher zu einer bestimmten Aktion zu bewegen, z.B. Tischreservierung oder Menüanschauen\",\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 ansprechender zu gestalten\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Die Navigation zu erleichtern\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Den Besucher zu einer bestimmten Aktion zu bewegen, z.B. Tischreservierung oder Menüanschauen\",\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 der folgenden Aussagen beschreibt am besten die Bedeutung von Responsive Design?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Die Website passt sich automatisch an die Bildschirmgröße des Geräts an, auf dem sie 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\": \"Die Website sieht auf jedem Gerät identisch aus.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Die Website lädt schneller auf verschiedenen Geräten.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Die Website passt sich automatisch an die Bildschirmgröße des Geräts an, auf dem sie angezeigt wird.\",\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 Element einer Website sollte unbedingt auf einer Restaurant-Website vorhanden sein?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Kontaktinformationen\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Kontaktinformationen\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Eine Galerie mit Fotos von Mitarbeitern\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Ein Newsletter-Anmeldeformular\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Ein Blog\",\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 der folgenden Strategien ist am effektivsten, um die Besucher einer Restaurant-Website zu einem Tischreservierung zu führen?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Einen prominenten „Reservieren“-Button auf der Startseite platzieren\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Einen Link zu einem externen Reservierungssystem\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Eine detaillierte Beschreibung des Reservierungsprozesses auf einer separaten Seite\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Einen prominenten „Reservieren“-Button auf der Startseite platzieren\",\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 wichtigste Faktor für die Benutzerfreundlichkeit einer Website?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Klarheit und Übersichtlichkeit\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Klarheit und Übersichtlichkeit\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Vielfältige Inhalte\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Attraktives Design\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Schnelle Ladezeit\",\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 der folgenden Aussagen beschreibt am besten die Funktion von Meta-Tags?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Sie liefern Suchmaschinen Informationen über den Inhalt der Website\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Sie liefern Suchmaschinen Informationen über den Inhalt der Website\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Sie ermöglichen die Verknüpfung mit sozialen Medien\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Sie beeinflussen die Darstellung der Website im Browser\",\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 der folgenden Strategien ist am effektivsten, um die Sichtbarkeit einer Restaurant-Website in Suchmaschinen zu verbessern?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Relevante Keywords in den Inhalten der Website verwenden\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Relevante Keywords in den Inhalten der Website verwenden\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"So viele Links wie möglich zu anderen Websites einfügen\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Die Website in sozialen Medien teilen\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n }\n ]\n }\n ]\n}"])</script><script>self.__next_f.push([1,"8:[[\"$\",\"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/restaurantfachmann-frau/\\\",\\n \\\"name\\\": \\\"Restaurantfachmann-frau\\\"\\n }\\n },\\n {\\n \\\"@type\\\": \\\"ListItem\\\",\\n \\\"position\\\": 3,\\n \\\"item\\\": {\\n \\\"@id\\\": \\\"https://www.schlaukopf.ai/berufsschule/restaurantfachmann-frau/informatik/\\\",\\n \\\"name\\\": \\\"Informatik\\\"\\n }\\n },\\n {\\n \\\"@type\\\": \\\"ListItem\\\",\\n \\\"position\\\": 4,\\n \\\"item\\\": {\\n \\\"@id\\\": \\\"https://www.schlaukopf.ai/berufsschule/restaurantfachmann-frau/informatik/webdesign/\\\",\\n \\\"name\\\": \\\"Webdesign\\\"\\n }\\n }\\n ]\\n}\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$14\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"SoftwareApplication\\\",\\n \\\"name\\\": \\\"Webdesign für Restaurantfachleute: Quiz und Übungen\\\",\\n \\\"operatingSystem\\\": \\\"Web-Browser, Windows, Linux, Android, iOS\\\",\\n \\\"image\\\": \\\"/images/schlaukopf_app_128.png\\\",\\n \\\"keywords\\\": \\\"Webdesign,Gestaltungsprinzipien,Farbtheorie,Typografie,Restaurantfachleute,Berufsschule\\\",\\n \\\"description\\\": \\\"Interaktive Quizze und Übungen zu Gestaltungsprinzipien, Farbtheorie und Typografie im Webdesign für Restaurantfachleute.\\\",\\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}\"}}],\"$L15\"]\n"])</script><script>self.__next_f.push([1,"16:I[59863,[\"5147\",\"static/chunks/6468630d-1726664359070-e697c6697281fc3e.js\",\"9095\",\"static/chunks/f8e4659f-1726664359070-978c932a4686862c.js\",\"703\",\"static/chunks/703-1726664359070-8968bfb681bd5291.js\",\"3534\",\"static/chunks/3534-1726664359070-ba0bf53e6e84e15e.js\",\"231\",\"static/chunks/231-1726664359070-36b06d01645e7d0f.js\",\"1740\",\"static/chunks/1740-1726664359070-0520b01e91f42ced.js\",\"6336\",\"static/chunks/6336-1726664359070-a8750c1d3d18b381.js\",\"5671\",\"static/chunks/5671-1726664359070-7804f4e57d724546.js\",\"2832\",\"static/chunks/2832-1726664359070-ae4f53ddf6c3f006.js\",\"777\",\"static/chunks/777-1726664359070-05f51a574d896d3a.js\",\"7954\",\"static/chunks/app/%5Blocale%5D/learn/%5B...pathURI_questionId_answerId%5D/page-1726664359070-c962b207c6a5e31d.js\"],\"TransferProviderClient\"]\n18:I[90756,[\"5147\",\"static/chunks/6468630d-1726664359070-e697c6697281fc3e.js\",\"9095\",\"static/chunks/f8e4659f-1726664359070-978c932a4686862c.js\",\"703\",\"static/chunks/703-1726664359070-8968bfb681bd5291.js\",\"3534\",\"static/chunks/3534-1726664359070-ba0bf53e6e84e15e.js\",\"231\",\"static/chunks/231-1726664359070-36b06d01645e7d0f.js\",\"1740\",\"static/chunks/1740-1726664359070-0520b01e91f42ced.js\",\"6336\",\"static/chunks/6336-1726664359070-a8750c1d3d18b381.js\",\"5671\",\"static/chunks/5671-1726664359070-7804f4e57d724546.js\",\"2832\",\"static/chunks/2832-1726664359070-ae4f53ddf6c3f006.js\",\"777\",\"static/chunks/777-1726664359070-05f51a574d896d3a.js\",\"7954\",\"static/chunks/app/%5Blocale%5D/learn/%5B...pathURI_questionId_answerId%5D/page-1726664359070-c962b207c6a5e31d.js\"],\"TopbarQuestion_\"]\n19:I[57468,[\"5147\",\"static/chunks/6468630d-1726664359070-e697c6697281fc3e.js\",\"9095\",\"static/chunks/f8e4659f-1726664359070-978c932a4686862c.js\",\"703\",\"static/chunks/703-1726664359070-8968bfb681bd5291.js\",\"3534\",\"static/chunks/3534-1726664359070-ba0bf53e6e84e15e.js\",\"231\",\"static/chunks/231-1726664359070-36b06d01645e7d0f.js\",\"1740\",\"static/chunks/1740-1726664359070-0520b01e91f42ced.js\",\"6336\",\"static/chunks/6336-1726664359070-a8750c1d3d18b381.js\",\"5671\",\"static/chunks/5671-172666435907"])</script><script>self.__next_f.push([1,"0-7804f4e57d724546.js\",\"2832\",\"static/chunks/2832-1726664359070-ae4f53ddf6c3f006.js\",\"777\",\"static/chunks/777-1726664359070-05f51a574d896d3a.js\",\"7954\",\"static/chunks/app/%5Blocale%5D/learn/%5B...pathURI_questionId_answerId%5D/page-1726664359070-c962b207c6a5e31d.js\"],\"QuestionAreaDesktop\"]\n1b:I[46626,[\"5147\",\"static/chunks/6468630d-1726664359070-e697c6697281fc3e.js\",\"9095\",\"static/chunks/f8e4659f-1726664359070-978c932a4686862c.js\",\"703\",\"static/chunks/703-1726664359070-8968bfb681bd5291.js\",\"3534\",\"static/chunks/3534-1726664359070-ba0bf53e6e84e15e.js\",\"231\",\"static/chunks/231-1726664359070-36b06d01645e7d0f.js\",\"1740\",\"static/chunks/1740-1726664359070-0520b01e91f42ced.js\",\"6336\",\"static/chunks/6336-1726664359070-a8750c1d3d18b381.js\",\"5671\",\"static/chunks/5671-1726664359070-7804f4e57d724546.js\",\"2832\",\"static/chunks/2832-1726664359070-ae4f53ddf6c3f006.js\",\"777\",\"static/chunks/777-1726664359070-05f51a574d896d3a.js\",\"7954\",\"static/chunks/app/%5Blocale%5D/learn/%5B...pathURI_questionId_answerId%5D/page-1726664359070-c962b207c6a5e31d.js\"],\"QuestionBottomBar_\"]\n17:Tf33,"])</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\u003eWelches HTML-Element fügt einem Bild einen beschreibenden Text hinzu, der angezeigt wird, wenn das Bild nicht geladen werden kann?\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\u003csrc\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\u003cimg\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\u003calt\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,"1c:T51a,\nwindow.serverTime = 1726704043227; window.clientTime = new Date().getTime();\nwindow.editionVersionNumber=1;\nwindow.preload = window.preload || {};\nconst preloadUrls = ['/api/tdoc/topic/auto.de/berufsschule/restaurantfachmann-frau/informatik/webdesign?v=1','/api/tdoc/question/mcq12138612?v=1','/api/tdoc/topic/203812?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/restaurantfachmann-frau?v=1','/api/tdoc/path/auto.de/berufsschule/restaurantfachmann-frau/informatik?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,"15:[\"$\",\"$L16\",null,{\"topicTransfer\":{\"pathURI\":\"auto.de/berufsschule/restaurantfachmann-frau/informatik/webdesign\",\"topic\":{\"id\":203812,\"countryISO\":\"DE\",\"pathURI\":\"auto.de/berufsschule/restaurantfachmann-frau/informatik/webdesign\",\"pathURI_labels\":\"Deutschland/Berufsschule/Restaurantfachmann-frau/Informatik/Webdesign\",\"isPathFixed\":0,\"isPathObsolete\":0,\"pathLevel\":5,\"instanceURI\":\"auto.de\",\"countryLabel\":\"Deutschland\",\"countryLabelEnglish\":\"\",\"countryConcise\":\"\",\"schoolTypeURL\":\"berufsschule\",\"schoolTypeLabel\":\"Berufsschule\",\"schoolTypeConcise\":\"Berufsschule\",\"schoolTypeCategory\":\"VocationalAndTechnicalEducation\",\"scholarGroupURL\":\"restaurantfachmann-frau\",\"scholarGroupLabel\":\"Restaurantfachmann-frau\",\"scholarGroupConcise\":\"Restaurantfachmann/-frau\",\"subjectURL\":\"informatik\",\"subjectLabel\":\"Informatik\",\"subjectConcise\":\"Informatik\",\"categoryURL\":\"\",\"categoryLabel\":\"\",\"stepURL\":\"webdesign\",\"stepLabel\":\"Webdesign\",\"topicLabel\":\"Webdesign\",\"topicConcise\":\"Webgestaltung\",\"topicDescription\":\"Diese Einheit vermittelt die Grundlagen des Webdesigns, einschließlich Gestaltungsprinzipien, Farbtheorie und Typografie. Die Schüler lernen, wie man ansprechende und effektive Websites für die Gastronomiebranche erstellt.\",\"unitAssessmentFocus\":\"\",\"unitTagCloudMultipleChoice\":\"Gestaltungsprinzipien,Farbtheorie,Typografie,Webdesign,Restaurantfachleute\",\"unitCommonExamQuestions\":\"Erläutern Sie die wichtigsten Gestaltungsprinzipien im Webdesign.,Beschreiben Sie die verschiedenen Farbmodelle und ihre Auswirkungen auf das Webdesign.,Welche Faktoren sollten bei der Auswahl von Schriftarten für das Webdesign berücksichtigt werden?,Wie können Sie die Benutzerfreundlichkeit einer Website verbessern?,Welche aktuellen Trends gibt es im Webdesign?\",\"unitSubtopicsForExams\":\"Gestaltungsprinzipien (z. B. Nähe, Ausrichtung, Wiederholung),Farbtheorie (z. B. Farbkreis, Farbschemata),Typografie (z. B. Schriftarten, Schriftgrößen, Zeilenabstand),Benutzerfreundlichkeit (z. B. Navigation, Zugänglichkeit),Aktuelle Trends im Webdesign (z. B. Responsive Design, Chatbots)\",\"unitExamRelevantTasks\":\"\",\"unitAdditionalContent\":\"\",\"unitIdeasArray\":[{\"idea\":{\"didacticalIntension\":\"Gestaltungsprinzipien - Prinzip der Wiederholung\",\"subtopicTag\":\"Gestaltungsprinzipien\",\"questionText\":\"Erläutere das Gestaltungsprinzip der Wiederholung und beschreibe, wie es eingesetzt werden kann, um ein einheitliches und visuell ansprechendes Design zu schaffen.\"},\"reasoning\":\"Diese Frage testet das Verständnis eines wichtigen Gestaltungsprinzips, das im aktuellen Fragenkatalog nicht enthalten ist.\"},{\"idea\":{\"didacticalIntension\":\"Farbtheorie - Ergänzungsfarben\",\"subtopicTag\":\"Farbtheorie\",\"questionText\":\"Welche Farben werden in der Farbtheorie als Ergänzungsfarben bezeichnet und wie können sie effektiv in Webdesigns eingesetzt werden?\"},\"reasoning\":\"Dieses Konzept ist entscheidend für das Verständnis der Farbharmonie und ihre Anwendung im Webdesign.\"},{\"idea\":{\"didacticalIntension\":\"Benutzerfreundlichkeit - Mobile Optimierung\",\"subtopicTag\":\"Benutzerfreundlichkeit\",\"questionText\":\"Erläutere die Bedeutung der mobilen Optimierung für Websites und beschreibe bewährte Praktiken für die Erstellung mobilfreundlicher Websites.\"},\"reasoning\":\"Diese Frage ist relevant, da die mobile Nutzung des Internets immer wichtiger wird.\"},{\"idea\":{\"didacticalIntension\":\"Aktuelle Trends im Webdesign - Animationen\",\"subtopicTag\":\"Aktuelle Trends im Webdesign\",\"questionText\":\"Beschreibe die Rolle von Animationen im modernen Webdesign und erläutere ihre effektivsten Einsatzmöglichkeiten.\"},\"reasoning\":\"Animationen sind ein zunehmend wichtiger Aspekt des Webdesigns, und diese Frage überprüft das Verständnis dieses Trends.\"},{\"idea\":{\"didacticalIntension\":\"Webstandards und Best Practices - Semantisches HTML\",\"subtopicTag\":\"Webstandards und Best Practices\",\"questionText\":\"Erläutere die Vorteile der Verwendung von semantischen HTML-Elementen und beschreibe die Auswirkungen auf die Barrierefreiheit und Suchmaschinenoptimierung.\"},\"reasoning\":\"Semantisches HTML ist eine wichtige Webstandard-Best-Practice, die im aktuellen Fragenkatalog nicht behandelt wird.\"},{\"idea\":{\"didacticalIntension\":\"Web-Performance-Optimierung - Bilder\",\"subtopicTag\":\"Web-Performance-Optimierung\",\"questionText\":\"Beschreibe verschiedene Techniken zur Optimierung von Bildern für das Web und erläutere deren Auswirkungen auf die Ladegeschwindigkeit und Benutzererfahrung.\"},\"reasoning\":\"Die Optimierung von Bildern ist entscheidend für die Leistung einer Website, und diese Frage testet das Verständnis dieser Techniken.\"}],\"positionIndex\":14,\"aiQuestionCount\":67,\"editorialQuestionCount\":0,\"questionsCount\":67,\"questionsCount_hiddenInApp\":0,\"autoGenQTargetCount\":60,\"typicalAge\":16,\"lowerAge\":16,\"upperAge\":25,\"platformLangISOCode\":\"de\",\"platformLangNativeName\":\"Deutsch\",\"platformLangEnglishName\":\"German\",\"platformLangDialectName\":\"\",\"platformLangLocalCode\":\"de-DE\",\"contentLangISOCode\":\"\",\"contentLangNativeName\":\"\",\"contentLangPlatformName\":\"\",\"contentLangEnglishName\":\"\",\"contentLangDialectName\":\"\",\"contentLangLocalCode\":\"\",\"populationEstimate\":10000,\"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 für Restaurantfachleute: Quiz und Übungen\",\"seoMetaDescription\":\"Interaktive Quizze und Übungen zu Gestaltungsprinzipien, Farbtheorie und Typografie im Webdesign für Restaurantfachleute.\",\"seoMetaKeywords\":\"Webdesign,Gestaltungsprinzipien,Farbtheorie,Typografie,Restaurantfachleute,Berufsschule\",\"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:20:28.000Z\",\"metaWeeklyAt\":\"$D2024-09-17T21:30:29.000Z\",\"countedAt\":\"$D2024-08-04T08:41:49.000Z\",\"createdAt\":\"$D2024-04-30T06:48:00.000Z\",\"updatedAt\":\"$D2024-09-13T00:00:00.000Z\",\"accessedAt\":\"$D2024-04-30T06:48:00.000Z\",\"path\":\"auto.de/berufsschule/restaurantfachmann-frau/informatik/webdesign\",\"pathname\":\"Deutschland/Berufsschule/Restaurantfachmann-frau/Informatik/Webdesign\",\"name\":\"Webdesign\",\"genType\":1,\"topicContextTitle\":\"Webentwicklung\",\"parentPathURI\":\"auto.de/berufsschule/restaurantfachmann-frau/informatik\",\"groundingDescription\":\"\",\"groundingStores\":\"\",\"groundingUrl\":\"\",\"pathUrl\":\"berufsschule/restaurantfachmann-frau/informatik/webdesign\"}},\"questionTransfer\":{\"question\":{\"id\":\"mcq12138612\",\"type\":\"question\",\"topic_id\":203812,\"pathURI\":\"auto.de/berufsschule/restaurantfachmann-frau/informatik/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\":\"$17\",\"text\":\"Welches HTML-Element fügt einem Bild einen beschreibenden Text hinzu, der angezeigt wird, wenn das Bild nicht geladen werden kann?\",\"isoLanguageCode\":\"de\",\"accepted\":0,\"subtopicTag\":\"HTML-Grundlagen\",\"microtopicTag\":\"Alt-Attribut\",\"questionSubtag\":\"HTML\",\"skillTag\":\"HTML-Kenntnisse\",\"knowledgeDomainTag\":\"Webdesign\",\"subtopicCumulate\":\"\",\"skillCumulate\":\"\",\"aiBloomsTaxonomy\":\"\",\"aiDidacticalIntension\":\"HTML-Grundlagen - Bildattribute\",\"aiDidacticalSummary\":\"\",\"aiDidacticalDoubts\":\"\",\"aiDifficultyScore\":40,\"aiExamRelevanceScore\":60,\"aiCurriculumAlignmentScore\":70,\"aiLanguageComplexityScore\":50,\"aiOverallQualityScore\":60,\"seoMetaTitle\":\"HTML-Element für alternativen Text von Bildern\",\"seoMetaDescription\":\"Dieses MCQ testet das Verständnis des HTML-Elements, das verwendet wird, um einem Bild einen beschreibenden Text hinzuzufügen, der angezeigt wird, wenn das Bild nicht geladen werden kann.\",\"seoMetaKeywords\":\"HTML, Bilder, alternativer Text\",\"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\":12138612,\"mcq\":{\"id\":12138612,\"topic_id\":203812,\"deploy_id\":null,\"pathURI\":\"auto.de/berufsschule/restaurantfachmann-frau/informatik/webdesign\",\"pathURI_labels\":\"Deutschland/Berufsschule/Restaurantfachmann-frau/Informatik/Webdesign\",\"questionText\":\"Welches HTML-Element fügt einem Bild einen beschreibenden Text hinzu, der angezeigt wird, wenn das Bild nicht geladen werden kann?\",\"numOptions\":4,\"optionText1\":\"\u003calt\u003e\",\"optionText2\":\"\u003cimg\u003e\",\"optionText3\":\"\u003csrc\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\":\"HTML-Grundlagen - Bildattribute\",\"didacticalSummary\":\"\",\"didacticalDoubts\":\"\",\"improvementIdeas\":\"\",\"ambienceApplicability\":-1,\"ambienceScene\":\"\",\"platformLangISOCode\":\"de\",\"countryLabel\":\"Deutschland\",\"schoolTypeLabel\":\"Berufsschule\",\"scholarGroupLabel\":\"Restaurantfachmann-frau\",\"subjectLabel\":\"Informatik\",\"topicLabel\":\"Webdesign\",\"creationTag\":\"HTML-Grundlagen\",\"subtopicTag\":\"HTML-Grundlagen\",\"microtopicTag\":\"Alt-Attribut\",\"questionTag\":\"HTML\",\"skillTag\":\"HTML-Kenntnisse\",\"knowledgeDomainTag\":\"Webdesign\",\"subtopicCumulate\":\"\",\"skillCumulate\":\"\",\"typicalAge\":16,\"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\":40,\"examRelevanceScore\":60,\"curriculumAlignmentScore\":70,\"languageComplexityScore\":50,\"overallQualityScore\":60,\"checkQuality\":\"\",\"checkRelevance\":\"\",\"checkExamRelevance\":\"\",\"checkAnswers\":\"\",\"checkDistractors\":\"A\",\"checkFormat\":\"\",\"seoMetaTitle\":\"HTML-Element für alternativen Text von Bildern\",\"seoMetaDescription\":\"Dieses MCQ testet das Verständnis des HTML-Elements, das verwendet wird, um einem Bild einen beschreibenden Text hinzuzufügen, der angezeigt wird, wenn das Bild nicht geladen werden kann.\",\"seoMetaKeywords\":\"HTML, Bilder, alternativer Text\",\"searchKeywords\":\"\",\"areVectorsIndexed\":1,\"generationFlag\":-60,\"updatedAt\":\"$D2024-05-13T05:07:50.000Z\",\"deployedAt\":\"$D2024-05-01T17:30:11.000Z\",\"feedbackTiny1\":\"Richtig!\",\"feedbackTiny2\":\"Nicht ganz.\",\"feedbackTiny3\":\"Versuch's nochmal.\",\"feedbackTiny4\":\"Fast geschafft!\",\"feedbackShort1\":\"Das \u003calt\u003e-Element wird verwendet, um einen alternativen Text für Bilder bereitzustellen.\",\"feedbackShort2\":\"Das \u003cimg\u003e-Element wird verwendet, um ein Bild in ein HTML-Dokument einzubetten.\",\"feedbackShort3\":\"Das \u003csrc\u003e-Attribut wird verwendet, um die Quelle eines Bildes anzugeben.\",\"feedbackShort4\":\"Das \u003ctitle\u003e-Element wird verwendet, um den Titel eines HTML-Dokuments anzugeben.\",\"feedbackMedium1\":\"\",\"feedbackMedium2\":\"\",\"feedbackMedium3\":\"\",\"feedbackMedium4\":\"\",\"similarIdArray\":[{\"id\":2971382,\"d\":0.08},{\"id\":6486835,\"d\":0.08},{\"id\":10010889,\"d\":0.1},{\"id\":3826142,\"d\":0.11},{\"id\":3314575,\"d\":0.11},{\"id\":10556859,\"d\":0.11},{\"id\":5959799,\"d\":0.11},{\"id\":11458427,\"d\":0.11},{\"id\":6217051,\"d\":0.11},{\"id\":6339677,\"d\":0.11},{\"id\":5982288,\"d\":0.11},{\"id\":3557888,\"d\":0.12},{\"id\":6190851,\"d\":0.13},{\"id\":7054403,\"d\":0.13},{\"id\":12351287,\"d\":0.13},{\"id\":12380391,\"d\":0.08},{\"id\":12700768,\"d\":0.1},{\"id\":12782710,\"d\":0.1},{\"id\":13121380,\"d\":0.12},{\"id\":13260488,\"d\":0.1},{\"id\":13293673,\"d\":0.12},{\"id\":13305274,\"d\":0.11},{\"id\":13371475,\"d\":0.11},{\"id\":13643281,\"d\":0.13},{\"id\":13833866,\"d\":0.07},{\"id\":13843865,\"d\":0.07},{\"id\":14427432,\"d\":0.13},{\"id\":14455904,\"d\":0.11},{\"id\":14507901,\"d\":0.1},{\"id\":14520407,\"d\":0.1},{\"id\":14839863,\"d\":0.07},{\"id\":16498399,\"d\":0.08},{\"id\":17477726,\"d\":0.13},{\"id\":17869395,\"d\":0.11},{\"id\":18073215,\"d\":0.1},{\"id\":19363175,\"d\":0.11},{\"id\":19443422,\"d\":0.1},{\"id\":19627525,\"d\":0.07},{\"id\":19755575,\"d\":0.1},{\"id\":20239504,\"d\":0.1},{\"id\":20389723,\"d\":0.11},{\"id\":20403829,\"d\":0.1},{\"id\":20404282,\"d\":0.1},{\"id\":20820164,\"d\":0.11},{\"id\":21280718,\"d\":0.08},{\"id\":21371889,\"d\":0.1},{\"id\":21518442,\"d\":0.11},{\"id\":21590357,\"d\":0.13},{\"id\":21724103,\"d\":0.12},{\"id\":22603284,\"d\":0.1},{\"id\":22613174,\"d\":0.11},{\"id\":23028366,\"d\":0.1},{\"id\":23132909,\"d\":0.09}],\"similarSearchedAt\":\"$D2024-08-19T04:44:41.000Z\",\"optionsArray\":[\"\u003calt\u003e\",\"\u003cimg\u003e\",\"\u003csrc\u003e\",\"\u003ctitle\u003e\"],\"correctOptionsArray\":[\"\u003calt\u003e\"],\"distractorOptionsArray\":[\"\u003cimg\u003e\",\"\u003csrc\u003e\",\"\u003ctitle\u003e\"],\"numCorrectOptions\":1,\"averageOptionLength\":6,\"maxOptionLength\":7,\"questionTextLength\":131,\"averageReadLength\":69,\"isDeployPending\":true,\"userVoteUp\":0,\"userVoteDown\":0},\"questionStore\":{\"questionPart\":{\"id\":\"o7UdiT\",\"type\":\"questionpart\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"w1zoqi\",\"type\":\"aspect\",\"traits\":[{\"id\":\"6iLzF8\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"gWqT1s\",\"type\":\"aspect\",\"traits\":[{\"id\":\"n7Q8It\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"Welches HTML-Element fügt einem Bild einen beschreibenden Text hinzu, der angezeigt wird, wenn das Bild nicht geladen werden kann?\"}]},\"inner\":{\"id\":\"3Xl1u0\",\"type\":\"aspect\",\"traits\":[{\"id\":\"zoh8jLGPGlRk\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":25}]}}},\"key\":\"text\"}]}}}}},\"questionTypeStore\":{\"allOptions\":[{\"id\":\"kbBvmq\",\"type\":\"option\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"YmtD2X\",\"type\":\"aspect\",\"traits\":[{\"id\":\"BBj_dg\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":20},{\"id\":\"gHwR9a\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"qsiNvu\",\"type\":\"aspect\",\"traits\":[{\"id\":\"fbw2_9\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"\u003calt\u003e\"}]}}},\"key\":\"text\"}]},\"comment\":{\"id\":\"zUVoXe\",\"type\":\"aspect\",\"traits\":[{\"id\":\"IauU-h\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"1K-JFX\",\"type\":\"aspect\",\"traits\":[{\"id\":\"ykHtLy\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"Richtig!\"}]}}},\"key\":\"text\"}]}}},\"shouldBeSelected\":true},{\"id\":\"vu-ad3\",\"type\":\"option\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"ukJpgg\",\"type\":\"aspect\",\"traits\":[{\"id\":\"9KgIrF\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":20},{\"id\":\"NFmsL9\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"W-UoF7\",\"type\":\"aspect\",\"traits\":[{\"id\":\"YaIWM9\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"\u003cimg\u003e\"}]}}},\"key\":\"text\"}]},\"comment\":{\"id\":\"it30hD\",\"type\":\"aspect\",\"traits\":[{\"id\":\"1HuW-g\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"hhafRl\",\"type\":\"aspect\",\"traits\":[{\"id\":\"URH0In\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"Das \u003cimg\u003e-Element wird verwendet, um ein Bild in ein HTML-Dokument einzubetten.\"}]}}},\"key\":\"text\"}]}}},\"shouldBeSelected\":false},{\"id\":\"fyc1rd\",\"type\":\"option\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"ecNts5\",\"type\":\"aspect\",\"traits\":[{\"id\":\"HH77cv\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":20},{\"id\":\"bJZNE5\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"JOmf44\",\"type\":\"aspect\",\"traits\":[{\"id\":\"Y7tQ66\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"\u003csrc\u003e\"}]}}},\"key\":\"text\"}]},\"comment\":{\"id\":\"WKSwxS\",\"type\":\"aspect\",\"traits\":[{\"id\":\"bYd6oI\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"hI0fSX\",\"type\":\"aspect\",\"traits\":[{\"id\":\"OJELfK\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"Das \u003csrc\u003e-Attribut wird verwendet, um die Quelle eines Bildes anzugeben.\"}]}}},\"key\":\"text\"}]}}},\"shouldBeSelected\":false},{\"id\":\"4bBs4X\",\"type\":\"option\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"EuiJfN\",\"type\":\"aspect\",\"traits\":[{\"id\":\"Qw5v47\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":20},{\"id\":\"Liziyx\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"NiSIpE\",\"type\":\"aspect\",\"traits\":[{\"id\":\"3dZBVB\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"\u003ctitle\u003e\"}]}}},\"key\":\"text\"}]},\"comment\":{\"id\":\"R0Jjte\",\"type\":\"aspect\",\"traits\":[{\"id\":\"SchGG7\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"P08MPw\",\"type\":\"aspect\",\"traits\":[{\"id\":\"dEeKTw\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"Das \u003ctitle\u003e-Element wird verwendet, um den Titel eines HTML-Dokuments anzugeben.\"}]}}},\"key\":\"text\"}]}}},\"shouldBeSelected\":false}],\"numberOfOptions\":4},\"basicJSON\":{\"questionText\":\"Welches HTML-Element fügt einem Bild einen beschreibenden Text hinzu, der angezeigt wird, wenn das Bild nicht geladen werden kann?\",\"options\":[{\"optionText\":\"\u003calt\u003e\",\"shouldBeSelected\":true,\"feedbackText\":\"\"},{\"optionText\":\"\u003cimg\u003e\",\"shouldBeSelected\":false,\"feedbackText\":\"\"},{\"optionText\":\"\u003csrc\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\":[[\"$\",\"$L18\",null,{}],[\"$\",\"$L19\",null,{\"fallback\":\"$L1a\"}],[\"$\",\"$L1b\",null,{}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$1c\"}}]]}],\"userTransfer\":{\"session\":null,\"user\":{\"id\":499625,\"instance\":\"abfrager.de\",\"identityProvider\":\"\",\"identityValue\":\"\",\"playerProvider\":\"\",\"playerValue\":\"\",\"appKey\":\"\",\"hashed\":\"\",\"premium\":0,\"premiumCode\":\"\",\"email\":\"gast499625@schlaukopf.ai\",\"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\":\"$D2024-09-19T00:00:43.000Z\",\"totalAnswered\":0,\"totalOnlineMinutes\":0,\"firstLogon\":\"$D2024-09-19T00:00:43.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\":\"\",\"state\":null,\"document_version\":0,\"entityStore\":{},\"actorStore\":{},\"userStore\":{},\"createdAt\":\"$D2024-09-19T00:00:43.000Z\",\"updatedAt\":\"$D2024-09-19T00:00:43.000Z\",\"accessedAt\":\"$D2024-09-19T00:00:43.000Z\"}},\"instanceTransfer\":{\"countryLabel\":\"Deutschland\",\"instanceURI\":\"auto.de\",\"instanceDomainMiddle\":\"schlaukopf\",\"instanceDomainEnding\":\"ai\"},\"clientTransfer\":{\"browserWidth\":1024,\"isSmartphoneRequest\":false,\"isSmallDeviceRequest\":false}}]\n"])</script><script>self.__next_f.push([1,"1d:Tf33,"])</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\u003eWelches HTML-Element fügt einem Bild einen beschreibenden Text hinzu, der angezeigt wird, wenn das Bild nicht geladen werden kann?\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\u003csrc\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\u003cimg\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\u003calt\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,"1a:[\"$\",\"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\":\"$1d\"}}],[\"$\",\"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\":[\"Informatik\",\" \",\"$L1e\",\" ...\"]}],[]]}]]}]\n"])</script><script>self.__next_f.push([1,"1e:\"Übungen werden geladen\"\n"])</script></body></html>
