Dodajanje videoposnetka v Adobe Muse
Zelo zanimiv vidik programa Adobe Muse je, da vam omogoča, da ustvarite spletne strani, ki uporabljajo podoben potek dela, kot tisti, ki se uporablja za objavljanje publikacij. Ne potrebujete globokega razumevanja kode, ki gradi spletno mesto ali stran, vendar poznavanje HTML5, CSS in JavaScript ne bo prizadelo.
Čeprav tradicionalni spletni videoposnetek navadno dodamo z uporabo HTML5 Video API, Adobe Muse ustvari isto stvar s tem, kar imenuje »pripomočke«. Pripomočki ustvarijo HTML 5, ki je potreben za določene naloge, vendar v Museu uporablja navaden jezik, da napišete kodo, ko je stran objavljena.
V tej vaji bomo uporabili pripomoček, ki ga lahko brezplačno prenesete iz virov Muse. Ko je prenos pripomočkov vse, kar morate storiti, je, da odprete datoteko .zip in dvokliknite datoteko .mulib v mapi za celoten zaslon. To bo namestilo v vašo kopijo Adobe Muse.
Kako pripraviti stran za ozadje video v Adobe Muse CC
Z vgrajenim pripomočkom lahko zdaj ustvarite stran, ki bo uporabila videoposnetek.
Preden začnete, ustvarite mapo za svojo spletno stran Muse. V tej mapi ustvarite drugo mapo - uporabljam " mediji "- in premaknite različice videoposnetka mp4 in webm v to mapo.
Ko zaženete Muse, izberite Datoteka> Nova spletna stran. Ko odpre pogovorno okno Postavitev izberite Namizje kot Začetna postavitev in spremenite Širina strani in Višina strani vrednosti v 1200 in 900. Kliknite v redu.
Dvokliknite glavno stran v pogledu Načrt, da odprete glavno stran. Ko odpre glavno stran, premakne vodila in noge na vrhu in na dno strani. Za ta primer res ne potrebujete glave in noge.
03 od 05Kako uporabljati videokaset v polni zasloni v Adobe Muse CC
Uporaba pripomočka je preprosto mrtvo. Prva stvar, ki jo morate storiti, je, da se vrnete v pogled načrta tako, da izberete Pogled> Načrt načrta. Ko se odpre pogled na načrt, dvokliknite Domača stran da ga odprete.
Odprite ploščo Library (Knjižnica) - če ni na desni strani izbirnika vmesnika odprta Okno> Knjižnica - in zavrtite dol MR Polnoekranski video v ozadju mapo. Povlecite gradnik v mapo na stran.
Opazili boste Opcije prosite, da vnesete imena mp4 in webm različice videoposnetkov. Vnesite imena tako, kot so navedena v mapi, v katero ste jih postavili. Ena malo trika, da zagotovite, da ne naredite napake, je kopirati ime videoposnetka mp4 in ga prilepiti v MP4 in WEBM območja Meni z možnostmi.
Še en trik: ves ta pripomoček je napisati kodo HTML 5 za vas. To lahko poveste, ker vidite <> v pripomočku. V tem primeru lahko gradnik odstranite iz spletne strani na kartoteko in še vedno dela. Na ta način ne moti nobene vsebine, ki jo boste postavili na stran.
04 od 05Kako dodati video in testirati stran v Adobe Muse CC
Čeprav ste dodali kodo, ki bo predvajala videe, Muse še vedno nima pojma, v katerem se nahajajo ti videoposnetki. Če želite to popraviti, izberite Datoteka> Dodaj datoteke za prenos. Ko Pogovorno okno za nalaganje odprete se pomaknite do mape, ki vsebuje svoje videoposnetke, jih izberite in kliknite Odprto. Če želite zagotoviti, da so bili preneseni, odprite Panel za premoženje in videli bi morali dva videa. Le pustite jih na plošči. Ni jih treba postaviti na stran.
Za testiranje projekta izberite Datoteka> Predogled strani v brskalniku ali ker je to ena stran, Datoteka> Predogled spletnega mesta v brskalniku. Vaš privzeti brskalnik se bo odprl in videoposnetek - v mojem primeru bo tropski deževnik začel igrati.
Na tej točki lahko datoteko Muse obravnavate kot običajno spletno stran in dodate vsebino na domačo stran in videoposnetek se bo predvajal pod njim.
05 od 05Kako dodati videoposnetek v programu Adobe Muse CC
To je splet, o katerem govorimo, in glede na hitrost povezave je velika verjetnost, da bo vaš uporabnik odprl stran in gledal na prazen zaslon, medtem ko se bo videoposnetek naložil. To ni dobra stvar. Tukaj je, kako se spoprijeti s tem malom.
To je "najboljša praksa" za vključitev plakatnega okvirja videoposnetka, ki se bo prikazal med nalaganjem videoposnetka. To je navadno polni velikost zaslona okvirja iz videoposnetka.
Če želite dodati okvir za plakat, kliknite enkrat Brskalnik izpolnite na vrhu strani. Kliknite na Slika povezave in se pomaknite do slike, ki jo želite uporabiti. V Ljubljani Montaža območje, izberite Scale to Fill in kliknite na Središče v Položaj območje. To bo zagotovilo, da se bo slika vedno pomanjšala od središča slike, ko se spremeni velikost pogleda brskalnika. Videli boste tudi, kako slika zapolni stran.
Še en majhen trik je, da ima vsaj barvno polnilo, ne pa tudi belo polnilo, samo če se okvir za plakat za nekaj časa prikaže. Če želite to narediti, kliknite Colour chip, da odprete Color Picker. Izberite orodje za pomikanje oči in kliknite na prevladujočo barvo na sliki. Ko končate, kliknite na stran, da zaprete pogovorno okno Browser Fill.
Na tej točki lahko projekt shranite ali ga objavite.
Zadnji del te serije prikazuje, kako napisati koda HTML5, ki drsi video v ozadje spletne strani.
