01 od 05
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.
02 od 05
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 " medij " - in premaknite mp4 in webm različice videoposnetka v to mapo.
Ko zaženete Muse, izberite File> New Site . Ko pogovorno okno Postavitev odpre, izberite namizje kot začetno postavitev in spremenite višino Page Width in Page Height na 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 05
Kako 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črt, tako da izberete Pogled> Načrt načrta . Ko odprete pogled Plan, dvokliknite na domačo stran, da jo odprete.
Odprite okno Library ( Knjižnica) - če na desni strani vmesnika ni odprta, izberite Okno> Library (Knjižnica ) in zavrtite programsko datoteko [MR] Fullscreen Background Video . Povlecite gradnik v mapo na stran.
Opazili boste, da te možnosti zahtevajo, da vnesete imena mp4 in webm različice videoposnetkov. Vnesite imena tako, kot so navedena v mapi, v katero ste jih postavili. Malo trik, da se prepričate, da ne naredite napake, je kopirati ime videoposnetka mp4 in ga prilepiti v območja MP4 in WEBM v meniju Možnosti .
Še en trik: ves ta pripomoček je napisati kodo HTML 5 za vas. To lahko poveste, ker v pripomočku vidite <> . 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 05
Kako 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 se odpre pogovorno okno za prenos, se pomaknite do mape, ki vsebuje svoje videoposnetke, jih izberite in kliknite Odpri . Če želite zagotoviti, da so bili preneseni, odprite ploščo Sredstva in si oglejte dva videa. Le pustite jih na plošči. Ni jih treba postaviti na stran.
Če želite preskusiti projekt, izberite File> Preview Page In Browser ali, ker je to ena stran, kliknite File> Preview Site in Browser . 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 05
Kako dodati videoposnetek v 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 v brskalniku Zapri na vrhu strani. Kliknite povezavo Slika in se pomaknite do slike, ki jo želite uporabiti. V področju Fitting izberite Scale to Fill in kliknite središčno točko na območju Position . 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.