Kreirajte interaktivne dizajne uz Canvin kod
Canva (programski) kôd omogućuje izradu responzivnih, interaktivnih dizajna bez tehničkih poteškoća s pisanjem (programskog) kôda. Canva (programski) kôd možete koristiti na dva načina:
- Stvori interaktivne dizajne koda
- Stvorite potpune interaktivne dizajne kao što su odredišne stranice, nadzorne ploče ili portfelji te urediti i objavljivati kao web-mjesta u Canvinu uređivaču
- Dodajte interaktivne elemente koda u dizajne
- Stvori interaktivne elemente kao što su testovi znanja, kalkulatori ili grafikoni na drugom dizajnu i ponovno ih 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 (programski) kôd
Upotrijebite vrstu dokumenta (programski) kôd kada želite stvoriti potpuno interaktivno iskustvo.
- Stvori 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 (programski) kôd u dizajne
Otvorite Canva AI , a zatim (programski) kôd kada želite generirati jednu interaktivnu komponentu.
- Stvori testove znanja, kalkulatore, grafikone i druge elemente kao elemente.
- Dodajte ih u prezentacije, vrste dokumenta ili druge vrste dizajna. 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 (programski) kôd
Doradite dizajn koji generira Canva (programski) kôd pomoću alata u uređivaču. Da biste saznali više, pogledajte članak Urediti interaktivne dizajne i elemente koje generira Canva (programski) kôd .
Pretpregled i objavite dizajn
Odaberite Pretpregled za interakciju s dizajnom. Kada sve izgleda dobro, možete objaviti kao web-mjesto. Saznajte kako objavljivati web-mjesta u Canvinom kôdu i upravljati njima.
Napomena: interaktivnost funkcionira kada se dizajn pregleda na Canvi ili objavi kao web-mjesto.
Pristupajte, kopirajte i upravljajte verzijama Canva kôda
Svaki put kad putem upita ažurirate dizajn Canvina (programskog) kôda, Canva automatski sprema novu verziju unutar iste niti za čavrljanje. To vam omogućuje da se vratite u starije iteracije, nastavite s uređivanjem iz prethodne verzije ili kopirate generirani (programski) 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 Canvina (programski) kôd
- Canva pruža službu za podršku za sve jezike dostupne na Canvi, osim za korisnike na servisu canva.cn.
- Canva (programski) kôd 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 učiniti ako se web-mjesto s Canvinim (programski) kôd ne želi objaviti?
Ako je vaše web-mjesto u Canvinom kodu 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 Canvinim kodom 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/stranica."
Kada Canva (programski) kôd 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 (programski) kôd ponovno upotrijebiti izvan Canve?
Da. Nakon što ga kopirate, (programski) 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 Canva (programski) kôd koristiti za komercijalnu upotrebu?
U vašoj i Canve mjeri, u mjeri dopuštenoj zakonom, vi ste vlasnik svog unosa i izlaza s primjenom naših značajki s umjetnom inteligencijom (uključujući Canva (programski) kôd i izrađene Canva (programske) kôdove), a Canva neće polagati pravo na vlasništvo nad vašim unosom ili rezultatom. (uključujući izrađene Canva (programske) kôdove). Više pojedinosti i sveukupne pojmovima potražite u našim Pojmovima za proizvode za umjetnu inteligenciju.
Tko može vidjeti što izradim uz Canvin (programski) kôd?
Samo vi možete vidjeti svoje razgovore uz Canva (programski) kôd. Kada u dizajnu kliknete Upotrijebi, izrađuje se novi dizajn s tom verzijom te možete podijeliti dizajn (uključujući Canva (programski) kôd) pomoću gumba Podijeli .
Ako dizajn objavite na web-mjestu, kontrolu pristupa kontroliraju postavke koje konfigurirate tijekom tijeka objavljivanja web-mjesta.
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 (programski) kôd mijenjaju?
Canvin (programski) kôd sada upotrebljava uređivanje utemeljeno na razl., što znači da se ažuriraju samo potrebni reci (programskog) kôda umjesto da se ponovno generira cijeli blok. 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