Lisää taustavideo Adobe Musella

Mitä tietää

• Kanssa Koti sivu sisään Suunnitelma katso, mene Ikkuna † Kirjasto † [MR] Koko näytön taustavideo kansio ja vedä widget sivulle.
• Lisää video siirtymällä osoitteeseen Tiedosto † Lisää ladattavia tiedostoja > videot-kansio > Avata†

Adobe Musen avulla voit luoda web-sivuja, joiden työnkulku muistuttaa julkaisua. sinun ei tarvitse ymmärtää perusteellisesti sivustoa tai sivua luovaa koodia, vaikka HTML5:n, CSS:n ja JavaScriptin tuntemus ei ole haitaksi. Vaikka perinteinen verkkovideo lisätään yleensä HTML5 Video API:n kautta, Adobe Muse saavuttaa saman widgeteillä, jotka luovat tiettyihin tehtäviin tarvittavan HTML 5:n, mutta käyttävät Musessa selkeää kieliliittymää koodin kirjoittamiseen, kun sivu julkaistaan.

Valmistele sivu taustavideota varten Adobe Muse CC:ssä

1. Ennen kuin aloitat, luo kansio Muse-sivustollesi. Luo tähän kansioon toinen kansio – käytämme «media” – ja siirrä videon mp4- ja webm-versiot kyseiseen kansioon.

2. Kun käynnistät Musen, valitse Tiedosto † Uusi sivusto†

3. Kun Asettelu-valintaikkuna avautuu, valitse työpöytä kuin Alkuperäinen asettelu ja muuta sivun leveys ja sivun korkeus arvot 1200 ja 900† Klikkaus Okei†

4. Tuplaklikkaus Pääsivu karttanäkymässä avataksesi sivupohjan. Kun sivupohja avautuu, siirrä ylä- ja alatunnisteen ohjaimet sivun ylä- ja alaosaan. Et todellakaan tarvitse ylä- ja alatunnistetta tähän esimerkkiin.

Adobe Muse CC:n koko näytön taustavideo-widgetin käyttäminen

1. Ensimmäinen asia, joka sinun on tehtävä, on palata karttanäkymään valitsemalla Näyttö † suunnittelutila†

2. Kun suunnitelmanäkymä avautuu, kaksoisnapsauta Kotisivu avataksesi sen.

3. Avaa kirjastopaneeli – jos se ei ole auki käyttöliittymän oikealla puolella, valitse Ikkuna † Kirjasto – ja käännä [MR] Koko näytön taustavideo kansio.

4. Vedä kansio-widget sivulle.

5. Huomaat sen Vaihtoehdot pyytää sinua syöttämään videoiden mp4- ja webm-versioiden nimet. Kirjoita nimet täsmälleen sellaisina kuin ne on kirjoitettu kansioon, johon ne asetit. Pieni temppu varmistaaksesi, ettet tee virheitä, on kopioida mp4-videon nimi ja laittaa se MP4 ja WEBM alueet Asetukset-valikko†

   Toinen temppu: tämä widget vain kirjoittaa HTML 5 -koodin puolestasi. Voit kertoa tämän, koska näet † widgetissä. Tässä tapauksessa voit laittaa web-sivun widgetin taululle ja se toimii edelleen. Tällä tavalla se ei häiritse sivulle lisäämääsi sisältöä.

Lisää video ja testaa sivu Adobe Muse CC:ssä

1. Korjaa tämä valitsemalla Tiedosto † Lisää ladattavia tiedostoja†

2. Kun Lataa-valintaikkuna avautuu, siirry kansioon, joka sisältää videosi, valitse ne ja napsauta Avata†

3. Varmista, että ne on ladattu, avaamalla omaisuuspaneeli, ja sinun pitäisi nähdä kaksi videotasi. Jätä ne vain paneeliin. Niitä ei tarvitse sijoittaa sivulle.

4. Testaa projekti valitsemalla Tiedosto † Esikatsele sivu selaimessa tai koska tämä on yksi sivu, Tiedosto † Katso esimerkkisivusto selaimessa† Oletusselaimesi avautuu ja videon toisto alkaa.

5. Tässä vaiheessa voit käsitellä Muse-tiedostoa tavallisena verkkosivuna ja lisätä sisältöä kotisivulle, jolloin alla oleva video toistetaan.

Lisää videojulistekehys Adobe Muse CC:hen

1. Lisää julisteluettelo napsauttamalla kerran Selaimen täyttö sivun yläreunassa.

2. Klikkaa kuvan linkki ja siirry haluamasi kuvan kohdalle.

3. Vuonna Asennus alue, valitse Täytettäviä asteikkoja ja napsauta Keskusta in asema Pinta. Tämä varmistaa, että kuva skaalataan aina kuvan keskeltä, kun selaimen näyttöportin koko muuttuu. Näet myös kuvan täyttävän sivun.

4. Toinen pieni temppu on käyttää yhtenäistä täyttöväriä siltä varalta, että julistekehyksen ilmestyminen kestää hetken. Klikkaa Väri siru avataksesi Muse Color Pickerin. Valitse pipetti ja napsauta kuvan hallitsevaa väriä. Kun olet valmis, napsauta sivua sulkeaksesi Selaimen täyttö -valintaikkunan.

5. Tässä vaiheessa voit tallentaa tai julkaista projektin. Tämän sarjan viimeisessä osassa näytetään, kuinka kirjoitetaan HTML5-koodi, joka liukuu videon verkkosivun taustalle.