{"id":57,"date":"2025-03-05T16:45:19","date_gmt":"2025-03-05T16:45:19","guid":{"rendered":"https:\/\/alexander.lackner.pages.hak-schwaz.at\/?page_id=57"},"modified":"2025-04-17T10:49:29","modified_gmt":"2025-04-17T10:49:29","slug":"3-klasse-3","status":"publish","type":"page","link":"https:\/\/alexander.lackner.pages.hak-schwaz.at\/?page_id=57","title":{"rendered":"3. Klasse"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">JQUERY UI<\/h2>\n\n\n\n<p>Im Rahmen der Aufgabe wurde eine Webseite erstellt, die einen jQuery UI Slider enth\u00e4lt, mit dem die K\u00f6rpergr\u00f6\u00dfe in cm von 140 bis 210 eingestellt werden kann. Zus\u00e4tzlich wurde eine DIV mit dem Text \u201eHAK Schwaz\u201c gestaltet. Diese DIV zeigt einen Tooltip an, wenn man mit der Maus dar\u00fcberf\u00e4hrt. Der Tooltip enth\u00e4lt den Text: \u201eDie Wirtschaftsschule Nr. 1 im Bezirk Schwaz. Diese Schule wird u. a. vom ber\u00fchmten Sch\u00fcler [eigener Name] aus [Wohnort] besucht.\u201c Der Tooltip wurde mithilfe von jQuery UI umgesetzt.<\/p>\n\n\n\n<p>Der Code wurde von der offiziellen jQuery Website kopiert und anschlie\u00dfend in Visual Studio Code bearbeitet. Als Abgabe wurden Screenshots des Ergebnisses gemacht, um die fertige Webseite zu dokumentieren.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"215\" src=\"https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-13-093516-1024x215.png\" alt=\"\" class=\"wp-image-156\" srcset=\"https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-13-093516-1024x215.png 1024w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-13-093516-300x63.png 300w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-13-093516-768x161.png 768w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-13-093516-1536x322.png 1536w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-13-093516-416x87.png 416w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-13-093516.png 1918w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:59px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<div style=\"height:59px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Responsive Design<\/h2>\n\n\n\n<p>Im Rahmen der Aufgabe sollten die Datei \u201einternational_responsive.html\u201c und die Banner-Datei bearbeitet werden. In der HTML-Datei sind spezifische Anweisungen enthalten, die umgesetzt werden m\u00fcssen. Es galt, zwei responsive Anweisungen zu integrieren, um sicherzustellen, dass die Webseite auf verschiedenen Ger\u00e4ten zufriedenstellend angezeigt wird.<\/p>\n\n\n\n<p>Der Code:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"1024\" src=\"https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/image-980x1024.png\" alt=\"\" class=\"wp-image-174\" srcset=\"https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/image-980x1024.png 980w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/image-287x300.png 287w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/image-768x802.png 768w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/image.png 1205w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"753\" src=\"https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/image-1-1024x753.png\" alt=\"\" class=\"wp-image-175\" srcset=\"https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/image-1-1024x753.png 1024w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/image-1-300x221.png 300w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/image-1-768x565.png 768w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/image-1-408x300.png 408w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/image-1.png 1086w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ansicht auf dem PC<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"191\" src=\"https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/image-2-1024x191.png\" alt=\"\" class=\"wp-image-176\" srcset=\"https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/image-2-1024x191.png 1024w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/image-2-300x56.png 300w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/image-2-768x143.png 768w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/image-2-1536x286.png 1536w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/image-2-416x78.png 416w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/image-2.png 1861w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ansicht auf dem Handy<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"951\" height=\"164\" src=\"https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/image-3.png\" alt=\"\" class=\"wp-image-177\" srcset=\"https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/image-3.png 951w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/image-3-300x52.png 300w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/image-3-768x132.png 768w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/image-3-416x72.png 416w\" sizes=\"auto, (max-width: 951px) 100vw, 951px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>JQUERY UI Im Rahmen der Aufgabe wurde eine Webseite erstellt, die einen jQuery UI Slider enth\u00e4lt, mit dem die K\u00f6rpergr\u00f6\u00dfe in cm von 140 bis &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":47,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-57","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alexander.lackner.pages.hak-schwaz.at\/index.php?rest_route=\/wp\/v2\/pages\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alexander.lackner.pages.hak-schwaz.at\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alexander.lackner.pages.hak-schwaz.at\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alexander.lackner.pages.hak-schwaz.at\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alexander.lackner.pages.hak-schwaz.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=57"}],"version-history":[{"count":7,"href":"https:\/\/alexander.lackner.pages.hak-schwaz.at\/index.php?rest_route=\/wp\/v2\/pages\/57\/revisions"}],"predecessor-version":[{"id":283,"href":"https:\/\/alexander.lackner.pages.hak-schwaz.at\/index.php?rest_route=\/wp\/v2\/pages\/57\/revisions\/283"}],"up":[{"embeddable":true,"href":"https:\/\/alexander.lackner.pages.hak-schwaz.at\/index.php?rest_route=\/wp\/v2\/pages\/47"}],"wp:attachment":[{"href":"https:\/\/alexander.lackner.pages.hak-schwaz.at\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}