iframe-kód beszúrása

Iframe-kód beszúrása

Kurzuslecke létrehozásakor iframe-kóddal külső szolgáltatásokból származó anyagokkal egészítheti ki a leckét, például Google Táblázatokkal, Google Űrlapokkal, Wordwall-feladatokkal, illetve a Canva, a Genial.ly és más, beágyazható kódot kínáló szolgáltatások prezentációival. Így a tanulók az oldal elhagyása nélkül, közvetlenül a leckében tölthetnek ki űrlapokat és tekinthetnek meg prezentációkat.

Példaleckét talál a következő hivatkozáson.

Kód beszúrása egy leckébe

Ha kódot szeretne beszúrni egy leckébe, egyszerűen adja hozzá a Szöveg, kép, kódbeágyazás elemet.

Ezután válassza az eszköztáron a Kódbeágyazás gombot, és illessze be a kódot.

A beágyazott objektum (prezentáció, táblázat, játék stb.) magasságának vagy szélességének módosításához adja hozzá a kódhoz a méreteket: width="640" height="1000", és adja meg a beágyazott objektumnak megfelelő számértékeket.

A beágyazási kód megkeresése

Google Űrlapok

Nyissa meg a leckébe vagy feladatba beágyazni kívánt űrlapot. Kattintson a Küldés gombra, válassza a kód ikont, majd másolja ki a kódot. Az űrlap méreteit ugyanebben az ablakban módosíthatja.

Google Táblázatok

Nyissa meg a megosztani kívánt táblázatot. Válassza a Fájl – Megosztás – Közzététel az interneten – Beágyazás lehetőséget, majd döntse el, hogy egyetlen munkalapot vagy a teljes dokumentumot szeretné beágyazni. A megerősítést követően létrejön egy kód, amelyet felhasználhat egy Kwiga-leckében vagy -feladatban. Ne feledje, hogy a méreteket a következő paraméterekkel módosíthatja: width="640" height="1000" (tetszőleges értékeket adhat meg).

Canva

Nyissa meg a leckében vagy kvízben használni kívánt Canva-prezentációt vagy -tervet. Kattintson a Megosztás – Továbbiak – Beágyazáslehetőségre, egyezzen bele a prezentáció nyilvánossá tételébe, majd tegye közzé. Használja a HTML-beágyazási kódot.

Genial.ly

Győződjön meg róla, hogy közzétette a prezentációt a Genial.ly szolgáltatásban. Piszkozatot vagy privát prezentációt nem oszthat meg.

Ezután egyszerűen kattintson a Megosztás lehetőségre a Bemutatás gomb mellett, válassza a Beágyazás lehetőséget, és másolja ki az iframe-kódot.

A beágyazott prezentáció méreteinek módosításához szerkessze a magasság és a szélesség paramétereit.

WordWall

Nyissa meg a Kwiga-leckéhez vagy -feladathoz hozzáadni kívánt anyagot, majd kattintson a Megosztásgombra, válassza a kód ikont, majd az iframe lehetőséget (alapértelmezés szerint ez van kijelölve). Másolja ki a kódot, és használja a Kwiga felületén.

A beágyazott anyag méreteit a szélesség és a magasság értékeinek módosításával itt is beállíthatja.

Quizlet

Nyissa meg a kvíz oldalát a Quizleten, és keresse meg a Megosztás gombot, valamint a mellette lévő hárompontos gombot. Kattintson a három pontra, és válassza a Beágyazás:

lehetőséget. A megnyíló ablakban módosíthatja a tanulási módot, és kimásolhatja az alul található kódot, hogy hozzáadja a lecke oldalához (sárgával kiemelve):

Dropbox

A Dropboxba feltöltött videókat beágyazhatja a tananyagba. Ehhez szerezze meg a videófájl közvetlen hivatkozását (ne a Dropbox Megosztás gombjával kapott hivatkozást!), majd ágyazza be iframe-ként.

A beágyazott tartalom megtekintéséhez fogadja el a sütiket. Megnyitás új lapon

A lépések alább láthatók:

1. Nyissa meg Dropbox-fiókját, keresse meg a fájlt, és kattintson a Megosztás gombra. Győződjön meg róla, hogy a hivatkozás birtokában bárki megtekintheti a fájlt, majd másolja a hivatkozást egy szövegszerkesztőbe.

2. A hivatkozás végén ezt találja: dl=0, amelyet erre kell cserélnie: raw=1. Az alábbi képernyőképen két hivatkozás látható: az eredeti, amelyet az 1. lépésben másolt ki, alatta pedig a módosított hivatkozás.

3. Másolja a módosított hivatkozást (az alsót) a böngésző címsorába, és nyomja meg az Enter billentyűt. A címsorban ezután egy másik URL jelenik meg. Ez a fájl közvetlen hivatkozása, amelyre a tananyaghoz szüksége lesz.

4. Nyissa meg a tananyagot, és adjon hozzá egy Szöveg, kép, kódbeágyazás blokkot oda, ahová be szeretné illeszteni a videót. Kattintson +, adjon hozzá HTML kódot, válassza az iframelehetőséget, és illessze be a videó URL-jét (amelyet a 3. lépésben kapott) a hivatkozás mezőjébe:

Fontos, hogy a videó streamelése a Dropbox szervereiről történik. A lejátszás sebessége és minősége teljes mértékben a Dropboxtól függ. A Dropbox korlátozásokat is alkalmazhat, amelyekről itt olvashat: sávszélesség-korlátozások.