{"id":278,"date":"2025-04-17T22:57:36","date_gmt":"2025-04-17T22:57:36","guid":{"rendered":"https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/?page_id=278"},"modified":"2025-04-18T00:03:06","modified_gmt":"2025-04-18T00:03:06","slug":"2-klasse","status":"publish","type":"page","link":"https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/?page_id=278","title":{"rendered":"2. Klasse"},"content":{"rendered":"\n<p>Im Wintersemester bestand unser Arbeitsauftrag darin, eine HTML-Tabelle zu erstellen, die die Firmen Apple und Google mit ihren Logos und Links zu ihren offiziellen Websites zeigt. Die Tabelle sollte drei Spalten enthalten: \u201eFirma\u201c, \u201eLogo\u201c und \u201eLink zur Website\u201c. Die Logos wurden als Bilder eingebunden und auf eine Breite von 40 Pixeln festgelegt.\u00a0Die Links zu den Websites wurden so programmiert, dass sie sich beim Klicken in einem neuen Fenster \u00f6ffnen (mittels\u00a0<code>target=\"_blank\"<\/code>).<\/p>\n\n\n\n<p><strong>Erlangte Kompetenzen:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Erstellen und strukturieren von Tabellen in HTML mit den Tags\u00a0<code>&lt;table><\/code>,\u00a0<code>&lt;tr><\/code>,\u00a0<code>&lt;th><\/code>\u00a0und\u00a0<code>&lt;td><\/code>.<\/li>\n\n\n\n<li>Einbinden von Bildern mit dem\u00a0<code>&lt;img><\/code>-Tag und Festlegen der Bildgr\u00f6\u00dfe \u00fcber das\u00a0<code>width<\/code>-Attribut.<\/li>\n\n\n\n<li>Erstellen von Hyperlinks mit dem\u00a0<code>&lt;a><\/code>-Tag und dem Attribut\u00a0<code>target=\"_blank\"<\/code>, um Links in einem neuen Fenster zu \u00f6ffnen.<\/li>\n<\/ul>\n\n\n\n<p>Durch diese Aufgabe habe ich gelernt, wie man grundlegende HTML-Tabellen aufbaut, Bilder korrekt einbindet und Hyperlinks benutzerfreundlich gestaltet.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"606\" data-id=\"311\" src=\"https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/04\/Screenshot-Visual-Code-1024x606.jpg\" alt=\"\" class=\"wp-image-311\" srcset=\"https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/04\/Screenshot-Visual-Code-1024x606.jpg 1024w, https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/04\/Screenshot-Visual-Code-300x178.jpg 300w, https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/04\/Screenshot-Visual-Code-768x455.jpg 768w, https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/04\/Screenshot-Visual-Code-1536x910.jpg 1536w, https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/04\/Screenshot-Visual-Code.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">HTML-Code<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"562\" data-id=\"310\" src=\"https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/04\/Screenshot-Browser-1024x562.jpg\" alt=\"\" class=\"wp-image-310\" srcset=\"https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/04\/Screenshot-Browser-1024x562.jpg 1024w, https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/04\/Screenshot-Browser-300x165.jpg 300w, https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/04\/Screenshot-Browser-768x422.jpg 768w, https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/04\/Screenshot-Browser-1536x843.jpg 1536w, https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/04\/Screenshot-Browser.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Browseransicht<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<p>Anschlie\u00dfend haben wir uns intensiv mit CSS besch\u00e4ftigt. CSS ist die Sprache, mit der man das Aussehen und die Gestaltung einer Webseite steuern kann. Im Unterricht haben wir gelernt, wie man mit CSS Schriftarten, Schriftgr\u00f6\u00dfen und Farben ver\u00e4ndert, Hintergr\u00fcnde gestaltet und Abst\u00e4nde sowie Rahmen einf\u00fcgt, um die Inhalte \u00fcbersichtlich zu strukturieren. Au\u00dferdem konnten wir die Gr\u00f6\u00dfe von Bildern anpassen, damit sie auf verschiedenen Ger\u00e4ten immer gut dargestellt werden.<\/p>\n\n\n\n<p>Schritt f\u00fcr Schritt haben wir im Unterricht unsere eigene Website gestaltet. Dabei haben wir nicht nur erfahren, wie man eine Webseite technisch erstellt, sondern auch, wie wichtig ein ansprechendes und professionelles Design ist. Besonders geachtet haben wir darauf, dass unsere Seiten klar aufgebaut und einfach zu bedienen sind.<\/p>\n\n\n\n<p>Durch die Kombination von HTML und CSS konnten wir das Layout und das Aussehen unserer Website ganz nach unseren Vorstellungen gestalten. Dieses Projekt hat uns einen spannenden Einblick in die Webentwicklung gegeben und gezeigt, wie Webseiten im Hintergrund eigentlich funktionieren.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"504\" data-id=\"309\" src=\"https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/04\/73779eb0-60b6-4f40-985e-552178e4a5f5-2-1024x504.png\" alt=\"\" class=\"wp-image-309\" srcset=\"https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/04\/73779eb0-60b6-4f40-985e-552178e4a5f5-2-1024x504.png 1024w, https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/04\/73779eb0-60b6-4f40-985e-552178e4a5f5-2-300x148.png 300w, https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/04\/73779eb0-60b6-4f40-985e-552178e4a5f5-2-768x378.png 768w, https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/04\/73779eb0-60b6-4f40-985e-552178e4a5f5-2.png 1457w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Browseransicht<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"548\" data-id=\"307\" src=\"https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/04\/bd7fd906-de89-49f2-8f55-79cdf3440b45-1024x548.png\" alt=\"\" class=\"wp-image-307\" srcset=\"https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/04\/bd7fd906-de89-49f2-8f55-79cdf3440b45-1024x548.png 1024w, https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/04\/bd7fd906-de89-49f2-8f55-79cdf3440b45-300x161.png 300w, https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/04\/bd7fd906-de89-49f2-8f55-79cdf3440b45-768x411.png 768w, https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/wp-content\/uploads\/2025\/04\/bd7fd906-de89-49f2-8f55-79cdf3440b45.png 1460w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">HTML-Code<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Im Wintersemester bestand unser Arbeitsauftrag darin, eine HTML-Tabelle zu erstellen, die die Firmen Apple und Google mit ihren Logos und Links zu ihren offiziellen Websites zeigt. Die Tabelle sollte drei Spalten enthalten: \u201eFirma\u201c, \u201eLogo\u201c und \u201eLink zur Website\u201c. Die Logos wurden als Bilder eingebunden und auf eine Breite von 40 Pixeln festgelegt.\u00a0Die Links zu den [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":277,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-278","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/index.php?rest_route=\/wp\/v2\/pages\/278","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=278"}],"version-history":[{"count":0,"href":"https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/index.php?rest_route=\/wp\/v2\/pages\/278\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/index.php?rest_route=\/wp\/v2\/pages\/277"}],"wp:attachment":[{"href":"https:\/\/Mehmet.Erkin.pages.hak-schwaz.at\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=278"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}