Wahlpflichtkurs Medien » Materialsammlung

Dieses ist eine Chronologie des Medienkurses für den Jahrgang 7 an der MBS. Hier findest du Aufgaben und Arbeitsblätter.

Aufgabe 11. Okt. 2017

Makerspace

Verbinde dich mit dem Datei-Server R:\\raspberry-serv

Öffne die Datei flaggen.html in notepad++ und lies dir die Kommentare in der Datei durch.

Nimm die Dateien guinea.html oder indonesien.html als Vorlage für eigene Flaggen. Benenne die Dateien um und entwirf eigene Flaggen.

Lege in deiner index.html Datei Links zu deinen Flaggen an. <a href="flaggen.html">Flagge von xxx</a>

Eine Flagge in HTML

Polnische Flagge, Seitenverhältnis 5:8

  • Grundgerüst einer HTML Datei – was sind Tags? <html> <head> <body>
  • eine Tabelle, Tabellenspalten und Tabellenzellen: <table> <tbody> <th> <tr> <td>
  • Attribute für Tabellen in HTML: style, bgcolor, align, valign, colspan
  • Kommentare in HTML <!-- dies hier ist ein Kommentar -->
  • Bildpunkte (pixel) als Maßeinheit
  • die Verwendung von Seitenverhältnissen (aspect ratio) als Gestaltungsansatz
  • Hexadezimale Darstellung von Farben aus dem RGB Farbraum (Rot/Grün/Blau)

    #000000 #ff0000 #ffff00 #00ff00 #00ffff #0000ff #ffffff

Unter diesem Link findest du eine nützliche Dokumentation zu HTML: http://de.selfhtml.org/.

Die Bilder für die Flaggen können hier mit Rechtsklick heruntergeladen werden:

weißer Adler Albanien Aserbaidschan Barbados
Brasilien Chile Hamburg Indien
Japan Kanada Lübeck Afghanistan
Saudi Arabien Türkei China (VR) Tunesien

HTML

  1. Verbinde dich im Windows Explorer mit dem Verzeichnis public_html in deinem Benutzerverzeichnis auf dem Raspberry Server \\raspberry-serv\ und weise der Verknüpfung den Laufwerksbuchstaben R: zu.
  2.  

  3. Öffne die Datei R:\\public_html\index.html in notepad++ und speichere sie unter einem neuen Namen text.html im Verzeichnis R:\\public_html\
  4.  

  5. Im Windows Explorer gehe in das Verzeichnis R:\\public_html\ und erstelle ein neues Verzeichnis img für Bilder (images)
  6. Suche dir mit dem Chrome Browser ein Bild aus dem Internet, welches du auf deiner Seite einfügen möchtest. Speichere das Bild mit Rechtsklick und gib als Speicherort das Verzeichnis R:\\public_html\img an. Gib dabei der Bilddatei einen aussagekräftigen und leicht zu merkenden Namen. Merke dir auch, in welchem Bildformat das Bild gespeichert ist (JPG, PNG, GIF).
  7. Öffne die Datei R:\\public_html\text.html in notepad++ (wenn sie nicht schon offen ist) und füge in den BODY-Tag das Bild ein. <img src="img/Name der Bilddatei" />
  8. Schreibe im BODY-Tag einen kurzen Text unter das das Bild. Benutze dabei den Absatz-Tag <p></p>
  9. Öffne die Datei R:\\public_html\index.html erneut und füge in den BODY-Tag einen Link zu der Datei mit Bild und Text ein: <a href="text.html">mein erster Link</a>.
  10. Speichere deine Arbeitsergebnissen in R:\\public_hmtl bevor du dich von deinen Computer abmeldest.

Schülerinnen- und Schüler-links

Matti Ben Liv Finja
Jesse Kaan Konstantin Leon
Paula Ryan-Jamil Vicente Luca-Kay
Nelly Tore Felix Levi
Antonia Jelena Leonard  

Aufgabe 20. Sept. 2017

  1. Klicke auf deinen Namen in der Liste.
  2. Speichere ein Lesezeichen für deine Seite im Web-Browser.
  3. Verbinde dich mit dem Datei-Server.

Mit dem Datei-Server verbinden

  1. Öffne den Dateimanager(unten links in der Startleiste), klicke unten in der Liste links auf Netzwerk und gib bei der Suche raspberry-serv ein. Jetzt siehst du, ob der Datei-Server verfügbar ist.
  2. Ein Rechtsklick auf Netzwerk öffnet ein Menü, in dem du «Netzlaufwerk verbinden…» wählen kannst.
  3. Es öffnet sich ein neues Eingabefenster. Wähle hier als Laufwerksbuchstaben R: und gib bei Ordner: \\raspberry-serv\ (Für das Zeichen \, den backslash, hältst du die Taste AltGr gedrückt und tippst dann auf das ß) gefolgt von deinem Benutzernamen ein. Klicke danach auf «Fertig stellen».
  4. Ein Netzwerklaufwerk mit deinem Benutzernamen taucht als neues Laufwerk unter Computer im Dateimanager auf. In diesem Laufwerk mit dem Buchstaben R: befindet sich der Ordner public_html. Dort speicherst du alle deine HTML- und PHP-Dateien sowie Bilder und gegebenefalls CSS-Dateien.
  5. In diesem Ordner muss eine Datei mit dem Namen index.html oder index.php gespeichert sein.
  6. Willst du dir deine Website ansehen, dann gib im Browser in der URL-Leiste http://raspberry-serv/~dein Benutzername ein. (Für das Zeichen ~, die Tilde, hältst du die Taste AltGr gedrückt und tippst dann auf das +). … oder klicke auf deinen Namen in der Tabelle.

Fake News

Das Internet und die Sozialen Netzwerke sind voller Falsch­meldungen, ge-photoshoppten Bildern und fake news – aber wie geht das?

Inhalte einer Website verändern

Folge den Schritten, die auf dem Arbeitsblatt angegeben sind.

Markiere den Inhalt des Kastens unter diesem Absatz, drücke die Tastenkombination Ctrl-C oder Strg-C um den markierten Text in den Zwischenspeicher des Computers zu laden. Setze den Zeiger (Cursor) an die Stelle, wo der Text eingefügt werden soll und drücke die Tastenkombination Ctrl-V oder Strg-V um den Inhalt des Zwischenspeichers wieder einzufügen.

javascript:document.body.contentEditable='true';document.designMode='on';void0

trump

 

Break your own News

worchester

 

Gestalte ein Standbild einer Nachrichtensendung mit eigenem Text und Bild. http://www.breakyourownnews.com/

Speichere das Bild in H:\\Eigene Dokumente.

link link