50 PTS | SEKUNDARSTUFE 2 | ASO | ATLANTEN | SEKUNDARSTUFE 1 Neu! DIGITALE GRUNDBILDUNG > Connected World Titel E-Book E-Book Solo E-BOOK+ E-BOOK+ Solo Connected World 1 216409 € 6,05 216410 € 4,78 216407€ 11,12 216408 € 8,94 Connected World 2 216344 € 6,12 216346 € 4,83 216345€ 11,19 216347 € 8,99 Connected World 3 221092 € 6,62 221094 € 5,43 221093€ 11,69 221095 € 9,59 Connected World 4 225609 € 6,55 225611 € 5,37 225610€ 11,55 225612 € 9,47 Connected World 1 & 2 220636€ 10,15 220637 € 8,32 220634€ 18,27 220635€ 14,97 Connected World 3 + 4 221096€ 10,17 – – – – – – Connected World 1 - 4 220644€ 15,22 220645 € 12,48 220642€ 27,39 220643 € 22,46 E E+ Computational Thinking und Programmieren • 49 Kapitel3 <!doctype html> <html lang="de-at"> <head> <meta charset="UTF-8"> <title>Meine Website</title> <meta name="description" content="Laras Website"> </head> <body> <header> <h1>Willkommen auf meiner Website!</h1> </header> <main> <h2>Über mich</h2> <img src="ich.jpg" alt="Porträt"> <p>Ich bin <strong>Lara</strong>. Meine Hobbys sind …</p> </main> </body> </html> Mit diesem Tag geben wir an, dass es sich bei diesem Dokument um eine HTML-5-Seite handelt. Mit <html> geben wir an, dass hier unser HTML-Code beginnt. Außerdem geben wir mit lang="de-at" an, dass die Seite in österreichischem Deutsch verfasst ist. Der Beginn des „Kopf“-Teils. Mit <meta>-Tags können wir Informationen an den Browser oder eine Suchmaschine weitergeben. charset gibt die Zeichencodierung der Seite an, damit Sonderzeichen wie „ä“ oder „ß“ korrekt dargestellt werden. Der Titel der Seite, der oben in der Browserleiste angezeigt wird. Die meisten <meta>-Tags bestehen aus zwei Attributen: name und content. Hier geben wir eine Beschreibung für Suchmaschinen an. <meta>-Tags gehören zu den wenigen Ausnahmen, die keine End-Tags haben. Das Ende des „Kopf“-Teils. Der Beginn des „Körper“-Teils. Der Beginn eines Überschriftenbereichs. Eine Überschrift 1. Grades. Unterüberschriften können mit <h2> bis <h6> definiert werden. Die Zahl entspricht dem Grad der Überschrift. Das Ende des Überschriftenbereichs. Der Beginn des Hauptteils. Eine Zwischenüberschrift. Das Ende des Hauptteils. Das Ende des „Körper“-Teils. Das Ende des HTML-Dokuments. Ein Absatz. Ein Bild. Hier wird mit src die Datei ich.jpg ein gebunden. Falls das Bild nicht geladen werden kann, wird der in alt angegebene Alternativtext angezeigt. Auch <img>-Tags haben keine End-Tags. <strong> erzeugt eine „starke Betonung“ (meist wird der Text fett dargestellt). <em> erzeugt eine einfache Betonung (der Text wird meist kursiv dargestellt). 48 • Computational Thinking und Programmieren Mit HTML eine Website erstellen Der Aufbau einer HTML-Seite Jede HTML-Seite besteht aus zwei Teilen: Dem Kopf und dem Körper. Im Kopf sind alle wichtigen Informationen enthalten, wie der Titel der Website. Im Körper ist alles enthalten, was im Browser angezeigt wird – also alle Texte, Bilder und so weiter. Damit ein Browser unsere Website „versteht“ und richtig umsetzen kann, muss sie entsprechend gegliedert werden. HTML bietet uns die Möglich keit, jedem Element eine Bedeutung zu geben. Dabei bestehen die meisten Elemente aus einem Start-Tag und einem End-Tag. End- Diese Tags werden vom Browser nicht dargestellt, aber er weiß da durch, worum es sich beim Inhalt handelt (etwa um eine Überschrift, eine Liste oder ein Bild). Schema einer HTML-Seite Alle Websites, die du in deinem Browser öffnest, liefern HTML-Code. Dieser ist immer gleich aufgebaut: <tag attribute="value" property>Content</tag> Alles Tags haben einen Namen und beginnen mit einem Kleinerzeichen <, gefolgt vom Tag-Namen und einem Größerzeichen >. Nach dem Inhalt folgt der End-Tag, der durch einen Schrägstrich / gekennzeichnet ist. Durch Attribute können einem Tag zusätzliche Eigenschaften zugeordnet werden. Sie bestehen immer aus der Bezeichnung des Attributs, gefolgt von einem Istgleichzeichen = und dem Wert der Eigenschaft, die man unter gerade Anführungszeichen " setzen sollte. Der Wert eines Attributs kann sehr unterschiedlich sein. Es ist auch möglich, programmierte Funktionen anzugeben. Der Wert darf allerdings keine Anführungszeichen enthalten. Es gibt Eigenschaften, die den Zustand eines Tags beschreiben. Sind sie angegeben, werden sie berücksichtigt, ansonsten nicht. Der Inhalt eines Tags ist üblicherweise Text, der vom Browser angezeigt wird. Auch andere Programme (wie Vorleseprogramme für blinde Menschen) können den Inhalt verarbeiten. HTML-Seite Kopf mit MetaInformationen Körper mit dem Inhalt Verlinkung externer Dateien Bilder Stylesheets Scripts Korrekte Tags zu verwenden ist wichtig. Dadurch können Programme deine Website „verstehen“. Tags helfen auch beeinträchtigten Personen beim Surfen. So schaut Laras Webseite aus. Von Medien und Technik umgeben • 27 Kapitel2 Die Grafik zeigt dir, wie viel Strom (in Terawattstunden pro Jahr) ausgewählte Dienst leistungen und Kryptowährungen sowie die größeren Rechenzentren zusammen verbrauchen. Zum Vergleich der Stromverbrauch Österreichs. Vergleiche den Stromverbrauch der Beispiele mit jenem von Österreich. Welche Probleme könnten entstehen? Wo fällt weiterer Stromverbrauch für die Nutzung der Dienste an? 72 Österreich 181 Bitcoin 82 Ethereum Netflix 0,2 Alphabet (Google) 13 Unmengen Strom Fast 40 Prozent der weltweiten Stromproduktion erfolgt in Kohlekraftwerken, rund 10 Prozent durch Atomkraftwerke. Während durch die Verbrennung von Kohle große Mengen CO₂ freigesetzt werden, besteht die Gefahr bei Atomkraftwerken durch Unfälle, bei denen radioaktives Material entweicht, sowie durch die ungelöste Frage der Endlagerung des radioaktiven Abfalls. Aber auch erneuerbare Energien, wie die Fotovoltaik, bei der Lichtenergie in Strom umgewandelt wird, haben ihre Schattenseiten: Für die Paneele werden viele seltene Materialien gebraucht, die teilweise unter menschenunwürdigen und umweltschädlichen Bedingungen in Afrika oder Asien abgebaut werden. Wind- und Wasserkraftwerke haben negative Auswirkungen auf ihre Umgebung. Setze ein, welches Foto welche Energieerzeugungsform zeigt: Atomkraftwerk Kohlekraftwerk Fotovoltaikanlage Begründe, warum die Digitalisierung auch negative Auswirkungen auf die Umwelt und die Natur hat. Woher der Strom kommt 1 2 3 250 Rechenzentren 26 • Von Medien und Technik umgeben Ressourcen- und Stromverbrauch Beim Kauf von Produkten kannst du auf Umweltzeichen achten. Oben siehst du drei Beispiele: Das Europäische Umweltzeichen („Euroblume“), das österreichische Umwelt zeichen sowie das deutsche Zeichen „Blauer Engel“. Damit gekennzeichnete Produkte müssen hinsichtlich ihrer Umwelt freundlichkeit bestimmte, oft strenge Kriterien und Vorgaben erfüllen. Auswirkungen auf die Umwelt Das Nutzen von digitaler Technik hat sowohl positive als auch negative Folgen für die Umwelt. Während etwa durch E-Books Papier gespart werden kann, benötigen die Geräte zahlreiche Ressourcen, für die Menschen und die Natur ausgebeutet werden. Die Ent sorgung alter Geräte ist eine weitere große und teils ungelöste Herausforderung. Ein großes Problem stellt auch der Stromverbrauch dar. Weltweit werden über zwei Drittel des Stromes mit fossilen Brenn stoffen (wie Kohle, Erdgas oder Uran) hergestellt. Der Ausbau von erneuerbaren Energieformen, wie Wasser- und Wind kraft, schreitet zwar voran, jedoch nur langsam. Der weltweite Strombedarf ist in den letzten Jahren stark angestiegen, was vor allem an der Digitalisierung und dem Umstieg auf elektrische Antriebe liegt. Die Grafik zeigt dir, welche Materialien in einem normalen Smartphone vorkommen. Aufgrund des großen Materialmixes ist ein ordnungsgemäßes Recycling sehr wichtig. Großer Verbrauch von Ressourcen Tipp Was glaubst du, könnte die größten Probleme bei der Entsorgung oder beim Recycling eines Handys verursachen? Diskutiert zu zweit über mögliche Lösungswege. Stellt außerdem einen Plan zusammen, wie ihr selbst mit eurem Verhalten die Umwelt möglichst schonen könnt. 56 % Kunststoffe 25 % Metalle 25 % Glas & Keramik 3 % Sonstige Materialien Metalle: 15 % Kupfer 3 % Eisen 3 % Aluminium 2 % Nickel 1 % Zinn 1 % sonstige: Gold Silber Platin Palladium Kobalt Gallium Indium Wolfram Neodym Cer Quelle: informationszentrum-mobilfunk.de Connected World Meine digitale Welt Maukner Klasse: 1.–4. E E-Book E+ E-BOOK+ Mit dieser Reihe wird digitale Grundbildung leicht gemacht Digitale Grundbildung von der ersten bis zur vierten Klasse aus einem Guss! Mit den verschiedenen Ausgaben von Connected World haben Sie die Möglichkeit, passgenau einen Einzelband oder Kombibände für den Stundenplan Ihrer Schule auszuwählen. → Praxis- und lebensnah: Themen der Medienbildung, die im Alltag der Schüler*innen vorkommen – beispielsweise soziale Medien oder das Gestalten einer Präsentation für ein Referat → Immer up to date: Internetphänomene, Hypes und die Social-Media-Landschaft können sich rasch ändern. Das Webschulbuch-Angebot wird daher regelmäßig aktualisiert. → Übersichtlich: Ein modernes, ansprechendes Design mit farblich hervorgehobenen, kompetenzorientierten Arbeitsaufgaben und altersgerechter Gestaltung macht auch schwierige Themen interessant. → E-BOOK+ zur praktischen digitalen Arbeit In Kooperation mit SIA Education und dem Bildungsverlag Lemberger
RkJQdWJsaXNoZXIy Mjg5NDY1NA==