Vytváření interaktivních návrhů pomocí kódu Canva
Kódování Canvy vám umožňuje vytvářet responzivní interaktivní návrhy bez technických problémů souvisejících s psaním kódu. Kódování Canvy můžete používat dvěma způsoby:
- Vytvářejte interaktivní návrhy kódu
- Vytvářejte plně interaktivní návrhy, jako jsou vstupní stránky, ovládací panely nebo portfolia, a upravujte je a publikujte jako webové stránky v editoru Canva.
- Přidejte do svých návrhů interaktivní prvky kódu
- Vytvářejte interaktivní prvky, jako jsou kvízy, kalkulačky nebo grafy, pro jiný návrh a opakovaně je používejte v několika návrzích.
Tipy:
- Přečtěte si další informace o tom, jak se tato funkce započítává do vašeho využívání umělé inteligence.
- Zjistěte, jak psát lepší výzvy k maximalizaci příspěvku na umělou inteligenci.
Vytvářejte interaktivní návrhy kódu
Typ návrhu Kód použijte, když chcete vytvořit kompletní interaktivní prostředí.
- Tvořte vstupní stránky, ovládací panely, portfolia a další typy obsahu
- Upravujte a upřesňujte v editoru Canva
- Publikujte jako responzivní web
- Na domovské stránce Canvy vyberte možnost Kódovat. Otevře se editor Canva.
- V editoru Canva začněte popisem svého návrhu na kartě Canva AI. Zadejte zadání například „Navrhněte interaktivní uživatelsky přívětivý sledovač cvičení.“
- Na kartě Šablony můžete také procházet nebo hledat šablony, se kterými můžete začít.
- Upřesněte ho pomocí Canva AI nebo přímých úprav. V části Úpravy návrhů a prvků interaktivního kódování Canvy se dozvíte, jak na to.
Přidejte do svých návrhů interaktivní prvky kódu
Přejděte do části Canva AI , Kódovat, pokud chcete vygenerovat jednu interaktivní komponentu.
- Můžete vytvářet kvízy, kalkulačky, grafy a další prvky jako prvky.
- Přidejte je do prezentací, tabulí nebo jiných typů návrhů. Publikujte jako web nebo opakovaně použijte prvky v několika návrzích.
- Na domovské stránce Canvy vyberte možnost Canva AI.
- Do pole Zadání popište interaktivní prvek kódu, který chcete vytvořit. Další informace o upozorňování na umělou inteligenci najdete tady.
- Vyberte možnost </> Kód.
- Stiskněte klávesu Enter na klávesnici nebo klikněte na tlačítko Odeslat. Canva AI připraví váš návrh na základě vašeho zadání.
- Po vygenerování návrhu kódu vyberte možnost Použít v návrhu.
- V oddílu Přidat jako prvek do pak vyberte typ dokumentu, který chcete přidat jako interaktivní prvek Kód.
- Chcete-li návrh vygenerovaný kódem Canvy vylepšit, vyzvěte k úpravám v poli chatu na postranním panelu.
Poznámka: K verzím návrhu můžete přistupovat z vlákna chatu pomocí funkce Canva AI.
Upravujte své interaktivní návrhy a prvky vygenerované v kódu Canva
Vylaďte svůj návrh vygenerovaný kódem Canva pomocí nástrojů editoru. Další informace najdete v části Úpravy interaktivních návrhů a prvků vygenerovaných kódem Canva .
Náhled návrhu a jeho publikování
Výběrem možnosti Náhled můžete návrh upravit. Jakmile bude všechno v pořádku, můžete to publikovat jako web. Zjistěte, jak publikovat a spravovat weby Kódování Canvy.
Poznámka: Interaktivita funguje, když je návrh zobrazen v Canvě nebo publikován jako webová stránka.
Získejte přístup k verzím kódování Canvy, kopírujte a spravujte je
Pokaždé, když pomocí zadání aktualizujete návrh kódování Canvy, Canva automaticky uloží novou verzi v rámci stejného vlákna chatu. Díky tomu se můžete vrátit ke starším iteracím, pokračovat v úpravách z předchozí verze nebo vygenerovaný kód zkopírovat pro externí použití.
Prohlédněte si historii verzí
- Na domovské stránce Canvy otevřete službu Canva AI.
- Na panelu zadání vyberte možnost </> Kódovat . Zobrazí se vám chaty s Kódováním Canvy na postranním panelu.
- Poznámka: Chaty Kódování Canvy poznáte podle ikony </> vedle.
- Otevřete vlákno chatu Kódování Canvy.
- Na postranním panelu procházejte dostupné verze (například: Verze 1, Verze 2 a další).
Poznámka: Pokud budete pokračovat v zobrazování výzvy v rámci stejného chatu, automaticky se vytvoří nová verze.
Použít předchozí verzi
- Otevřete vlákno chatu Kódování Canvy.
- Vyberte verzi, kterou chcete použít.
- Výběrem možnosti Použít v návrhu můžete pokračovat v úpravách této verze v Canvě.
Zobrazte a zkopírujte kód
Můžete si prohlédnout základní kód vygenerovaný Kódováním Canvy a zkopírovat ho pro opětovné použití mimo Canvu.
- Ve vláknu kódu Canvy zapněte přepínač Zobrazit kód.
- Výběrem Kopírovat kód je uložíte do schránky.
Omezení kódování Canvy
- Kódování Canvy podporuje všechny jazyky, které jsou v Canvě dostupné, s výjimkou uživatelů v doměnce canva.cn.
- Kód Canvy bude přebírat pokyny pouze z popisu, který jste zadali nebo použili. Čím víc kontextu a pokynů dáte, tím lepší výsledek bude.
- Kód je možné kopírovat a opakovaně používat externě, ale nelze ho exportovat jako soubor ani přímo v Canvě upravovat.
Můžu kód použít znovu mimo Canvu?
Ano. Po zkopírování můžete kód používat ve svých vlastních projektech. I když byl vytvořen pro Canvu, můžete ho přizpůsobit pro externí nástroje nebo pracovní postupy.
Mohu své výtvory z Kódování Canvy používat pro komerční účely?
Ve vztahu mezi vámi a Canvou a v rozsahu povoleném zákonem platí, že vlastníte Vstup a Výstup pro naše AI funkce (včetně Kódování Canvy a vytvořených kódů Canvy) a Canva si nebude činit žádné nároky na vlastnictví autorských práv k vašemu Vstupu nebo Výstupu. (včetně vytvořených kódů Canvy). Další podrobnosti a úplné podmínky najdete v našich podmínkách pro produkty AI.
Kdo může vidět, co vytvořím pomocí Kódování Canvy?
Svoje konverzace pomocí Kódování Canvy vidíte jen vy. Když kliknete na možnost Použít v návrhu, vytvoří se nový návrh s touto verzí a vy můžete návrh (včetně kódování Canvy) sdílet pomocí tlačítka Sdílet.
Pokud publikujete návrh na webovou stránku, řídí se řízení přístupu pomocí nastavení, která nakonfigurujete během procesu publikování na webovou stránku.
Mohu spravovat přístup mého týmu ke Kódování Canvy?
Pokud jste správce, učitel nebo návrhář značky, můžete si vybrat, kdo má ve vašem týmu nebo třídě přístup ke Kódování Canvy.
Nemůžete najít kód Canva na vaší domovské stránce? Další informace o omezeních přístupu ke kódu Canva.
Proč nevidím změnu řádků kódu?
Kódování Canvy teď používá úpravy založené na rozdílech, což znamená, že se aktualizují jen nezbytné řádky kódu místo opětovného generování celého bloku. Díky tomu získáte rychlejší zpětnou vazbu, když provádíte malé změny v logice návrhu.
Pokud se řádky kódu po odeslání výzvy nezmění, znamená to, že Canva pracuje na pozadí a používá jen nezbytné změny. Počkejte, až Kód Canvy dokončí generování další verze.
Pomohlo vám to?
Užitečné
Neužitečné