{"id":75,"date":"2012-09-17T18:41:31","date_gmt":"2012-09-17T18:41:31","guid":{"rendered":"https:\/\/ai.hasebox.de\/index.php\/2012\/09\/17\/projekt-schulbar\/"},"modified":"2026-01-16T07:38:05","modified_gmt":"2026-01-16T07:38:05","slug":"projekt-schulbar","status":"publish","type":"post","link":"https:\/\/ai.hasebox.de\/index.php\/2012\/09\/17\/projekt-schulbar\/","title":{"rendered":"1 Projekt SchulBar"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Dein erstes gro\u00dfes Projekt wartet auf dich &#8211; du hast den Auftrag bekommen die Homepage der SchulBar zu erstellen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das Projekt wurde bereits vor einiger Zeit von der Redaktionsgruppe begonnen. Die Aufgabe der Redaktion war es die Texte zu erstellen, Fotos anzufertigen und die Struktur der Seite festzulegen.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Diese Ergebnisse werden nun an dich, der Designabteilung, weitergeben. Deine Aufgabe ist es nun, der Seite den n\u00f6tigen &#8222;Style&#8220; zu geben. Dazu hast du bereits einige Werkzeuge in diesem Kapitel kennen gelernt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mache dich zuerst einmal mit dem Arbeitsergebnis der Redaktion vertraut. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das Arbeitsergebnis findest du in der folgenden zip-Datei.<br>Wichtig! Erstelle dir in deinem html_Verzeichnis dein Arbeitsverzeichnis f\u00fcr dieses Projekt, z.B. <strong>MeineSchulbar_Name<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"570\" height=\"340\" src=\"https:\/\/ai.hasebox.de\/wp-content\/uploads\/2012\/09\/Bildschirmfoto-2026-01-16-um-08.30.14.png\" alt=\"\" class=\"wp-image-2470\" srcset=\"https:\/\/ai.hasebox.de\/wp-content\/uploads\/2012\/09\/Bildschirmfoto-2026-01-16-um-08.30.14.png 570w, https:\/\/ai.hasebox.de\/wp-content\/uploads\/2012\/09\/Bildschirmfoto-2026-01-16-um-08.30.14-300x179.png 300w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-file\"><a id=\"wp-block-file--media-45453565-922f-4187-b685-cf64ed0cb6ca\" href=\"https:\/\/ai.hasebox.de\/wp-content\/uploads\/2024\/01\/1_bar-1.zip\">1_bar-1<\/a><a href=\"https:\/\/ai.hasebox.de\/wp-content\/uploads\/2024\/01\/1_bar-1.zip\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-45453565-922f-4187-b685-cf64ed0cb6ca\">Herunterladen<\/a><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><br>Entpackt die Datei in deinem <strong>Downloads Ordner<\/strong> und in deinem Projektordner <strong>Schulbar_Name<\/strong>.<br><br>Mit Rechtsklick auf die Datei w\u00e4hlst du &#8222;Hier entpacken&#8220;. <br><br>Wichtig! <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><br><strong>Mache dich mit dem Inhalt und der Struktur der Seite vertraut.<\/strong><br><br>Welche \u00dcberschriften gibt es, welche Schriftart wird verwendet, welche Unterseiten gibt es, usw.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du dich gut in dem Code zurecht findest, ist es an der Zeit der Bar nun mehr Style zu geben.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Einige \u00dcberlegungen solltest du zuvor machen.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>welche Hintergrundfarbe<\/li>\n\n\n\n<li>welche Schriftart, -gr\u00f6\u00dfe und -farbe<\/li>\n\n\n\n<li>welche \u00dcberschriften, unterstrichen, wie gro\u00df<\/li>\n<\/ul>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Achja, man munkelt, dass der Projektmanager ein zweites Designteam beauftragt hat. Streng dich also an, damit du deinen Job beh\u00e4lst \ud83d\ude42<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Und nun gehts los. Nenne deine Styledatei bar.css und speichere sie im gleichen Verzeichnis wie bar.html.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Viel Erfolg!&nbsp;<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Beachte: wenn die drei Dateien auf einer css-Datei aufbauen und alles aus einem harmonisch aussieht, kannst du den Ordner packen und \u00fcber iserv abgeben ( Aufgabe Projekt bar). <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr die Fortf\u00fchrung des Projektes bitte beim Lehrer melden!<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">TIPP! Wenn es um Farbe geht<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.canva.com\/de_de\/lernen\/schoene-farbpaletten-und-farbkombinationen\/\">Farbpalette <\/a><a href=\"https:\/\/www.canva.com\/de_de\/lernen\/schoene-farbpaletten-und-farbkombinationen\/\" target=\"_blank\" rel=\"noreferrer noopener\">von<\/a><a href=\"https:\/\/www.canva.com\/de_de\/lernen\/schoene-farbpaletten-und-farbkombinationen\/\"> Canva<\/a>  oder <a href=\"https:\/\/color.adobe.com\/de\/trends\" target=\"_blank\" rel=\"noreferrer noopener\">Adobe Farbrad<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dein erstes gro\u00dfes Projekt wartet auf dich &#8211; du hast den Auftrag bekommen die Homepage der SchulBar zu erstellen. Das Projekt wurde bereits vor einiger Zeit von der Redaktionsgruppe begonnen. Die Aufgabe der Redaktion war es die Texte zu erstellen, Fotos anzufertigen und die Struktur der Seite festzulegen.&nbsp; Diese Ergebnisse werden nun an dich, der [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":695,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","footnotes":""},"categories":[5,8,51,59],"tags":[],"class_list":["post-75","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-informatik","category-klasse-8","category-projekt-schulbar-2","category-start"],"_links":{"self":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/75","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/comments?post=75"}],"version-history":[{"count":12,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/75\/revisions"}],"predecessor-version":[{"id":2477,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/75\/revisions\/2477"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/media\/695"}],"wp:attachment":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/media?parent=75"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/categories?post=75"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/tags?post=75"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}