A videó hozzáadása az Adobe Musehoz
Az Adobe Muse valóban érdekes szempontja, hogy lehetővé teszi a weboldalak létrehozását olyan hasonló munkafolyamatok használatával, mint a kiadványok kiállításához. Nem kell mélységesen megértened a webhelyet vagy oldalt létrehozó kódot, de a HTML5, a CSS és a JavaScript ismerete nem fog fájni.
Bár a hagyományos webes videót általában a HTML5 Video API használatával adják hozzá, az Adobe Muse ugyanazt a dolgot végzi el a "kütyü" elnevezéssel. A widgetek létrehozzák az egyes feladatokhoz szükséges HTML 5-öt, de a Muse-ban egy sima nyelvű interfészt használnak, hogy az oldal megjelenésekor írják a kódot.
Ebben a gyakorlatban olyan widgetet fogunk használni, amelyet ingyen letölthetünk a Muse Resources-ból. A widget letöltésekor mindössze annyit kell tennie, hogy megnyitja a .zip fájlt, és kattintson duplán a .mulib fájlra a teljes képernyős mappában. Ez telepíti az Adobe Muse példányára.
Hogyan készítsünk el egy oldalt a háttérképhez az Adobe Muse CC-ben?
A widget telepítésével most létrehozhatja azt a lapot, amely a videót használja.
Mielőtt elkezdené, hozzon létre egy mappát a Muse weboldalához. A mappán belül létrehoz egy másik mappát - a " média "- és mozgassa a mp4 és a webm verzióját a videó az adott mappába.
Amikor elindítja a Muse kiválasztását Fájl> Új webhely. Amikor megnyílik az Elrendezés párbeszédpanel, válassza a lehetőséget Desktop mint a Kezdeti elrendezés és változtassa meg Oldalszélesség és Oldalmagasság értékeket 1200 és 900. Kattints rendben.
Kattintson duplán a Mesteroldalra a Tervnézetben a Mesteroldal megnyitásához. Amikor a mesteroldal megnyílik, a fejléc és a lábléc útmutatókat az oldal tetejére és aljára helyezze át. Tényleg nincs szükség fejlécre és láblézőre ehhez a példához.
03. oldal, 05. oA Full Screen Háttér Video Widget használata az Adobe Muse CC-ben
A widget használata egyszerű. Az első dolog, amit meg kell tennie, hogy visszatér a Plan View kiválasztásával Nézet> Terv mód. Amikor a Tervnézet megnyílik, kattintson duplán a Kezdőlap megnyitni.
Nyissa meg a Library panelt - ha nem nyitott az interfész jobb oldalán Ablak> Library - és csavarja le a MR Teljes képernyős háttérkép mappát. Húzza a widgetet a mappába az oldalra.
Észre fogja venni a Opciók kérje meg a videók mp4 és webm verzióinak nevét. Adja meg a neveket pontosan úgy, ahogyan azok a mappába íródnak, ahol elhelyezte őket. Egy kis trükk annak érdekében, hogy ne tévedj, hogy másolja a nevét a mp4 videó és illessze be a MP4 és WebM a Opciók menüt.
Egy másik trükk: Mindezen widget megírja a HTML 5 kódot. Ezt meg tudod mondani, mert látod <> a widgetben. Ebben az esetben a weblap letöltöd a widgetet a kártyára, és továbbra is működni fog. Így nem zavarja az oldalra helyezett tartalmakat.
04. 05. szVideó hozzáadása és tesztelése az Adobe Muse CC programban
Bár hozzáadta a kódot, amely lejátszja a videókat, a Musenak még mindig nincsenek nyomai, ahol ezek a videók találhatók. A javításhoz válasszuk a lehetőséget Fájl> Fájlok hozzáadása a feltöltéshez. Amikor az Feltöltés párbeszédpanel megnyitja a navigálást a videódat tartalmazó mappához, válassza ki őket, és kattintson rá Nyisd ki. Annak biztosítása érdekében, hogy feltöltöttek, nyissa meg a Eszközök panel és látnod kell a két videódat. Csak hagyja őket a panelben. Nem kell őket elhelyezni az oldalon.
A projekt teszteléséhez válassza ki Fájl> Előnézeti oldal a böngészőben vagy, mert ez egy oldal, Fájl> Előnézet a böngészőben. Az alapértelmezett böngésző megnyílik, és a videó - esetemben trópusi vihar - elkezdi lejátszani.
Ezen a ponton a Muse fájl rendszeres weboldalként kezelhető, és tartalmat adhat hozzá a kezdőlaphoz, és a videó alatt játszani fog.
05. 05Hogyan adhat hozzá egy videó poszter keret Adobe Muse CC-ben?
Ez a web itt beszélünk, és a kapcsolat sebességétől függően jó eséllyel lehet a felhasználó megnyitni az oldalt, és egy üres képernyőn nézni, amíg a videó betöltődik. Ez nem jó dolog. Itt van, hogyan kell kezelni ezt a kis csúnya dolgot.
Ez a "Legjobb gyakorlat", amely a videó plakátkeretét tartalmazza, amely a videó betöltésekor megjelenik. Ez általában egy teljes méretű képernyőkép a képből.
A poszter keret hozzáadásához kattintson egyszer Böngésző kitöltése az oldal tetején. Kattints a Image link és navigáljon a használni kívánt képhez. Ban,-ben Szerelvény terület kiválasztásához Méretezés a kitöltéshez és kattintson a Központpont ban,-ben Pozíció terület. Ez biztosítja, hogy a kép mindig a kép középpontjától lassuljon, amikor a böngésző nézetabronta mérete megváltozik. Azt is látni fogja, hogy a kép kitölti az oldalt.
Egy másik kis trükk az, hogy legalább egy szilárd, nem fehér színű színt kapj, ha a poszterkeret egy darabig eltart egy darabig. Ehhez kattintson a Színes chip lehetőségre a Muse színválasztó megnyitásához. Válassza ki a pipettacikk eszközt, és kattintson a domináns színre a képen. Ha befejezte, kattintson az oldalra a Böngésző kitöltése párbeszédpanel bezárásához.
Ekkor mentheti a projektet vagy közzéteheti azt.
A sorozat utolsó része megmutatja, hogyan kell írni a HTML5 kódot, amely a videót egy weboldal hátterébe írja.
