Page - 15 - 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/. Hilfsmittel Beamer, PC, Internet, USB-Stick, HTML-Editor, (FTP-Client) Einleitung/Stundenkern 1. Lehrkraft zeigt am Beamer die notwendigen Schritte vor. Schüler_innen kopieren die Schritte. a. Account auf einem freien Webhoster registrieren (z.B. lima-city.de). Der Account-Name und die Adresse, über die die Webseite später erreichbar sein wird, muss der Lehrkraft bekannt gegeben werden. b. Schritt-für-Schritt-Anleitung, wie man die Dateien auf den Webhoster hinauf lädt (entweder über ein Web-Interface oder separat mit einem FTP-Client). 2. Sobald der Upload fertig ist, werden die Schüler_innen angewiesen, auf die Webseite über den Browser zuzugreifen. Funktioniert dies, soll über das Mobilgerät (z.B. Handy) zugegriffen werden. Die Schüler_innen bemerken vermutlich, dass die Webseite mobil nicht so dargestellt wird, wie am PC-Monitor. 3. Den Rest der Stunde verbringen Schüler_innen damit, die Webseite so anzupassen, dass sie mobil auch etwas besser dargestellt wird (grobe Fehler ausbessern wie bspw. zu große Bilder, zu kleine Schrift, etc.). Die meisten Schüler_innen müssen also einzelne Daten selbständig über das Web-Interface bzw. den FTP-Client hochladen und die alten Daten überschreiben. Hausübung 1. Keine Quellenangabe [1] selfhtml (2015). „CSS/Box-Modell“. [Online]. https://wiki.selfhtml.org/wiki/CSS/Box-Modell [29. Dezember 2015]