{"id":49,"date":"2026-04-12T16:18:19","date_gmt":"2026-04-12T16:18:19","guid":{"rendered":"https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/?page_id=49"},"modified":"2026-06-07T20:03:47","modified_gmt":"2026-06-07T20:03:47","slug":"aif","status":"publish","type":"page","link":"https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/index.php\/aif\/","title":{"rendered":"AIF"},"content":{"rendered":"\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-80868740 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image alignright size-full is-resized wp-duotone-secondary\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"100\" src=\"https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/trennlinie-links-1.png\" alt=\"\" class=\"wp-image-221\" style=\"width:350px\" srcset=\"https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/trennlinie-links-1.png 400w, https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/trennlinie-links-1-300x75.png 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<h1 class=\"wp-block-heading\">Informatik<\/h1>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image alignleft size-full is-resized wp-duotone-secondary\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"100\" src=\"https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/trennlinie-rechts-1.png\" alt=\"\" class=\"wp-image-223\" style=\"width:350px\" srcset=\"https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/trennlinie-rechts-1.png 400w, https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/trennlinie-rechts-1-300x75.png 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-text-align-center has-medium-font-size wp-block-paragraph\" style=\"margin-top:var(--wp--preset--spacing--small);margin-right:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--small);margin-left:var(--wp--preset--spacing--medium)\">Das beste Beispiel meiner Arbeiten im Fach angewandte Informatik ist diese Website, denn sie ist als Projekt dieses Faches entstanden. Ich hoffe sie gef\u00e4llt dir und ich w\u00fcnsche dir noch viel Spa\u00df beim durchschauen.<\/p>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-80868740 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-container-core-column-is-layout-254d2329 wp-block-column-is-layout-flow\" style=\"padding-right:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium);flex-basis:100%\">\n<style data-wp-block-html=\"css\">\n.button {\n    padding: 5px 10px;\n    background-color: #f0f0f0;\n    border: 1px solid #ccc;\n    border-radius: 3px;\n    cursor: pointer;\n    margin: 0 2px;\n}\n\n.button:hover {\n    background-color: #e0e0e0;\n}\n\n#output {\n    margin-top: 10px;\n    font-weight: bold;\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function() {\n    const button = document.querySelectorAll('.button');\n    const output = document.getElementById('output');\n\n    button.forEach(button => {\n        button.addEventListener('click', function() {\n            const bewertung = parseInt(this.getAttribute('data-value'));\n\n            if (bewertung >= 7) {\n                output.textContent = \"Danke, das freut mich!\";\n            } else if (bewertung >= 4) {\n                output.textContent = \"Danke f\u00fcr deine Bewertung!\";\n            } else {\n                output.textContent = \"Schade :(\";\n            }\n        });\n    });\n});\n<\/script>\n\n<div id=\"container\">\n    <p>Wie gut gef\u00e4llt dir diese Website? (1 sehr schlecht &#8211; 10 sehr gut):<\/p>\n    <div id=\"button\">\n        <button class=\"button\" data-value=\"1\">1<\/button>\n        <button class=\"button\" data-value=\"2\">2<\/button>\n        <button class=\"button\" data-value=\"3\">3<\/button>\n        <button class=\"button\" data-value=\"4\">4<\/button>\n        <button class=\"button\" data-value=\"5\">5<\/button>\n        <button class=\"button\" data-value=\"6\">6<\/button>\n        <button class=\"button\" data-value=\"7\">7<\/button>\n        <button class=\"button\" data-value=\"8\">8<\/button>\n        <button class=\"button\" data-value=\"9\">9<\/button>\n        <button class=\"button\" data-value=\"10\">10<\/button>\n    <\/div>\n    <p id=\"output\"><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:22px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center has-medium-font-size wp-block-paragraph\" style=\"margin-top:var(--wp--preset--spacing--x-small);margin-right:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--x-small);margin-left:var(--wp--preset--spacing--medium)\">Letztes Jahr mussten wir mit HTML und CSS eine Website \u00fcber uns gestalten. Da diese gerade inaktiv ist siehst du hier einige Screenshots davon.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-2 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\" style=\"padding-right:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"489\" data-id=\"325\" src=\"https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-07-195713-3-1024x489.png\" alt=\"\" class=\"wp-image-325\" srcset=\"https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-07-195713-3-1024x489.png 1024w, https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-07-195713-3-300x143.png 300w, https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-07-195713-3-768x367.png 768w, https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-07-195713-3-1536x734.png 1536w, https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-07-195713-3-2048x978.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"465\" data-id=\"323\" src=\"https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-07-195808-1-1024x465.png\" alt=\"\" class=\"wp-image-323\" srcset=\"https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-07-195808-1-1024x465.png 1024w, https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-07-195808-1-300x136.png 300w, https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-07-195808-1-768x349.png 768w, https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-07-195808-1-1536x698.png 1536w, https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-07-195808-1-2048x930.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"485\" data-id=\"324\" src=\"https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-07-195828-1-1024x485.png\" alt=\"\" class=\"wp-image-324\" srcset=\"https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-07-195828-1-1024x485.png 1024w, https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-07-195828-1-300x142.png 300w, https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-07-195828-1-768x363.png 768w, https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-07-195828-1-1536x727.png 1536w, https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-07-195828-1-2048x969.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"412\" data-id=\"320\" src=\"https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-07-200007-2-1024x412.png\" alt=\"\" class=\"wp-image-320\" srcset=\"https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-07-200007-2-1024x412.png 1024w, https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-07-200007-2-300x121.png 300w, https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-07-200007-2-768x309.png 768w, https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-07-200007-2-1536x619.png 1536w, https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-07-200007-2-2048x825.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Informatik Das beste Beispiel meiner Arbeiten im Fach angewandte Informatik ist diese Website, denn sie ist als Projekt dieses Faches entstanden. Ich hoffe sie gef\u00e4llt dir und ich w\u00fcnsche dir noch viel Spa\u00df beim durchschauen. Wie gut gef\u00e4llt dir diese Website? (1 sehr schlecht &#8211; 10 sehr gut): 1 2 3 4 5 6 7 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"sr-java-script-template","meta":{"_swt_meta_header_display":false,"_swt_meta_footer_display":false,"_swt_meta_site_title_display":false,"_swt_meta_sticky_header":false,"_swt_meta_transparent_header":false,"footnotes":""},"class_list":["post-49","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/index.php\/wp-json\/wp\/v2\/pages\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/index.php\/wp-json\/wp\/v2\/comments?post=49"}],"version-history":[{"count":29,"href":"https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/index.php\/wp-json\/wp\/v2\/pages\/49\/revisions"}],"predecessor-version":[{"id":349,"href":"https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/index.php\/wp-json\/wp\/v2\/pages\/49\/revisions\/349"}],"wp:attachment":[{"href":"https:\/\/rafetseder-susanne.webserver.kslinz.at\/wordpress\/index.php\/wp-json\/wp\/v2\/media?parent=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}