Hvordan tekst og innhold presenteres i Canvas kan støtte under læring ved å fremheve deler av tekst eller hjelpe styre oppmerksomhet til ulike deler av siden. UiO har laget flere designelementer for Canvas som kan tas i bruk for å øke kvaliteten på HTML-innholdet i sider, oppgaver, diskusjoner, osv. Det er viktig å forholde seg til universell utforming, så derfor har vi tatt hensyn til dette i utvikling av disse elementene.

"Showroom" med designelementer i UiOs Canvas

For å se ulike designelementer i bruk i Canvas, har vi laget et enkelt "showroom" (uio.instructure.com, krever innlogging med UiO-brukernavn) som viser de ulike elementene.

Skjermdump fra Canvas "showroom" som viser fargeboks i bruk for å fremheve deler av teksten på en side.

Legge inn designelementer

Mye av innholdet i Canvas legges inn i enten Sider eller andre steder hvor det er mulig å redigere i HTML-visning. For å bruke designelementer, må du kunne litt HTML og følge veiledningen med detaljerte oppskrifter (uio.no) som viser anbefalt måte å legge inn elementene på riktig sted.

Designelementer brukes mye i e-læring og ulike læringsressurser i Canvas, men de kan støtte opp under læring i vanlig undervisning også.

Husk å følge veiledningen og å lagre ofte underveis i arbeidet med innholdet. Om du må redigere igjen, husk at det finnes en versjonsoversikt i Canvassidene (instructure.com).

Designelementer i Canvas (uio.no) https://www.uio.no/for-ansatte/arbeidsstotte/sta/canvas/veiledninger/utnytt-mulighetene/designelementer.html

By highlighting parts of the text or helping direct attention to different parts of the page in Canvas we can support learning. UiO has created several design elements for Canvas that can be used to increase the quality of the HTML content in pages, assignments, discussions, etc. It is important to think of accessibility, so we have taken this into account in the development of these elements.

"Showroom" with Design Elements in UiO's Canvas

To see various design elements in use in Canvas, we have created a simple "showroom" (uio.instructure.com, requires login with UiO username) that displays the different elements.

Skjermdump fra Canvas "showroom" som viser fargeboks i bruk for å fremheve deler av teksten på en side.

Using design elements

Much of the content in Canvas is created in either Pages or other tools where it is possible to edit in HTML-view. To use design elements, you need to be comfortable with using HTML-view and follow the guide with detailed instructions (uio.no) that shows the recommended way to insert the elements in the right place.

Design elements are widely used in e-learning and various learning resources in Canvas, but they can also support learning in regular teaching.

Remember to follow the guide and save frequently during the work on the content. If you need to edit again, remember that there is a version history in Canvas pages (instructure.com).

Designelementer i Canvas (Norwegian, uio.no) https://www.uio.no/for-ansatte/arbeidsstotte/sta/canvas/veiledninger/utnytt-mulighetene/designelementer.html

OBS! Bruk språkvalget i toppen av siden for å veksle mellom norsk og engelsk ved behov. NB! Use the language selector in the top of the page to change between Norwegian and English content.