01/05
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.
02. 05. sz
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édiát " használom - és a videó mp4 és webm verzióját a mappába helyezzük.
Indításkor válassza a Fájl> Új webhely lehetőséget . Amikor a Layout (Elrendezés) párbeszédpanel megnyílik, válassza az Asztalot, mint kezdeti elrendezést, és módosítsa az Oldalszélesség és az Oldalmagasság értékeket 1200-ra és 900-ra . Kattintson az OK gombra .
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. o
A 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 Nézet nézetbe a Nézet> Terv mód kiválasztásával. Ha a Tervnézet megnyílik, kattintson duplán a kezdőlapra a megnyitáshoz.
Nyissa meg a Könyvtár panelt - ha az interfész jobb oldalán nem nyílik ki, válassza az Ablak> Könyvtár lehetőséget - és görgesse le az [MR] Fullscreen Background Video mappát. Húzza a widgetet a mappába az oldalra.
Felhívja a figyelmet arra, hogy a Beállítások megkérik, hogy adja 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 , az, hogy átmásolja az MP4 video nevét és illessze be az Opciók menü MP4 és WEBM területébe.
Egy másik trükk: Mindezen widget megírja a HTML 5 kódot. Ezt meg tudod mondani, mert látod a <> elemet 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. sz
Videó 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 probléma megoldásához válassza a Fájl> Fájlok hozzáadása feltöltéshez parancsot . Amikor megjelenik az Feltöltés párbeszédpanel, navigáljon a videókat tartalmazó mappához, válassza ki őket, és kattintson a Megnyitás gombra. Annak biztosítása érdekében, hogy feltöltöttek, nyissa meg az Eszközök panelt, és látnia kell a két videódat. Csak hagyja őket a panelben. Nem kell őket elhelyezni az oldalon.
A projekt teszteléséhez válassza a Fájl> Előnézeti oldal a böngészőben vagy, mert ez egyetlen oldal, a 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. 05
Hogyan 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 a Böngésző kitöltése gombra az oldal tetején. Kattintson a Kép linkre, és keresse meg a használni kívánt képet. A Felszerelés területen válassza a Méretezés a kitöltéshez lehetőséget, és kattintson a Központ pontra a Pozíció mezőben. 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.