{"id":55,"date":"2025-03-05T16:45:19","date_gmt":"2025-03-05T16:45:19","guid":{"rendered":"https:\/\/alexander.lackner.pages.hak-schwaz.at\/?page_id=55"},"modified":"2025-04-17T10:49:09","modified_gmt":"2025-04-17T10:49:09","slug":"2-klasse-2","status":"publish","type":"page","link":"https:\/\/alexander.lackner.pages.hak-schwaz.at\/?page_id=55","title":{"rendered":"2. Klasse"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Pers\u00f6nliche Website<\/h2>\n\n\n\n<p><strong>Pers\u00f6nliche Website<\/strong><\/p>\n\n\n\n<p>Im Rahmen des Fachs IMSK haben wir uns mit der Programmierung und Gestaltung von Websites besch\u00e4ftigt, um den Code einer Website besser zu verstehen. Die Aufgabe war es, eine pers\u00f6nliche Webseite zu erstellen. Die Startseite sollte ein Portraitbild auf der linken Seite und eine pers\u00f6nliche Beschreibung auf der rechten Seite enthalten.<\/p>\n\n\n\n<p>Wir verwendeten HTML, um die einzelnen Textdateien zu strukturieren. Um zu verstehen, wie unterschiedliche Befehle die Webseite beeinflussen, haben wir verschiedene Befehle ausprobiert. Das Ziel war es, sp\u00e4ter eine professionelle Website zu programmieren und zu gestalten. Dabei ist es faszinierend, welche Wirkung ein einzelner Befehl auf die gesamte Seite haben kann. Durch den Einsatz unterschiedlichster Befehle bekommt die Website mehr Pers\u00f6nlichkeit und Professionalit\u00e4t.<\/p>\n\n\n\n<p>Die Seiten IMSK und MINF enthalten jeweils eine kurze Fachbeschreibung und ein Bild. Dabei haben wir auf die Verwendung von DIV statt Tabellen geachtet, um eine saubere Struktur zu gew\u00e4hrleisten. Au\u00dferdem wurde darauf geachtet, webgerechte Bilder zu verwenden und die Dateien unter einem eigenen Namen ohne Leer- oder Sonderzeichen zu speichern.<\/p>\n\n\n\n<p>Zum Programmieren haben wir Visual Studio Code verwendet, und ein Screenshot des Codes wurde angefertigt, um die Arbeit zu dokumentieren.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/1-1024x640.png\" alt=\"\" class=\"wp-image-138\" srcset=\"https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/1-1024x640.png 1024w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/1-300x188.png 300w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/1-768x480.png 768w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/1-1536x960.png 1536w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/1-416x260.png 416w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/1.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:87px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Screenshot von der finalen Website:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"621\" src=\"https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/7-1-1024x621.png\" alt=\"\" class=\"wp-image-141\" srcset=\"https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/7-1-1024x621.png 1024w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/7-1-300x182.png 300w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/7-1-768x466.png 768w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/7-1-1536x932.png 1536w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/7-1-416x252.png 416w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/7-1.png 1915w\" 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\">Box Model &#8211; Red Bull<\/h2>\n\n\n\n<p>Die Aufgabe war es, eine Webseite zu erstellen, die eine bestimmte Struktur aufweist. Zuerst sollte ein Red Bull Banner als oberstes DIV platziert werden, gefolgt von einer weiteren Box als n\u00e4chstes DIV. Am Ende der Seite sollte eine Footer-DIV-Box eingebaut werden. Dabei wurde darauf geachtet, den vorhandenen Text zu entfernen und die Seite ausschlie\u00dflich mit der geforderten Struktur aufzubauen.<\/p>\n\n\n\n<p>F\u00fcr die Programmierung der Webseite haben wir Visual Studio Code verwendet. Die Abgabe umfasst sowohl Screenshots der fertigen Webseite im Browser als auch einen Screenshot des Codes in Visual Studio Code, um die Umsetzung zu dokumentieren.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"476\" src=\"https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/Screenshot_1-1024x476.png\" alt=\"\" class=\"wp-image-151\" srcset=\"https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/Screenshot_1-1024x476.png 1024w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/Screenshot_1-300x139.png 300w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/Screenshot_1-768x357.png 768w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/Screenshot_1-1536x714.png 1536w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/Screenshot_1-416x193.png 416w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/Screenshot_1.png 1771w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Screenshot vom Ergebnis:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"871\" src=\"https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/Screenshot_5-1024x871.png\" alt=\"\" class=\"wp-image-152\" srcset=\"https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/Screenshot_5-1024x871.png 1024w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/Screenshot_5-300x255.png 300w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/Screenshot_5-768x654.png 768w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/Screenshot_5-353x300.png 353w, https:\/\/alexander.lackner.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/03\/Screenshot_5.png 1127w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Pers\u00f6nliche Website Pers\u00f6nliche Website Im Rahmen des Fachs IMSK haben wir uns mit der Programmierung und Gestaltung von Websites besch\u00e4ftigt, um den Code einer Website &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-55","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alexander.lackner.pages.hak-schwaz.at\/index.php?rest_route=\/wp\/v2\/pages\/55","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=55"}],"version-history":[{"count":15,"href":"https:\/\/alexander.lackner.pages.hak-schwaz.at\/index.php?rest_route=\/wp\/v2\/pages\/55\/revisions"}],"predecessor-version":[{"id":282,"href":"https:\/\/alexander.lackner.pages.hak-schwaz.at\/index.php?rest_route=\/wp\/v2\/pages\/55\/revisions\/282"}],"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=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}