Kreirajte interaktivne dizajne uz Canvin kod
Canva Code omogućuje izradu responzivnih, interaktivnih dizajna bez tehničkih poteškoća s pisanjem koda. Canvin kod možete koristiti na dva načina:
- Izradite interaktivne dizajne koda
- Izrađujte potpune interaktivne dizajne kao što su odredišne stranice, nadzorne ploče ili portfelji te uređujte i objavljujte kao web-mjesta u Canvinu uređivaču
- Dodajte interaktivne elemente koda u dizajne
- Na drugom dizajnu izradite interaktivne elemente kao što su kvizovi, kalkulatori ili grafikoni te ih ponovno koristite u više dizajna
Savjeti:
- Saznajte više o tome kako se ova značajka računa u vašu upotrebu umjetne inteligencije.
- Saznajte kako napisati bolje upite kako biste maksimizirali dodatak za umjetnu inteligenciju.
Stvori interaktivne dizajne programskog kôda
Upotrijebite vrstu dizajna koda kada želite stvoriti potpuno interaktivno iskustvo.
- Izradite odredišne stranice, nadzorne ploče, portfelje i još mnogo toga
- Uređujte i dorađujte u Canvinu uređivaču
- Objavite kao responzivno web-mjesto
- Na početnoj stranici Canve odaberite Kod. Time se otvara Canvin uređivač.
- U Canvinu uređivaču najprije opišite dizajn na kartici Canva AI. Pitajte nešto poput "Dizajnirajte interaktivno, korisniku prilagođeno alat za praćenje vježbanja."
- Na kartici Predlošci možete i pregledati predloške od kojih želite početi.
- Doradite ga Canva AI-jem ili izravnim uređivanjem. Pogledajte Uređivanje interaktivnih dizajna i elemenata Canvina koda da biste saznali kako.
Dodajte interaktivne elemente koda u dizajne
Idite na Canva AI , a zatim (programski) kôd kada želite generirati jednu interaktivnu komponentu.
- Kao elemente izrađujte kvizove, kalkulatore, grafikone i druge elemente.
- Dodajte ih na prezentacije, Prezentacijske ploče ili na druge vrste dokumenata. Objavite kao web-mjesto ili ponovno koristite elemente u više dizajna.
- Na početnoj stranici Canve odaberite Canva AI.
- U okviru Upit opišite interaktivni element koda koji želite izraditi. Više o upitima uz pomoć umjetne inteligencije saznajte ovdje.
- Odaberite </> Kôd.
- Pritisnite enter na tipkovnici ili kliknite gumb za slanje. Canva AI priprema dizajn na temelju vašeg upita.
- Nakon generiranja dizajna koda odaberite Koristi u dizajnu.
- U odjeljku Dodaj kao element u, odaberite vrstu dokumenta da biste ga dodali kao interaktivni element koda.
- Da biste poboljšali dizajn koji generira Canvin kod, upit za preciziranje unesite u okvir za čavrljanje na bočnoj ploči.
Napomena: verzijama dizajna možete pristupiti iz niti za čavrljanje u Canva AI-ju.
Uredite interaktivne dizajne i elemente koji su generirali Canvin kod
Doradite dizajn koji generiraju Canvin kod pomoću alata u uređivaču. Da biste saznali više, pogledajte članak Uređivanje interaktivnih dizajna i elemenata koje generiraju Canvin kod .
Pregledajte i objavite dizajn
Odaberite Pretpregled da biste stupili u interakciju s dizajnom. Kada sve bude u redu, možete to objaviti kao web-mjesto. Saznajte kako objavljivati web-mjesta u Canvinom kodu i upravljati njima.
Napomena: interaktivnost funkcionira kada se dizajn pogleda na Canvi ili objavi kao web-mjesto.
Pristupajte verzijama Canva kôd te upravljajte njima
Svaki put kada putem upita ažurirate dizajn Canve kôda, Canva automatski sprema novu verziju unutar iste niti. To vam omogućuje da se vratite u starije iteracije, nastavite s uređivanjem iz prethodne verzije ili kopirate generirani kôd za vanjsku upotrebu.
Pogledajte povijest verzija
- Na početnoj stranici Canve otvorite Canva AI. Na traci upita
- odaberite </> Kôd da biste na bočnoj traci vidjeli razgovore u Canvin kodu.
- Napomena: čavrljanje u Canvinom kodu možete prepoznati po ikoni </> pokraj njih.
- Otvorite nit za razgovor u Canvin
- kodu. Na bočnoj traci pregledajte dostupne verzije (na primjer: verzija 1, verzija 2 i druge).
Napomena: nastavljanjem upita unutar istog čavrljanja automatski se stvara nova verzija.
Upotrijebite prethodnu verziju
- Otvorite nit za razgovor u Canvinu kodu.
- Odaberite verziju koju želite upotrebljavati.
- Odaberite Koristi u dizajnu da biste nastavili uređivati tu verziju na Canvi.
Pogledajte i kopirajte kôd
Možete pogledati temeljni kôd koji je generirao Canvin kod i kopirati ga za ponovnu upotrebu izvan Canve.
- U nizu Canvina koda uključite opciju Show code toggle.
- Odaberite Kopiraj kod da biste ga spremili u međuspremnik.
Ograničenja Canva kôda
- Canvin kod podržava sve jezike dostupne na Canvi, osim za korisnike na servisu canva.cn.
- Canva Code preuzima upute samo iz opisa koji ste unijeli ili iskoristili. Što više konteksta i uputa date, to će rezultat biti bolji.
- (Programski) kôd se može izvana kopirati i ponovno koristiti, ali ne može se izvesti kao datoteka ili izravno urediti unutar Canve.
Što mogu učiniti ako se web-mjesto s Canvinim kodom ne želi objaviti?
Ako je vaše web-mjesto u Canva Code veliko ili složeno, prevelik widget mogao bi onemogućiti njegovo objavljivanje. Možete pokušati pojednostavniti web-mjesto ili sadržaj podijeliti na manja web-mjesta ili stranice.U istom razgovoru s Canva Code pokušajte od Canva AI-ja poslati sljedeće:
- "Pojednostavnite ovo web-mjesto i smanjite prevelike widgete/komponente da bi se moglo objavljivati na Canvi."
- "Podijelite ovo na dva manja web-mjesta/stranice koje se mogu objaviti."
Nakon što Canva Code generira ažuriranu verziju, pokušajte je ponovno objaviti.
Savjet: podjela sadržaja na manja web-mjesta ili stranice može pomoći jer svako objavljeno web-mjesto sadrži manje sadržaja. Ako web-mjesto podijelite na zasebna objavljena web-mjesta, njihovim URL-ovima morat ćete zasebno upravljati i dijeliti.
Mogu li kôd ponovno upotrijebiti izvan Canve?
Da. Nakon što ga kopirate, kôd se može koristiti u vlastitim projektima. Iako je izrađen za Canvu, možete ga prilagoditi za vanjske alate ili tijekove rada.
Mogu li kreacije iz Canve koda koristiti za komercijalnu upotrebu?
U pogledu vas i Canve, a u mjeri dopuštenoj zakonom, vlasnik ste svog unosa i izlaza s našim značajkama s umjetnom inteligencijom (uključujući Canvin (programski) kôd i izrađene (programske) kôdove na Canvi), a Canva neće polagati pravo na vlasništvo nad vašim unosom ili rezultatom (uključujući izrađene Canvine (programske) kôdove). Više pojedinosti i potpune pojmove potražite u našim AI pojmovima za proizvode.
Tko može vidjeti što izradim uz Canvin kod?
Samo vi možete vidjeti svoje razgovore uz Canvin kod. Kada u dizajnu kliknete Upotrijebi, izrađuje se novi dizajn s tom verzijom te možete podijeliti dizajn (uključujući Canvin kod) pomoću gumba Podijeli .
Ako dizajn objavite na web-mjestu, kontrolu pristupa kontrolira se postavkama koje konfigurirate tijekom tijeka objavljivanja na web-mjestu.
Mogu li upravljati pristupom svog tima Canvinom kodu?
Ako ste administrator, nastavnik ili dizajner vizualnog identiteta, možete odabrati tko može pristupiti Canvinom kodu u vašem timu ili razredu.
Ne možete pronaći Canvin kod na početnoj stranici? Saznajte više o ograničenjima pristupa kodu za Canvu.
Zašto ne vidim da se retki koda mijenjaju?
Canva (programski) kôd sada upotrebljava uređivanje utemeljeno na razl., što znači da se ažuriraju samo potrebni reci (programskog) kôda umjesto ponovnog generiranja cijelog bloka. To rezultira bržim povratnim informacijama kada unosite male promjene u logiku dizajna.
Ako ne vidite da se retki koda ne mijenjaju nakon slanja upita, to znači da Canva u pozadini radi na primjeni samo potrebnih promjena. Pričekajte da Canvin kod završi generiranje druge verzije.
Je li vam ovo bilo korisno?
Bilo je korisno
Nije bilo korisno