Jak přidat obrázek do testu v ISu

Tereza Kořínková tutorial

Bez popisku

Školní systém IS už pro učitele nabízí mnoho funkcí. Jednou z nich je i tvorba elektronických testů. Ve výchozím nastavení se ovšem pracuje pouze s textovým zadání. V tomto návodu vám ale ukážu, že je možné do testu dostat i obrázky. Vizuální materiál totiž dokáže vhodně ilustrovat a rozšířit vaše otázky a zároveň, obrázky přímo v odpovědnících, mohou studentům usnadnit a omezit nutnost proklikání se na jiné stránky a zdroje.

Pro ty, co s formou online testu ještě nemají zkušenosti, tu je souhrn otázek a odpovědí jak k Odpovědníkům, tak samotným Sadám otázek. Dozvíte se v nich základní informace o jejich tvorbě, správě a všem, co k jejich využívání potřebujete vědět.

Pokud jste tedy s Odpovědníky seznámeni, ráda bych vám ukázala, jak v několika krocích můžete do své otázky přidat obrázek. Zde je návod krok po kroku.

20 STEPS

1. Přejděte do IS MUNI, na záložku Učitel.

Step 1 image

2. Vyberte předmět, ve kterém chcete test vytvořit 

Step 2 image

3. Sjeďte dolů na záložku Odpovědníky a klikněte na Sady otázek

Step 3 image

4. Klikněte na Založit novou sadu otázek.

(Pokud chcete vložit obrázek do stávající sady otázek, otevřete si již existující.)

Step 4 image

5. Do kolonky Stručně a výstižně pojmenujte sadu otázek napište vlastní název sady.

Step 5 image

6. Klikněte na Uložit

Step 6 image

7. Klikněte na Plnit sadu testových otázek

Step 7 image

8. Na stránce si najděte tuto zvýrazněnou část - vložit novou otázku

Step 8 image

9. Klikněte na písmeno r.

(Jestliže chcete vložit jiný typ otázky, klikněte na jiné příslušné písmeno, postup vložení obrázku je u všech stejný.)

Step 9 image

10. Napište otázku

Step 10 image

11. vyplňte tabulku s odpověďmi

(nezapomeňte zaškrtnou správnou odpověď pomocí ok/případně přidělení bodů)

Step 11 image

12. Klikněte na Uložit

Step 12 image

13. Najděte zelenou kolonku Upravit, klikněte na textovým editorem

Step 13 image

14. Do textu si zkopírujte (CTRL + C) a vložte (CTRL + V) kód níže.

Použít můžete buď základní nebo rozšířenou verzi. 

Step 14 image

15. Do " " (místo w3schools.jpg) vložte URL adresu vlastního obrázku.

(Obrázek musí být dostupný na internetu. Jeho adresu zkopírujete tak, že na něj kliknete pravým tlačítkem myši a kliknete na Kopírovat adresu obrázku.)

Step 15 image

16. Adresa našeho obrázku je již vložena.

Step 16 image

17. Nyní přepište takzvaný "alternativní text", tak aby popisoval váš obrázek.

Tento krok není pro vložení obrázku zásadní, pomáhá to ale, když se obrázek nechce načíst.

Pokud tedy tento popis nechcete, můžete si zkopírovat pouze základní verzi kódu.

Step 17 image

18. Podobně jako alt, ani nastavení výšky a šířky není nutné. Pokud vám tedy vyhovuje původní velikost, můžete použít pouze základní verzi kódu.

!!! nemažte závěrečnou hranatou závorku !!!

Step 18 image

19. Klikněte na Uložit

Step 19 image

20. Hotovo, váš obrázek je vložen.
Opětovné úpravy můžete provádět znova kliknutím na textovým editorem.

Step 20 image

Here's an interactive tutorial

https://www.iorad.com/player/1844515/Jak-p-idat-obr-zek-do-testu-v-IS-MUNI

Základní kód si můžete zkopírovat zde:

<img src="URL ADRESA OBRÁZKU">

Kód rozšířený o alternativní název a velikost obrázku:

<img src="URL ADRESA OBRÁZKU" alt="SLOVNÍ POPIS OBRÁZKU" width="600" height="500">

Chci i jiné HTML značky

Pokud byste chtěli se značkami více experimentovat a pokusit se vložit i jiné prvky než obrázky, podívejte se na stránky W3Schools, kde nejen že naleznete kódy prakticky na všechno, ale můžete si jejich funkčnost rovnou vyzkoušet a vůbec se o programování naučit více. 

Tato stránka ale není jediná a pokud si do vyhledávače zadáte HTML, naleznete mnoho různorodých odkazů s touto tematikou.


Více článků

Přehled všech článků

Používáte starou verzi internetového prohlížeče. Doporučujeme aktualizovat Váš prohlížeč na nejnovější verzi.

Další info