Išlaikykite naršyklės suderinamumą su „Adobe Edge Animate CC“.

„Adobe Edge Animate CC“ veikia visose šiuolaikinėse naršyklėse, įskaitant naujausias „Chrome“, „Firefox“, „Opera“, „Safari“ ir „Internet Explorer 9“ versijas. Jis taip pat veikia visuose planšetiniuose kompiuteriuose ir išmaniuosiuose telefonuose, kuriuose įdiegtos modernios naršyklės. Auditorijoms, kurios nenaudoja šiuolaikinių naršyklių, „Edge Animate“ suteikia atsarginę parinktį, kurią galite naudoti, kad jūsų animacija nebūtų pažeista.

Suderinamumas yra svarbus žiniatinklio turiniui; jei naršyklė nepalaiko jūsų kodo, tada jūsų animacija neveiks. Nenuostabu, kad „Adobe Edge Animate CC“ sukuria kodą, kuris veikia visose šiuolaikinėse naršyklėse.

Susirūpinimas dėl HTML5 ir senesnių naršyklių

Daugelis žiniatinklio kūrėjų yra susirūpinę, kad ne visos HTML5 dalys yra suderinamos su visomis naršyklėmis. Tai ypač pasakytina apie „Internet Explorer“. Kai daugelis HTML5 funkcijų veiks naršyklėse, pvz., „Chrome“ ir „Firefox“, jos ne visada veiks „Internet Explorer“.

Dėl to daugelis žiniatinklio kūrėjų abejoja, kaip plačiai jie turėtų pradėti naudoti HTML5. Žiniatinklio kūrėjas nėra suinteresuotas kurti tinklalapius, kurie veiktų ne visose naršyklėse, tačiau ateitis vis dar šiek tiek miglota, o daugelis žmonių patenkinti senomis naršyklėmis.

„Adobe“ išsprendė šias problemas naudodama „Edge Animate“. Galite jaustis saugūs žinodami, kad jūsų „Edge Animate“ žiniatinklio kompozicijos veiks visose šiuolaikinėse naršyklėse, įskaitant dabartines „Firefox“, „Chrome“, „Safari“ ir „Internet Explorer 9“ versijas.

Jums nereikia žinoti HTML5 ar net HTML, kad galėtumėte naudoti Edge Animate. Tačiau kuo daugiau žinosite, tuo geriau būsite, jei turėsite naudoti kodą, kad galėtumėte jį įdiegti peržiūrai. „Edge Animate“ programinė įranga sukuria kodą už jus, kol kuriate žiniatinklio animaciją.

Kai įrašote Edge Animate failą, programinė įranga sukuria kelis skirtingus failus. Vienas iš šių failų turi .html failo pavadinimo plėtinį. HTML5 kodas yra .html faile. Šį failą galite peržiūrėti naudodami bet kurį paprasto teksto rengyklę, pvz., „Notepad“. Baigę kurti kompoziciją, galite peržiūrėti animaciją žiniatinklio naršyklėje – programinėje įrangoje arba dukart spustelėdami .html failą, kuris atidaromas ir paleidžiama animacija numatytojoje naršyklėje.

Stalinio kompiuterio naršyklės suderinamumas

Suderinamumas su „Microsoft Internet Explorer“ žiniatinklio naršykle yra problema, su kuria žiniatinklio kūrėjai turi susidurti kurdami svetaines. „Microsoft“ lėtai atnaujino „Internet Explorer“, kad ji būtų suderinama su HTML5, o kodas, kuris puikiai veikia „Chrome“, „Safari“ ir „Firefox“, senesnėse „Internet Explorer“ versijose veikia netinkamai.

Pavyzdžiui, jei užkoduosite kraštinę, kad jos kraštai būtų suapvalinti, jūsų kampai bus suapvalinti „Chrome“ ir „Firefox“; bet peržiūrėkite tą pačią svetainę IE ir staiga jūsų užapvalinti kraštai pasirodys kvadratiniai. Tokios problemos gali sugadinti svetainės dizainą.

Tokios naršyklės kaip „Firefox“, „Chrome“, „Safari“ ir „Opera“ jau palaiko daugelį HTML5 aspektų. Nėra jokių rūpesčių, kad „Adobe Edge Animate CC“ kompozicijos puikiai veikia šiose naršyklėse. Šios naršyklės taip pat turi integruotus automatinius naujinimus savo vartotojams. Dėl to žiniatinklio dizaineriai ir kūrėjai gali būti tikri, kad jų vartotojai greičiausiai naudoja naujausią tos naršyklės versiją.

Ką daryti naudojant „Internet Explorer 8“ ir senesnes versijas

Idealiame pasaulyje kiekvienas reguliariai atnaujintų savo naršykles. Deja, ne visi gali tai padaryti dėl kokių nors priežasčių. Nors „Internet Explorer 9“ atvėrė duris HTML5 suderinamumui, o tai reiškia, kad „Edge Animate“ veikia toje naršyklės versijoje, ne visi IE vartotojai atnaujino savo naršykles.

Vis dar nėra neįprasta, kad daugelis IE vartotojų naudoja 7 ir 8 versijas – ir (daugelio dizainerių siaubui ir nusivylimui) IE 6 vis dar naudoja daugelis žmonių.

„Adobe Edge Animate CC“ kompozicijos neveiks „Internet Explorer 8“ ir senesnėse versijose, kaip ir HTML5 neveikia IE6.

Tačiau gera žinia ta, kad vis daugiau interneto vartotojų atnaujina savo naršykles, o IE6 naudojimas pamažu mažėja. Nepaisant to, Edge Animate veikia visose šiuolaikinėse nešiojamose naršyklėse. Jei jūsų pagrindinis tikslas yra sukurti animacines programas, skirtas naudoti išmaniuosiuose telefonuose ir planšetiniuose kompiuteriuose, jums labai pasisekė.

Jei kuriate žiniatinklio animaciją auditorijai, kuri vis dar naudoja IE8 ir senesnes naršykles, naudojant „Adobe Edge Animate CC“ gali kelti nerimą slypintis pasenimas. Tarkime, kad praleidžiate daugybę valandų kurdami tobulą žiniatinklio animaciją ir tada įtraukite ją į internetą. Išbandėte „Firefox“ ir „IE 9“ ir jis veikia puikiai.

Tada eini per koridorių ir parodysi tai savo viršininkui – ir tavo siaubui, tai neveikia, nes tavo viršininkas naudoja IE 6. Na, realiame pasaulyje yra didelė tikimybė, kad daugelis tavo klientų ir klientų taip pat yra naudojant ankstesnę IE versiją, kuri nesuderinama su Edge Animate.

Laimei, Edge Animate siūlo bent dvi parinktis: galite (a) naudoti „Google Chrome Frame“ palaikymą arba (b) naudoti žemesnio lygio naršyklės palaikymą – funkciją, leidžiančią sukurti plakatą (statinį vaizdą) arba naudoti statinį HTML, pakeisti animaciją, kuri neleidžia jūsų svetainei atrodyti „sugadintai“. Jūsų auditorija mato vaizdą, kuris atrodo taip, kaip turėtų atrodyti, net jei jis nėra animuotas.

Google Chrome Frame palaikymas

„Edge Animate“ turi funkciją, kuri leidžia naudoti „Google Chrome Frame“ palaikymą naršyklėms, kurios nepalaiko animacijos. Kaip kitą žingsnį į žemesnio lygio naršyklės palaikymą galite paskelbti Edge Animate turinį, kad jūsų auditorija galėtų jį peržiūrėti IE 6, 7 arba 8 naudodami Google Chrome Frame. Naudotojas, kuris dar neturi „Google Chrome Frame“, taip pat gali valdyti jo diegimo patirtį.

„Edge Animate“ turi žemesnio lygio etapus

„ Edge Animate“ žemesnio lygio etapai yra „Stage“ versijos, kurias galite naudoti norėdami sukurti ir paskelbti žemesnio lygio kompozicijos versiją, suderinamą su naršyklėmis, kurios nepalaiko HTML5 animacijos. Žemesnio lygio etapai siūlo tik minimalius kūrimo įrankius, bet jūs galite

  • Importuokite grafiką ir kurkite teksto elementus.

  • Importuokite plakatą iš pagrindinės kompozicijos.

Iš esmės animacija, kurią kuriate ir pateikiate internete, gali aptikti jūsų auditorijos naudojamas naršykles. Jei kodas aptinka, kad kažkas jūsų animacijai naudoja nesuderinamą naršyklę, vietoj animacijos vėl bus rodomas plakato vaizdas. Taip jūsų svetainė nebus sugadinta. Užuot pamatę neveikiančią animaciją, auditorija mato plakatą – nejudantį kadrą – kurį sukuriate iš animacijos.

Vėlgi, jums nereikia žinoti kodo, kad žemesnio lygio etapo palaikymas veiktų. Nors naršyklės aptikimo kodavimas gali būti sudėtingas, „Edge Animate“ turi integruotą galimybę – ir tai yra parinktis, kurią galite pasirinkti, kai būsite pasirengę paskelbti.

Suderinamumas su planšetinėmis ir mobiliosiomis naršyklėmis

Jei „Adobe Flash“ nepavyksta, veikia „Adobe Edge Animate CC“. Gerai žinoma, kad „Apple“ neleidžia „Adobe Flash“ animacijai veikti savo nešiojamuosiuose įrenginiuose, įskaitant „iPhone“, „iPod touch“ ir „iPad“. Steve'as Jobsas prieš mirtį pareiškė, kad „Flash“ turi per daug saugumo spragų ir kitų neigiamų aspektų, kad „Apple“ leistų „Flash“ dirbti su „iOS“.

Kita vertus, Edge Animate dėl tų problemų nepatiria. Jūsų „Edge Animate“ kompozicijos puikiai veiks „Apple“ produktuose ir „Android“ įrenginiuose, nesvarbu, ar tai būtų visų tipų planšetiniai kompiuteriai, išmanieji telefonai ir kiti įrenginiai, kuriuose naudojamos modernios mobiliosios naršyklės.


Kaip SVG pritaikyti skaidrumą

Kaip SVG pritaikyti skaidrumą

Sužinokite, kaip „Illustrator“ pritaikyti skaidrumą SVG grafikai. Sužinokite, kaip išvesti SVG su skaidriu fonu ir pritaikyti skaidrumo efektus.

Darbas su vaizdais Adobe XD

Darbas su vaizdais Adobe XD

Importavę vaizdus į „Adobe XD“, neturėsite daug redagavimo valdymo galimybių, tačiau galite keisti vaizdų dydį ir pasukti juos taip, kaip darytumėte bet kurią kitą formą. Taip pat galite lengvai apvalinti importuoto vaizdo kampus naudodami kampinius valdiklius. Vaizdų užmaskavimas Nustatydami uždarą formą […]

Kaip koreguoti teksto ypatybes „Adobe XD“.

Kaip koreguoti teksto ypatybes „Adobe XD“.

Kai turite tekstą Adobe XD projekte, galite pradėti keisti teksto ypatybes. Šios ypatybės apima šriftų šeimą, šrifto dydį, šrifto svorį, lygiavimą, tarpą tarp simbolių (įbrėžimas ir sekimas), eilučių tarpus (pirmaujantis), užpildymą, kraštinę (brūkšnį), šešėlį (metamas šešėlis) ir fono suliejimą. Taigi pažiūrėkime, kaip šios savybės taikomos. Apie skaitomumą ir šriftą […]

Darbas su piešiniais Photoshop CC

Darbas su piešiniais Photoshop CC

Kaip ir „Adobe Illustrator“, „Photoshop“ piešinių lentos suteikia galimybę viename dokumente sukurti atskirus puslapius arba ekranus. Tai gali būti ypač naudinga, jei kuriate ekranus mobiliajai programai ar nedidelei brošiūrai. Galite galvoti apie piešinių lentą kaip apie specialų sluoksnių grupės tipą, sukurtą naudojant skydelį Sluoksniai. Jos […]

„InDesign“ formos ir daugiakampiai

„InDesign“ formos ir daugiakampiai

Daugelis įrankių, kuriuos rasite skydelyje „InDesign Tools“, naudojami linijoms ir formoms piešti puslapyje, todėl galite įvairiais būdais kurti įdomius savo leidinių brėžinius. „InDesign“ viduje galite kurti bet ką – nuo ​​pagrindinių formų iki sudėtingų brėžinių, o ne naudoti piešimo programą, pvz., […]

Apvyniokite tekstą „Adobe Illustrator CC“.

Apvyniokite tekstą „Adobe Illustrator CC“.

Teksto įvyniojimas naudojant Adobe Illustrator CC nėra tas pats, kas įvynioti dovaną – tai lengviau! Teksto apvyniojimas verčia tekstą apvynioti aplink grafiką, kaip parodyta šiame paveikslėlyje. Ši funkcija bet kuriam kūriniui gali suteikti šiek tiek kūrybiškumo. Grafika verčia tekstą apvynioti aplink jį. Pirmiausia sukurkite […]

Kaip pakeisti figūrų dydį „Illustrator“.

Kaip pakeisti figūrų dydį „Illustrator“.

Kuriant „Adobe Illustrator CC“ dažnai reikia tikslaus dydžio (pavyzdžiui, 2 x 3 colių) formos. Sukūrus formą, geriausias būdas pakeisti jos dydį iki tikslių išmatavimų yra naudoti transformavimo skydelį, parodytą šiame paveikslėlyje. Pasirinkite objektą ir pasirinkite Langas → Transformuoti į […]

Kaip sukurti QR kodus „InDesign CC“.

Kaip sukurti QR kodus „InDesign CC“.

Naudodami „InDesign“ galite kurti ir keisti QR kodo grafiką. QR kodai yra brūkšninio kodo forma, kurioje galima saugoti informaciją, pvz., žodžius, skaičius, URL adresus ar kitų formų duomenis. Naudotojas nuskaito QR kodą naudodamas savo fotoaparatą ir programinę įrangą įrenginyje, pavyzdžiui, išmaniajame telefone, o programinė įranga naudoja […]

Kaip padaryti, kad nauja nuotrauka atrodytų sena naudojant „Photoshop CS6“.

Kaip padaryti, kad nauja nuotrauka atrodytų sena naudojant „Photoshop CS6“.

Gali būti, kad jums prireiks naujos nuotraukos, kad atrodytumėte sena. „Photoshop CS6“ jums tinka. Nespalvota fotografija yra naujesnis reiškinys, nei galėtumėte pagalvoti. Dagerotipai ir kitos ankstyvosios nuotraukos dažnai turėjo rusvą ar melsvą atspalvį. Galite sukurti savo sepijos atspalvių šedevrus. Tonuotos nuotraukos gali sukurti […]

„Adobe CS5 Illustrator“ „Live Paint“ funkcija

„Adobe CS5 Illustrator“ „Live Paint“ funkcija

Naudodami „Adobe Creative Suite 5 (Adobe CS5) Illustrator“ funkciją „Live Paint“ galite sukurti norimą vaizdą ir užpildyti sritis spalvomis. „Live Paint“ kibiras automatiškai aptinka regionus, sudarytus iš nepriklausomų susikertančių takų, ir atitinkamai juos užpildo. Dažai tam tikrame regione išlieka gyvi ir teka automatiškai, jei tokių yra […]