Amit tudni kell
- A Home oldalon a Terv nézetben lépjen a Window >Library > [MR] Teljes képernyős háttérvideó mappát, és húzza a widgetet az oldalra.
- Videó hozzáadásához lépjen a Fájl > Fájlok hozzáadása feltöltéshez > videomappa > Open.
Az Adobe Muse lehetővé teszi weboldalak létrehozását a kiadványokhoz hasonló munkafolyamat használatával; nem kell alaposan ismernie a webhelyet vagy old alt létrehozó kódot, bár a HTML5, CSS és JavaScript ismerete nem árt. Bár a hagyományos webes videókat általában a HTML5 Video API-n keresztül adják hozzá, az Adobe Muse ugyanezt éri el widgetek segítségével, amelyek létrehozzák az adott feladatokhoz szükséges HTML 5-öt, de az oldal közzétételekor egy egyszerű nyelvű kezelőfelületet használnak a Muse-ban a kód megírásához.
Hogyan készítsünk old alt háttérvideóhoz az Adobe Muse CC-ben
A widget telepítésével létrehozhatja azt az old alt, amely a videót fogja használni.
- Mielőtt elkezdi, hozzon létre egy mappát a Muse webhelyéhez. Ebben a mappában hozzon létre egy másik mappát – mi a „médiát” használjuk –, és helyezze át a videó mp4 és webm verzióját ebbe a mappába.
- A Muse elindításakor válassza a Fájl > Új webhely.
- Amikor megnyílik az Elrendezés párbeszédpanel, válassza a Desktop Kezdeti elrendezésként, és módosítsa az Oldalszélességetés Oldalmagasság értéke 1200 és 900 . Kattintson az OK . gombra.
-
Kattintson duplán a Mesteroldal tervnézetben a Mesteroldal megnyitásához. Amikor megnyílik a Mesteroldal, mozgassa a fejléc- és lábléc-vezetőket az oldal tetejére és aljára. Ehhez a példához tényleg nincs szükség fejlécre és láblécre.
A teljes képernyős háttérvideó widget használata az Adobe Muse CC-ben
A widget használata nagyon egyszerű.
- Az első dolog, amit tennie kell, hogy térjen vissza a tervnézethez a View kiválasztásával > Terv mód.
- A tervnézet megnyitásakor kattintson duplán a Főoldalra a megnyitásához.
- Nyissa meg a Könyvtár panelt – ha az nincs megnyitva az interfész jobb oldalán, válassza a Window > Library lehetőséget – és forgassa le a [MR] teljes képernyős háttérvideó mappát.
- Húzza a mappa widgetet az oldalra.
-
Észreveheti, hogy az Options arra kéri, hogy adja meg a videók mp4 és webes verziójának nevét. Írja be pontosan a neveket abban a mappában, ahová elhelyezte őket. Egy kis trükk, hogy ne hibázz, másold ki az mp4 videó nevét, és illeszd be a MP4 és WEBM területekre. az Opciók menüből
Egy másik trükk: ez a widget annyit tesz, hogy megírja helyetted a HTML 5 kódot. Ezt elmondhatja, mert látja a widgetben. Ebben az esetben a widgetet a weblapról a kartonra helyezheti, és továbbra is működik. Így nem zavarja az oldalon elhelyezett tartalmakat.
Videó hozzáadása és oldal tesztelése az Adobe Muse CC-ben
Bár hozzáadtad a kódot, amely lejátssza a videókat, a Muse még mindig nem tudja, hol vannak ezek a videók.
- A javításhoz válassza a Fájl > Fájlok hozzáadása feltöltéshez. lehetőséget.
- Amikor megnyílik a Feltöltés párbeszédpanel, keresse meg a videóit tartalmazó mappát, jelölje ki őket, majd kattintson a Megnyitás.
-
A feltöltésének ellenőrzéséhez nyissa meg az Eszközök panelt,, és látnia kell a két videót. Csak hagyja őket a panelen. Ezeket nem kell az oldalon elhelyezni.
- A projekt teszteléséhez válassza a Fájl > Előnézet oldal a böngészőben vagy, mivel ez egy oldal, a Fájl > Webhely előnézete a böngészőben. Megnyílik az alapértelmezett böngésző, és elindul a videó lejátszása.
- Ezen a ponton a Muse fájlt normál weboldalként kezelheti, és tartalmat adhat hozzá a kezdőlaphoz, és a videó lejátszható alatta.
Hogyan adjunk videóposzter keretet az Adobe Muse CC-ben
Erről a webről beszélünk, és a kapcsolat sebességétől függően jó eséllyel a felhasználó megnyitja az old alt, és egy üres képernyőt bámul, miközben a videó betöltődik. Ez nem jó dolog. Így kell kezelni ezt a kis csúnyaságot.
A „Legjobb gyakorlat” a videó poszterkeretének elhelyezése, amely a videó betöltése közben jelenik meg. Ez általában a videó egy képkockájának teljes méretű képernyőképe.
- A poszterkeret hozzáadásához kattintson egyszer a Browser Fill elemre az oldal tetején.
- Kattintson a Kép hivatkozásra, és navigáljon a használni kívánt képhez.
- A Fitting területen válassza ki a Scale to Fill elemet, és kattintson a Középpontra a Pozíció terület. Ez biztosítja, hogy a kép mindig a kép közepétől legyen méretezve, amikor a böngésző nézetablakának mérete megváltozik. Azt is látni fogja, hogy a kép kitölti az old alt.
- Egy másik kis trükk az, hogy egyszínű kitöltési színt kell használni arra az esetre, ha a poszterkeret megjelenne egy ideig. Ehhez kattintson a Color chipre a Muse Color Picker megnyitásához. Válassza ki a pipetta eszközt, és kattintson a kép egyik domináns színére. Ha végzett, kattintson az oldalra a Böngésző kitöltése párbeszédpanel bezárásához.
-
Ezen a ponton elmentheti vagy közzéteheti a projektet.
A sorozat utolsó része bemutatja, hogyan írhat olyan HTML5-kódot, amely egy videót a weboldal hátterébe csúsztat.
