Designobjekt i Canvas

Ibland kan det bli tydligare och trevligare med lite färg och struktur i kursen på lärplattformen! Här är några designobjekt du kan anpassa och hämta till din kurs!

Innehåll: Textrutor | Linje | Utfällbart | Kolumner | Navigation

Gör så här

  1. Leta här på sidan efter ett designobjekt som du vill använda
  2. För en del objekt finns det möjlighet att välja färger genom att klicka på färgkodsrutan
  3. Följ instruktionen under designobjektet för att kopiera objektets kod
  4. Gå till sidan/uppgiften/diskussionen där du vill använda objektet och redigera den
  5. För de flesta designobjekt från den här sidan gäller: ställ dig (…eller din dators markör) på stället där du vill lägga in designobjektet, Leta upp ”Inbäddning” under menyvalet ”Infoga” och klistra in den kopierade koden

Textrutor

Rubrik

Text

Välj bakgrundsfärg:   för objektet ovan och gå till din kursplats för att bädda in objektet.

Text

Välj bakgrundsfärg:   för objektet ovan och gå till din kursplats för att bädda in objektet.

❗OBS  Text

Välj linjefärg:   för objektet ovan och gå till din kursplats för att bädda in objektet.

📥 Inlämning

Text

Välj bakgrundsfärg:   för objektet ovan och gå till din kursplats för att bädda in objektet.

🏋️ Övning

Text

Välj bakgrundsfärg:   för objektet ovan och gå till din kursplats för att bädda in objektet.

Seminarium 1: Innehållsbeskrivning
Tid/plats
Informationstext…
📖 Förberedelser inför seminariet.

Välj linjefärg:  (Förslag på färger: #9b0300 , #147101 , #02678a )  för objektet ovan och gå till din kursplats för att bädda in objektet.

Rubrik

Text

Välj linjefärg:   för objektet ovan och gå till din kursplats för att bädda in objektet.

 

Avgränsande linje


Välj linjefärg:   för objektet ovan och gå till din kursplats för att bädda in objektet.

 

Utfällbart innehåll

Summering

Detaljer (öppnas/stängs)

Välj bakgrundsfärg: för ett utfällbart innehåll, med andra ord en ”flopp-flopp”😉. Den utfällbara delen är utfälld i textredigeraren och ihopfälld när du sparat. OBS! lägg inte in desingkoden längst ner på sidan, för då får du problem om du vill skriva någon nedanför. Om du vill lägga in fler ”flopp-flopp” ställer du dig på stycket före eller efter ett du redan lagt in.

 

Kolumner

Här kan du välja mellan två eller tre kolumner. Koden skapar rutor med en rubrikdel och en textdel. Rutorna sitter bredvid varandra när besökare tittar med en bred skärm eller under varandra när besökare t ex använder mobiltelefon. När sidan redigeras sitter rutorna (utan kantlinje) under varandra.

Bilden visar två kolumner med rubrik och ett textstycke i varje

för två kolumner med den valda breddfördelningen, och gå till din kursplats för att bädda in objektet.

Bilden visar tre kolumner med rubrik och ett textstycke i varje

för tre kolumner som på bilden ovan, och gå till din kursplats för att bädda in objektet.

 

för länkbanner (se ovan) och gå till din kursplats för att bädda in objektet. Kom ihåg att ändra länkarna efteråt!

Navigationskort med infotext, som visas nedan, kan användas på t ex en sida. OBS! lägg inte in kort längst ner på sidan, för då får du problem om du vill skriva någon under korten. När du vill lägga in fler kort ställer du dig på stycket före eller efter ett kort du redan lagt in. När du lagt in dina bilder och ändrat länk/text kan det se ut så här:

Bilden visar navigationskort med länk och  informationstext

för ett navigationskort med infotext, som ovan, och gå till din kursplats för att bädda in objektet.

Navigationskort utan infotext:

Bilden visar navigationskort med länk, men utan informationstext

för ett navigationskort utan infotext, som ovan, och gå till din kursplats för att bädda in objektet.