Seite - 13 - in HTML und CSS

Seminar/Projekt Informationssysteme Unterrichtspakete für AHS Informatikunterricht Gruppe Ebner Andreas Schuch Dieses Material wurde von Andreas Schuch (schuch.andreas@gmail.com) erstellt und steht unter der Creative-Commons-Lizenz Namensnennung 4.0 International. Um eine Kopie dieser Lizenz zu sehen, besuchen Sie http://creativecommons.org/licenses/by/4.0/. www.w3schools.com/ oder einfach https://www.google.at/ verwiesen und dadurch zur selbständigen Problemlösung angeregt werden. Hausübung 7. Diejenigen Schüler_innen, die bis zum Ende der Stunde nicht mit dem Implementieren aller gelernter Befehle fertig geworden sind, werden angewiesen, bis zur nächsten Stunde ihre Webseite auf den neuesten Stand zu bringen. Abschlussarbeiten Stundenbild-ID HTML/5 Dauer 50 Min. Thema Navigationsmenü integrieren und Webseite fertigstellen Unterrichtsziele • Webseite durchtesten, alles fertig machen, zu dem man vorher nicht gekommen ist • Schüler_innen haben ihre Webseite um verschiedene Metadaten ergänzt („author“, „keywords“, „description“, „charset“) • Schüler_innen haben für ihre Webseite ein Menü eingebaut und folgende Elemente dafür benutzt: <a>, <nav>, <ol> oder <ul>, selbstgeschriebenes individuelles CSS-Styling Hilfsmittel Tafel, Beamer, PC, Internet, USB-Stick, HTML-Editor Einleitung/Stundenkern 1. Schüler_innen werden angewiesen, die Elemente <a>, <nav>, <ol> oder <ul> (und evtl. weitere) zu verwenden, um ein Navigationsmenü für ihre Webseite zu bauen. Zusätzlich sollen Schüler_innen ihr Menü mithilfe von CSS-Befehlen individuell gestalten. Anbieten würde sich auf jeden Fall der Befehl „text-decoration: none“ (um die Aufzählungspunkte der <ol> bzw. <ul> zu entfernen). In diesem Zusammenhang können eventuell auch die CSS-Befehle „float“ und „clear“ gezeigt werden, um das Menü horizontal darzustellen. 2. Schüler_innen werden zudem gebeten, ihre Webseite um verschiedene Metadaten zu ergänzen, z.B. für die Datei „ich.html“ <meta charset="utf-8"> <meta name="author" content="Andreas Schuch"> <meta name="description" content="Informationen über mich">