Kaj morate vedeti
- S stranjo Home v pogledu Plan pojdite na Window >Library > [MR] Celozaslonski video v ozadju mapo in povlecite pripomoček na stran.
- Če želite dodati videoposnetek, pojdite na File > Add Files For Upload > video mapa > Open.
Adobe Muse omogoča ustvarjanje spletnih strani s podobnim potekom dela kot publikacije; ne potrebujete globokega razumevanja kode, ki gradi spletno mesto ali stran, čeprav poznavanje HTML5, CSS in JavaScript ne bo škodilo. Čeprav se tradicionalni spletni videoposnetki običajno dodajo prek API-ja za video HTML5, Adobe Muse doseže isto stvar prek pripomočkov, ki ustvarijo HTML 5, potreben za določene naloge, vendar uporabljajo vmesnik v preprostem jeziku v Muse za pisanje kode, ko je stran objavljena.
Kako pripraviti stran za video v ozadju v Adobe Muse CC
Z nameščenim pripomočkom lahko zdaj ustvarite stran, ki bo uporabljala video.
- Preden začnete, ustvarite mapo za svoje spletno mesto Muse. Znotraj te mape ustvarite drugo mapo – uporabljamo » media « – in premaknite svoje različice videa mp4 in webm v to mapo.
- Ko zaženete Muse, izberite Datoteka > Novo mesto.
- Ko se odpre pogovorno okno Postavitev, izberite Desktop kot Začetna postavitev in spremenite Page Width Vrednostiin Page Height za 1200 in 900 . Kliknite OK.
-
Dvokliknite Glavna stran v pogledu načrta, da odprete glavno stran. Ko se odpre glavna stran, premaknite vodila za glavo in nogo na vrh in dno strani. Za ta primer res ne potrebujete glave in noge.
Kako uporabljati celozaslonski pripomoček za video v ozadju v Adobe Muse CC
Uporaba pripomočka je povsem preprosta.
- Prva stvar, ki jo morate storiti, je, da se vrnete v pogled načrta, tako da izberete Pogled > Način načrta.
- Ko se odpre pogled načrta, dvokliknite Domačo stran, da jo odprete.
- Odprite ploščo Library – če ni odprta na desni strani vmesnika, izberite Window > Library – in zavrtite navzdol mapo [MR] Celozaslonski video v ozadju.
- Povlecite pripomoček mape na stran.
-
Opazili boste, da Možnosti zahtevajo, da vnesete imena mp4 in webm različic videoposnetkov. Vnesite imena točno tako, kot so napisana v mapi, kamor ste jih postavili. En majhen trik, da ne boste naredili napake, je, da kopirate ime videoposnetka mp4 in ga prilepite v območji MP4 in WEBM menija z možnostmi
Še en trik: vse, kar ta pripomoček počne, je, da namesto vas napiše kodo HTML 5. To lahko ugotovite, ker vidite v pripomočku. V tem primeru lahko gradnik s spletne strani postavite na lepilno ploščo, pa bo še vedno deloval. Na ta način ne vpliva na vsebino, ki jo boste postavili na stran.
Kako dodati video in preizkusiti stran v Adobe Muse CC
Čeprav ste dodali kodo, ki bo predvajala videoposnetke, Muse še vedno ne ve, kje se ti videoposnetki nahajajo.
- Če želite to popraviti, izberite Datoteka > Dodaj datoteke za nalaganje.
- Ko se odpre pogovorno okno za nalaganje, se pomaknite do mape z vašimi videoposnetki, jih izberite in kliknite Odpri.
-
Če želite zagotoviti, da so bili naloženi, odprite ploščo Sredstva,in videli bi morali svoja videoposnetka. Samo pustite jih v plošči. Ni jih treba postaviti na stran.
- Če želite preizkusiti projekt, izberite Datoteka > Predogled strani v brskalniku ali, ker je to ena stran, Datoteka > Predogled mesta v brskalniku. Odprl se bo vaš privzeti brskalnik in predvajal se bo video.
- Na tej točki lahko datoteko Muse obravnavate kot običajno spletno stran in dodate vsebino na domačo stran, videoposnetek pa se bo predvajal pod njo.
Kako dodati okvir video plakata v Adobe Muse CC
Tukaj govorimo o spletu in glede na hitrost povezave obstaja velika verjetnost, da vaš uporabnik odpre stran in strmi v prazen zaslon, medtem ko se video nalaga. To ni dobra stvar. Tukaj je opisano, kako se spoprijeti s to grdobo.
»Najboljša praksa« je, da vključite okvir plakata videoposnetka, ki se bo prikazal med nalaganjem videa. To je običajno posnetek zaslona v polni velikosti okvirja iz videoposnetka.
- Če želite dodati okvir plakata, enkrat kliknite na Browser Fill na vrhu strani.
- Kliknite povezavo do slike in se pomaknite do slike, ki jo želite uporabiti.
- V območju Fitting izberite Scale to Fill in kliknite Center point v območje Pozicija. To bo zagotovilo, da se bo slika vedno spreminjala od središča slike, ko se spremeni velikost vidnega polja brskalnika. Videli boste tudi, da slika zapolnjuje stran.
- Še en majhen trik je, da imate enobarvno barvo polnila, če okvir plakata traja nekaj časa, da se prikaže. Če želite to narediti, kliknite Color čip, da odprete Muse Color Picker. Izberite orodje eyedropper in kliknite prevladujočo barvo na sliki. Ko končate, kliknite stran, da zaprete pogovorno okno Browser Fill.
-
Na tej točki lahko shranite projekt ali ga objavite.
Zadnji del te serije vam pokaže, kako napisati kodo HTML5, ki potisne video v ozadje spletne strani.
