Hallo und willkommen!
Mithilfe dieser Anleitung erstellst Du Dir einen eigenen Comic. Um zu beginnen klickst Du rechts oben auf der Comicseite beim 'Fischsymbol' auf 'Remix on Glitch'. Viel Spaß!
Der Titel Deiner Comicseite befindet sich in der Zeile 110
in der Datei index.html.
Allen Text, den Du zwischen die <h1>
Symbole schreibst, erscheint als Überschrift auf Deiner Comicseite.
Zuerst ändern wir das Bild der ersten Szene. Öffne https://search.creativecommons.org. in Deinem Browser
Alternativ kannst Du auch andere Webseiten mit offen lizenzierten Bildern wählen.
Wenn Du ein passendes Bild gefunden hast, dann klicke mit der rechten Maustaste auf 'Bild-URL kopieren' oder 'Bild-Adresse kopieren'
Die kopierte URL/ Adresse des Bildes fügst Du dann in Deine Comic-Szene ein - in der ersten Szene befindet sich die URL in Zeile 128
. Alternativ kannst Du auch in den Ordner 'assets' wechseln und dort eigene Bilder hochladen.
Tipp: Im Ordner 'assets' kannst Du auch ein Selfie hochladen. Klicke dazu einfach auf 'Take a selfie".
Die Textbeschriftungen werden mit <p>
eingeschlossen. Sie können entweder oben (<p class=”top”>
) oder unten <p class=”bottom”>
eingefügt werden.
Für Deine eigene Beschriftung änderst Du einfach den Text zwischen dem <p>
und dem </p>
in der Linie 126
. Wenn Du die Beschriftung anzeigen willst, dann änderst Du noch zusätzlich 'bottom' in 'top'.
Es gibt zwei Arten von Sprechblasen: Links (Left) und rechts (right). Die Sprechblassen sind auch in ein <p>
eingeschlossen. Je nach gewünschter Position werden sie erkannt mit dem Code <p class="speech left">
oder <p class="speech right">
. Ändere den Text zwischen <p>
und </p>
und entscheide Dich, ob Deine Sprechblase rechts oder links sein soll.
Wiederhole Schritt 2 bis 4, um auch die anderen Szenen zu gestalten.
Wenn Du einen längeren Comic haben möchtest, dann kopiere eine Szene und füge sie ab Zeile 167
ein. Dann passe den Text und das Bild an.
Zum Schluss suchst Du noch nach dem credits
Bereich auf Deiner Webseite. Hier kannst Du angeben, woher Deine Bilder stammen. Falls nötig ist hier auch Platz für einen Lizenzhinweis.
Links oben unter 'Show Live' findest Du Deinen fertigen Comic. Du kannst Dir die URL kopieren und sie mit Freundinnen und Freunden teilen.
Beim Teilen in sozialen Medien kannst Du gerne den Hashtag #teachtheweb verwenden.