Vkládání kódu iframe

Jak vložit kód iframe

Při vytváření lekce kurzu můžete pomocí kódu iframe obohatit lekci o materiály ze služeb třetích stran, jako jsou Google Sheets, Google Forms, Wordwall nebo prezentace z Canva, Genial.ly a dalších služeb, které umožňují vložit kód na stránku. Studenti tak mohou vyplňovat formuláře a prohlížet si prezentace přímo v lekci, aniž by museli stránku opustit.

Ukázkovou lekci najdete na následujícím odkazu.

Jak vložit kód do lekce

Chcete-li do lekce vložit kód, stačí přidat prvek Text, obrázek, vložený kód.

Poté na panelu nástrojů vyberte tlačítko Vložit kód a vložte kód.

Chcete-li změnit výšku nebo šířku vloženého objektu (prezentace, tabulky, hry apod.), přidejte do kódu rozměry width="640" height="1000", přičemž zadejte číselné hodnoty odpovídající vloženému objektu.

Jak najít kód pro vložení

Google Forms

Otevřete formulář, který chcete vložit do lekce nebo úkolu. Klikněte na Odeslat, vyberte ikonu kódu a kód zkopírujte. Ve stejném okně můžete také upravit rozměry formuláře.

Google Sheets

Otevřete tabulku, kterou chcete sdílet. Přejděte na Soubor – Sdílet – Publikovat na webu – Vložit a zvolte, zda chcete vložit jeden list, nebo celý dokument. Po potvrzení se vygeneruje kód, který můžete použít v lekci nebo úkolu na platformě Kwiga. Nezapomeňte, že rozměry můžete upravit pomocí width="640" height="1000" (zadejte libovolné hodnoty).

Canva

Otevřete prezentaci nebo návrh v Canva, který chcete použít v lekci nebo kvízu. Klikněte na Sdílet – Další – Vložit, potvrďte zveřejnění prezentace a publikujte ji. Použijte kód HTML pro vložení.

Genial.ly

Ujistěte se, že jste prezentaci v Genial.ly publikovali. Koncept ani soukromou prezentaci nelze sdílet.

Poté stačí kliknout na Sdílet vedle tlačítka Prezentovat , vybrat Vložit a zkopírovat kód iframe.

Chcete-li změnit rozměry vložené prezentace, upravte parametry výšky a šířky.

WordWall

Otevřete materiál, který chcete přidat do lekce nebo úkolu na platformě Kwiga, a klikněte na Sdílet, vyberte ikonu kódu a zvolte iframe (vybráno ve výchozím nastavení). Zkopírujte kód a použijte jej na platformě Kwiga.

Rozměry vloženého materiálu můžete jako vždy upravit změnou hodnot šířky a výšky.

Quizlet

Otevřete stránku kvízu na Quizlet a najděte tlačítko Sdílet a tlačítko se třemi tečkami vedle něj. Klikněte na tři tečky a vyberte Vložit:

V okně, které se otevře, můžete změnit režim učení a zkopírovat kód ve spodní části (zvýrazněný žlutě), který pak přidáte na stránku lekce:

Dropbox

Videa nahraná na Dropbox můžete vložit do lekce. Získejte přímý odkaz na videosoubor (nikoli odkaz vytvořený tlačítkem Sdílet v Dropboxu!) a vložte jej jako iframe.

Chcete-li zobrazit vložený obsah, přijměte soubory cookie. Otevřít na nové kartě

Postup je uveden níže:

1. Otevřete svůj účet Dropbox, najděte soubor a klikněte na Sdílet. Ujistěte se, že soubor může zobrazit každý, kdo má odkaz, a poté odkaz zkopírujte do textového editoru.

2. Na konci odkazu najdete dl=0, které je třeba nahradit za raw=1. Na snímku obrazovky níže jsou dva odkazy: původní odkaz zkopírovaný v kroku 1, a pod ním upravený odkaz.

3. Zkopírujte upravený odkaz (ten spodní) do adresního řádku prohlížeče a stiskněte Enter. V adresním řádku se pak zobrazí jiná URL adresa. To je přímý odkaz na soubor, který potřebujete pro lekci.

4. Otevřete lekci a na místo, kam chcete vložit video, přidejte blok Text, obrázek, vložený kód. Klikněte +, přidejte HTML kód, vyberte iframe, a vložte URL adresu videa (získanou v kroku 3) do pole pro odkaz:

Upozornění: video se streamuje ze serverů Dropboxu. Rychlost a kvalita přehrávání závisí výhradně na Dropboxu. Dropbox může také uplatňovat omezení popsaná zde: omezení přenosového pásma.