ressourcen

m152/README.md

@@ -4,8 +4,9 @@
 
 [> **Bewertungsraster** ](https://docs.google.com/spreadsheets/d/10biUbNsA-Uf0LPIsZng3Tjh104b-ZDa7TDFd2m1Ph3Q/edit#gid=0 )
 
-
+- [Ressourcen](./auftraege/x_gitressourcen)
-[ Skript: **Multimedia einbinden**](./Modul_152_Script_3.pdf)
+- [Buecher_Skripts_Praesentationen](./auftraege/x_gitressourcen/Buecher_Skripts_Praesentationen)
+- [Buecher_Skripts_Praesentationen/Skript](./auftraege/x_gitressourcen/Buecher_Skripts_Praesentationen/Modul_152_Script_3.pdf)
 
 ## Aufträge & Übungen
 | Tag  |  Komp. | Nr.    | Auftrag, Übung, Thema |

m152/auftraege/b/README.md

@@ -31,13 +31,7 @@ Gehört zum Modul-Bewertungsraster (K1) M152_Bewertungsraster
 
 Lesen Sie Kap. 3 im Buch (S. 40-90 , aber bitte nicht jeden Buchstaben -> überflugsmässig)
 
-
+[SaewertRiempp2019_Digital-Storytelling-im-Web](../x_gitressourcen/Buecher_Skripts_Praesentationen/SaewertRiempp2019_Digital-Storytelling-im-Web_9783658230555.pdf)
-
-[Buch](./x_gitressourcen/Buecher_Skripts_Praesentationen/SaewertRiempp2019_Digital-Storytelling-im-Web_9783658230555.pdf)
-
-
-
-https://bscw.tbz.ch/bscw/bscw.cgi/d31695006/SaewertRiempp2019_Digital-Storytelling-im-Web_9783658230555.pdf
 
 und lassen Sie sich davon inspirieren,
 
@@ -47,9 +41,12 @@ und lassen Sie sich davon inspirieren,
 
 Studieren Sie, was Mockups und Wireframes sind und schreiben Sie mit eigenen Worten in 3-4 Sätzen, was der Unterschied ist und wozu man das braucht. (Abgabe in txt-File hier im Auftrag) 
 
-https://www.webschmoeker.de/webdesign/unterschied-wireframe-und-mockup/
+- [https://app.moqups.com](https://app.moqups.com)
-
+- [https://thedigitalprojectmanager.com/de/die-10-besten-wireframe-tools](https://thedigitalprojectmanager.com/de/die-10-besten-wireframe-tools)
-https://bscw.tbz.ch/bscw/bscw.cgi/31665901
+- [https://www.iqual.ch/de/internet-glossar/mockups](https://www.iqual.ch/de/internet-glossar/mockups)
+- [https://www.webschmoeker.de/webdesign/unterschied-wireframe-und-mockup](https://www.webschmoeker.de/webdesign/unterschied-wireframe-und-mockup)
+- [https://www.lucidchart.com/pages/de/was-sind-website-wireframes](https://www.lucidchart.com/pages/de/was-sind-website-wireframes)
+- [https://www.iqual.ch/de/internet-glossar/wireframes](https://www.iqual.ch/de/internet-glossar/wireframes)
 
 
 ### Wireframe anwenden
@@ -57,13 +54,12 @@ https://bscw.tbz.ch/bscw/bscw.cgi/31665901
 
 Erstellen Sie eine Planung Ihrer Webseite mit einem Wireframe-Tool (oder skizzieren Sie von Hand / dann scannen oder fotografieren) und stellen Sie die entstanden Bilder/Grafiken/Scans in Ihrer neuen Webseite dar.
 
-wieviele und welche Seiten
+- wieviele und welche Seiten
-was ist in Etwa drauf (keine Details!!)
+- was ist in Etwa drauf (Wichtig: keine Details!!)
 
 https://www.elmastudio.de/eine-neue-webseite-entsteht-teil-2-die-layout-vorlage-mockup/
 
 
 Und machen Sie es so, wie diese Firma es für ihre Kunden anbietet.
-
 https://www.snowflake.ch/ux-design/
 

m152/auftraege/c/README.md

@@ -22,5 +22,11 @@ Zeitbedarf: ca. 100-120 min
 
 
 
-Lassen Sie sich anleiten von diesen Dateien (siehe BSCW-Link)
+Lassen Sie sich anleiten von diesen Dateien 
-https://bscw.tbz.ch/bscw/bscw.cgi/31700867
+
+- [Beispiele für einen perfekten Styleguide](https://t3n.de/news/styleguide-beispiele-794708/)
+- [den-perfekten-styleguide-fuer-eine-website-erstellen](https://www.ionos.de/digitalguide/websites/webdesign/den-perfekten-styleguide-fuer-eine-website-erstellen)
+- [Style Guide erstellen leicht gemacht](https://99designs.ch/blog/design-kreativitaet/style-guierstellen)
+- [Tools für Styleguides zu erstellen](https://t3n.de/news/styleguide-erstellen-tools-800688)
+- [snowflake.ch/ux-design](https://www.snowflake.ch/ux-design)
+

m152/auftraege/d/README.md

@@ -30,5 +30,4 @@ Lesen/studieren Sie im unten angegebenen Link die Dokumente. Finden Sie aus mög
 Die Abgabe hat nicht 2x die gleichen Fragen & Antworten in der Klasse!
 
 
-**Referenzmaterial**: 
+[Referenzmaterial](../x_gitressourcen/Urheberrecht)
-https://bscw.tbz.ch/bscw/bscw.cgi/31665742

m152/auftraege/e/README.md

@@ -8,4 +8,4 @@ Ergänzen Sie Ihre Urheberrechts-oder Ihre Impressum-Seite in Ihrem Internetauft
 
 Alle Informationen, die Sie hier zusammentragen auf einer/der entsprechenden Seite aufführen und allenfalls mit eigenen Kommentaren oder Feststellungen ergänzen.
 
-Ressourcen: https://bscw.tbz.ch/bscw/bscw.cgi/31665742 (und weiteres aus dem Internet)
+[Referenzmaterial](../x_gitressourcen/Urheberrecht) (und weiteres aus dem Internet)

m152/auftraege/x_gitressourcen/Urheberrecht/README.md

@@ -1,8 +1,12 @@
 ## Urheberrecht
 
 [Bundesgesetz über das Urheberrecht und verwandte Schutzrechte](https://www.admin.ch/opc/de/classified-compilation/19920251/)
+
 [Eidgenössisches Institut für Geistiges Eigentum (IGE)](https://www.ige.ch/de.html)
+
 [Impressumspflicht Schweiz (WEKA-Artikel 2018)](https://www.weka.ch/themen/marketing-verkauf/online-marketing/e-commerce/article/impressumspflicht-schweiz-so-erstellen-sie-rechtssichere-websites)
+
 [Urheberrecht (Schweiz)](https://de.wikipedia.org/wiki/Urheberrecht_(Schweiz))
+
 [Urheberrechtsgesetz (Schweiz)](https://de.wikipedia.org/wiki/Urheberrechtsgesetz_(Schweiz))
 

m152/auftraege/x_gitressourcen/Wireframes_Mockups/README.md

@@ -0,0 +1,8 @@
+## Wireframes, Mockups
+
+- [https://app.moqups.com](https://app.moqups.com)
+- [https://thedigitalprojectmanager.com/de/die-10-besten-wireframe-tools](https://thedigitalprojectmanager.com/de/die-10-besten-wireframe-tools)
+- [https://www.iqual.ch/de/internet-glossar/mockups](https://www.iqual.ch/de/internet-glossar/mockups)
+- [https://www.webschmoeker.de/webdesign/unterschied-wireframe-und-mockup](https://www.webschmoeker.de/webdesign/unterschied-wireframe-und-mockup)
+- [https://www.lucidchart.com/pages/de/was-sind-website-wireframes](https://www.lucidchart.com/pages/de/was-sind-website-wireframes)
+- [https://www.iqual.ch/de/internet-glossar/wireframes](https://www.iqual.ch/de/internet-glossar/wireframes)