Ohranite združljivost brskalnika z Adobe Edge Animate CC

Adobe Edge Animate CC deluje v vseh sodobnih brskalnikih – vključno z najnovejšimi različicami Chrome, Firefox, Opera, Safari in Internet Explorer 9. Deluje tudi na vseh tablicah in pametnih telefonih, ki imajo nameščene sodobne brskalnike. Za občinstvo, ki ne uporablja sodobnih brskalnikov, Edge Animate ponuja nadomestno možnost, ki jo lahko uporabite, da vaša animacija ne bo videti pokvarjena.

Za spletne vsebine je pomembna združljivost; če brskalnik ne podpira vaše kode, vaša animacija ne bo delovala. Nič čudnega, da Adobe Edge Animate CC ustvari kodo, ki deluje v vseh sodobnih brskalnikih.

Pomisleki glede HTML5 in starejših brskalnikov

Številni spletni razvijalci so zaskrbljeni, da niso vsi deli HTML5 združljivi z vsemi brskalniki. To še posebej velja za Internet Explorer. Kjer bodo številne funkcije HTML5 delovale v brskalnikih, kot sta Chrome in Firefox, ne bodo vedno delovale v Internet Explorerju.

Zaradi tega se mnogi spletni razvijalci sprašujejo, kako široko bi morali začeti uporabljati HTML5. Spletnim razvijalcem ni v najboljšem interesu ustvarjanje spletnih strani, ki ne delujejo v vseh brskalnikih, vendar je prihodnost še vedno nekoliko nejasna in veliko ljudi je zadovoljnih z uporabo starih brskalnikov.

Adobe je te težave rešil z Edge Animate. Počutite se lahko varno in varno, saj veste, da bodo vaše spletne kompozicije Edge Animate delovale v vseh sodobnih brskalnikih, vključno s trenutnimi različicami Firefoxa, Chroma, Safarija in Internet Explorerja 9.

Za uporabo Edge Animate vam ni treba poznati HTML5 ali celo HTML. Toda več ko veste, bolje vam bo, če boste morali uporabiti kodo za pomoč pri implementaciji za ogled. Programska oprema Edge Animate ustvari kodo za vas, medtem ko gradite svojo spletno animacijo.

Ko shranite datoteko Edge Animate, programska oprema ustvari več različnih datotek. Ena od teh datotek ima pripono imena datoteke .html. Koda HTML5 je znotraj datoteke .html. To datoteko si lahko ogledate s katerim koli urejevalnikom navadnega besedila, kot je Beležnica. Ko končate z ustvarjanjem kompozicije, si lahko animacijo ogledate v spletnem brskalniku – bodisi v programski opremi ali tako, da dvokliknete datoteko .html, ki se odpre in predvaja animacijo v privzetem brskalniku.

Združljivost z namiznim brskalnikom

Združljivost s spletnim brskalnikom Microsoft Internet Explorer je težava, s katero se morajo spletni razvijalci spopasti pri razvoju spletnih mest. Microsoft počasi posodablja Internet Explorer, da bi bil združljiv s HTML5 – in koda, ki deluje popolnoma v Chromu, Safariju in Firefoxu, se v prejšnjih različicah Internet Explorerja ne obnaša dobro.

Če na primer kodirate obrobo tako, da ima zaobljene robove, bodo vaši vogali v Chromu in Firefoxu videti zaokroženi; vendar si oglejte to isto spletno mesto v IE in nenadoma se vaši zaobljeni robovi zdijo kvadratni. Težave, kot je ta, lahko uničijo zasnovo spletnega mesta.

Brskalniki, kot so Firefox, Chrome, Safari in Opera, že podpirajo številne vidike HTML5. Ni pomislekov, da bi kompozicije Adobe Edge Animate CC v teh brskalnikih delovale brezhibno. Ti brskalniki imajo tudi vgrajene samodejne posodobitve za svoje uporabnike. Zaradi tega so lahko spletni oblikovalci in razvijalci prepričani, da njihovi uporabniki najverjetneje uporabljajo najnovejšo različico tega brskalnika.

Kaj storiti za Internet Explorer 8 in starejše različice

V idealnem svetu bi vsak redno nadgrajeval svoje brskalnike. Žal tega ne zmorejo vsi iz kakršnega koli razloga. Čeprav je Internet Explorer 9 odprl vrata združljivosti HTML5, kar pomeni, da Edge Animate deluje v tej različici brskalnika, vsi uporabniki IE niso nadgradili svojih brskalnikov.

Še vedno ni nenavadno, da mnogi uporabniki IE uporabljajo različici 7 in 8 – in (na grozo in zgroženost mnogih oblikovalcev) IE 6 še vedno uporablja veliko ljudi.

Kompozicije Adobe Edge Animate CC ne bodo delovale v Internet Explorerju 8 in starejših različicah, tako kot HTML5 ne deluje v IE6.

Vendar pa je dobra novica, da vse več spletnih uporabnikov nadgrajuje svoje brskalnike, uporaba IE6 pa se počasi zmanjšuje. Glede na to pa Edge Animate deluje v vseh sodobnih prenosnih brskalnikih. Če je vaš glavni cilj ustvarjanje animiranih aplikacij za uporabo na pametnih telefonih in tablicah, potem imate veliko srečo.

Če ustvarjate spletne animacije za občinstvo, ki še vedno uporablja IE8 in starejše brskalnike, je pri uporabi Adobe Edge Animate CC lahko ta zastarelost zaskrbljena. Recimo, da porabite nešteto ur za razvijanje popolne spletne animacije in jo nato postavite na splet. Preizkusili ste ga v Firefoxu in IE 9 in deluje odlično.

Nato se sprehodite čez hodnik, da ga pokažete svojemu šefu – in na vašo grozo, ne deluje, ker vaš šef uporablja IE 6. No, v resničnem svetu obstaja velika verjetnost, da je veliko vaših strank in strank tudi z uporabo starejše različice IE, ki ni združljiva z Edge Animate.

Na srečo vam Edge Animate ponuja vsaj dve možnosti: (a) uporabite podporo za Google Chrome Frame ali (b) uporabite podporo za brskalnik na nižji ravni – funkcijo, ki vam omogoča ustvarjanje plakata (statična slika) ali za uporabo statičnega HTML-ja, za zamenjavo animacije – ki preprečuje, da bi vaše spletno mesto izgledalo »pokvarjeno«. Vaše občinstvo vidi sliko, ki je videti tako, kot bi morala izgledati, čeprav ni animirana.

Podpora za Google Chrome Frame

Edge Animate ima funkcijo, ki vam omogoča uporabo podpore za Google Chrome Frame za brskalnike, ki ne podpirajo animacije. Kot naslednji korak k podpori brskalnika na nižji ravni lahko objavite vsebino Edge Animate, tako da si jo lahko občinstvo ogleda v IE 6, 7 ali 8 z uporabo Google Chrome Frame. Za uporabnike, ki še nimajo Google Chrome Frame, lahko nadzorujete tudi izkušnjo namestitve.

Edge Animate ima stopnje nižje ravni

V Stopnje ravni navzdol v Edge animirati so različice odru, ki jih lahko uporabite za ustvarjanje in objavi različico ravni navzdol svoje sestave, ki bo združljiv z brskalniki, ki ne podpirajo HTML5 animacijo. Nižje stopnje ponujajo le minimalna orodja za ustvarjanje, vendar jih lahko

  • Uvozite grafiko in ustvarite besedilne elemente.

  • Uvozite plakat iz glavne kompozicije.

V bistvu lahko animacije, ki jih ustvarite in postavite na splet, zaznajo brskalnike, ki jih uporablja vaše občinstvo. Če koda zazna, da nekdo za vašo animacijo uporablja nezdružljiv brskalnik, se povrne na prikaz slike plakata namesto animacije. S tem preprečite, da bi vaše spletno mesto izgledalo pokvarjeno. Namesto da bi videli animacijo, ki ne deluje, občinstvo vidi plakat – nepremični okvir –, ki ga ustvarite iz animacije.

Spet vam ni treba poznati kode, da nižja podpora Stage deluje. Čeprav je kodiranje za zaznavanje brskalnika lahko težavno, ima Edge Animate to zmožnost vgrajeno – in to je možnost, ki jo lahko izberete, ko ste pripravljeni na objavo.

Združljivost s tabličnimi in mobilnimi brskalniki

Kjer Adobe Flash ne uspe, deluje Adobe Edge Animate CC. Znano je, da Apple ne dovoljuje, da bi animacija Adobe Flash delovala v svojih prenosnih napravah – in to vključuje iPhone, iPod touch in iPad. Steve Jobs je pred svojo smrtjo izjavil, da ima Flash preveč varnostnih ranljivosti in drugih negativnih vidikov, da bi Apple omogočil, da Flash deluje z iOS.

Po drugi strani pa Edge Animate ne trpi zaradi teh težav. Vaše kompozicije Edge Animate bodo brezhibno delovale na izdelkih Apple – in na napravah Android – ne glede na to, ali gre za tablice vseh vrst, pametne telefone in druge naprave, ki uporabljajo sodobne mobilne brskalnike.


Kako uporabiti preglednost za SVG

Kako uporabiti preglednost za SVG

Naučite se uporabiti prosojnost za grafiko SVG v Illustratorju. Raziščite, kako iznesti SVG s prozornimi ozadji in uporabiti učinke preglednosti.

Delo s slikami v Adobe XD

Delo s slikami v Adobe XD

Ko uvozite svoje slike v Adobe XD, nimate velikega nadzora nad urejanjem, lahko pa spremenite velikost in zasukate slike tako kot pri kateri koli drugi obliki. Prav tako lahko preprosto zaokrožite vogale uvožene slike z uporabo vogalnih pripomočkov. Prikrivanje slik Z definiranjem zaprte oblike […]

Kako prilagoditi lastnosti besedila v Adobe XD

Kako prilagoditi lastnosti besedila v Adobe XD

Ko imate besedilo v projektu Adobe XD, lahko začnete spreminjati lastnosti besedila. Te lastnosti vključujejo družino pisav, velikost pisave, težo pisave, poravnavo, razmik med znaki (kerning in sledenje), razmik med vrsticami (vodilni del), polnjenje, obrobo (poteza), senco (senca) in zameglitev ozadja. Poglejmo torej, kako se te lastnosti uporabljajo. O berljivosti in pisavi […]

Delo z umetniškimi ploščami v Photoshopu CC

Delo z umetniškimi ploščami v Photoshopu CC

Tako kot v Adobe Illustratorju, umetniške plošče Photoshopa omogočajo izdelavo ločenih strani ali zaslonov znotraj enega dokumenta. To je lahko še posebej koristno, če gradite zaslone za mobilno aplikacijo ali majhno brošuro. Umetniško ploščo si lahko predstavljate kot posebno vrsto skupine plasti, ustvarjeno s ploščo Sloji. Njegova […]

Oblike in poligoni v InDesignu

Oblike in poligoni v InDesignu

Številna orodja, ki jih najdete na plošči Orodja InDesign, se uporabljajo za risanje črt in oblik na strani, tako da imate na voljo več različnih načinov za ustvarjanje zanimivih risb za svoje publikacije. V InDesignu lahko ustvarite kar koli, od osnovnih oblik do zapletenih risb, namesto da bi morali uporabljati program za risanje, kot je […]

Zavijte besedilo v Adobe Illustrator CC

Zavijte besedilo v Adobe Illustrator CC

Zavijanje besedila v Adobe Illustrator CC ni čisto enako kot zavijanje darila – lažje je! Prelom besedila prisili, da se besedilo ovije okoli grafike, kot je prikazano na tej sliki. Ta funkcija lahko vsakemu kosu doda malo ustvarjalnosti. Grafika sili, da se besedilo ovije okoli njega. Najprej ustvarite […]

Kako spremeniti velikost oblik v Illustratorju

Kako spremeniti velikost oblik v Illustratorju

Ko načrtujete v programu Adobe Illustrator CC, pogosto potrebujete obliko, ki je natančna (na primer 2 x 3 palca). Ko ustvarite obliko, je najboljši način, da jo spremenite v natančne meritve, da uporabite ploščo Transform, prikazano na tej sliki. Izberi predmet in nato izberite Okno→ Pretvori v […]

Kako ustvariti QR kode v InDesign CC

Kako ustvariti QR kode v InDesign CC

InDesign lahko uporabite za ustvarjanje in spreminjanje grafike QR kode. QR kode so oblika črtne kode, ki lahko shrani informacije, kot so besede, številke, URL-ji ali druge oblike podatkov. Uporabnik skenira QR kodo s svojo kamero in programsko opremo na napravi, kot je pametni telefon, in programska oprema uporablja […]

Kako narediti novo fotografijo staro v Photoshopu CS6

Kako narediti novo fotografijo staro v Photoshopu CS6

Morda bo čas, ko boste potrebovali novo fotografijo, da bi izgledali staro. Photoshop CS6 vas pokriva. Črno-bela fotografija je novejši pojav, kot si morda mislite. Dagerotipi in druge zgodnje fotografije so pogosto imele rjavkast ali modrikast ton. Lahko ustvarite lastne mojstrovine v odtenkih sepije. Tonirane slike lahko ustvarijo […]

Funkcija Live Paint v programu Adobe CS5 Illustrator

Funkcija Live Paint v programu Adobe CS5 Illustrator

S funkcijo Live Paint v programu Adobe Creative Suite 5 (Adobe CS5) Illustrator lahko ustvarite želeno sliko in zapolnite regije z barvo. Vedro Live Paint samodejno zazna regije, sestavljene iz neodvisnih sekajočih se poti, in jih ustrezno zapolni. Barva v danem območju ostane živa in samodejno teče, če obstaja […]