Časť 3 Ako vytvoriť pozadie Video

01 z 05

Pridanie videa do aplikácie Adobe Muse

Pozadie videa je jednoduché pridať do Muse vďaka bezplatnej miniaplikácii.

Skutočne zaujímavým aspektom aplikácie Adobe Muse je, že vám umožňuje vytvárať webové stránky pomocou podobného pracovného postupu, aký sa použil pri zostavovaní publikácií. Nepotrebujete hlboké pochopenie kódu, ktorý vytvára stránky alebo stránku, ale oboznámenie sa s HTML5, CSS a JavaScript nebolí.

Aj keď tradičné webové video sa zvyčajne pridáva pomocou rozhrania HTML5 Video API, Adobe Muse dosiahne to isté prostredníctvom toho, čo nazýva "widgety". Widgety vytvárajú HTML 5 požadované pre konkrétne úlohy, ale v Muse používajú rozhranie s jednoduchým jazykom na zápis kódu pri publikovaní stránky.

V tomto cvičení budeme používať widget, ktorý si môžete bezplatne stiahnuť z Muse Resources. Po stiahnutí miniaplikácie stačí otvoriť súbor .zip a dvakrát kliknúť na súbor .mulib v priečinku Celá obrazovka videa. To ho nainštaluje do vašej kópie Adobe Muse.

02 z 05

Ako pripraviť stránku pre pozadie Video v Adobe Muse CC

Začneme tým, že vytvoríme nové stránky a nastavíme rozmery stránok.

Po nainštalovaní miniaplikácie môžete teraz vytvoriť stránku, ktorá použije video.

Skôr než začnete, vytvorte priečinok pre svoju stránku Muse. V tomto priečinku vytvorte iný priečinok - používam " médium " - a presuňte svoje mp4 a webové verzie videa do tohto priečinka.

Keď spustíte Muse, vyberte položku Súbor> Nový web . Keď sa otvorí dialógové okno Rozloženie, vyberte položku Plocha ako počiatočné rozloženie a zmeňte hodnoty šírky stránky a výšky stránky na hodnoty 1200 a 900 . Kliknite na tlačidlo OK .

Dvakrát kliknite na hlavnú stránku v zobrazení plánu a otvorte hlavnú stránku. Po otvorení hlavnej stránky presuňte vodidlá hlavičky a päty do hornej a dolnej časti stránky. Skutočne nepotrebujete hlavičku a pätu pre tento príklad.

03 z 05

Ako používať celú obrazovku pozadia video Widget v Adobe Muse CC

Jediné, čo musíte urobiť, je pridať názvy videí a nechať widget spracovať zvyšok.

Používanie miniaplikácie je jednoduché. Prvá vec, ktorú musíte urobiť, je vrátiť sa do plánu plánovania výberom možnosti Zobraziť> Režim plánovania . Keď sa otvorí pohľad na plán dvojitým kliknutím na domovskú stránku , otvorí sa.

Otvorte panel knižnice - ak nie je otvorený na pravej strane rozhrania, vyberte Okno> Knižnica - a otočte smerom nadol priečinok [MR] na celú obrazovku na pozadí . Presuňte miniaplikáciu do priečinka na stránku.

Všimnete si, že možnosti Opýtajte sa na zadanie mien mp4 a webových verzií videí. Zadajte mená presne tak, ako sú napísané, do priečinka, do ktorého ste ich umiestnili. Jeden malý trik, ktorý vám pomôže urobiť chybu, je skopírovať meno mp4 videa a vložiť ho do oblastí MP4 a WEBM v ponuke Možnosti .

Jeden ďalší trik: Všetko, čo táto miniaplikácia robí, je napísať kód HTML 5 pre vás. Môžete to povedať, pretože v miniaplikácii vidíte <> . V takomto prípade môžete miniaplikáciu z webovej stránky umiestniť na lepenkovú kartu a stále bude fungovať. Týmto spôsobom nezasahuje do obsahu, ktorý umiestnite na stránku.

04 z 05

Ako pridať video a otestovať stránku v Adobe Muse CC

Video sa prehráva pri testovaní stránky alebo stránky.

Hoci ste pridali kód, ktorý bude prehrávať videá, Muse stále nemá zmysel, kde sa tieto videá nachádzajú. Ak to chcete vyriešiť, vyberte položku Súbor> Pridať súbory na odovzdanie . Keď sa otvorí dialógové okno Nahrať, prejdite do priečinka obsahujúceho vaše videá, vyberte ich a kliknite na Otvoriť . Ak chcete zaistiť, že boli odovzdané, otvorte panel Aktíva a mali by ste vidieť vaše dve videá. Stačí ich nechať na paneli. Nemusia byť umiestnené na stránke.

Ak chcete otestovať projekt, vyberte položku Súbor> Náhľad stránky v prehliadači alebo, pretože ide o jednu stránku, súbor> ukážka stránky v prehliadači . Predvolený prehliadač sa otvorí a video - v mojom prípade tropický dážď - začne hrať.

V tomto momente môžete súbor Muse považovať za bežnú webovú stránku a pridať obsah na domovskú stránku a video sa bude prehrávať pod ním.

05 z 05

Ako pridať rámček videa plagát v Adobe Muse CC

Vždy pridajte rámček plagátu k akémukoľvek video projektu.

Toto je web, o ktorom tu hovoríme, a v závislosti od rýchlosti pripojenia existuje veľká šanca, že váš používateľ môže otvoriť stránku a pozerať sa na prázdnu obrazovku počas nahrávania videa. To nie je dobrá vec. Tu je postup, ako zaobchádzať s týmto troškou nepríjemnosti.

Je to "Najlepšia prax", ktorá obsahuje rámček plagátu videa, ktorý sa objaví počas načítania videa. Toto je zvyčajne plnohodnotná snímka obrazovky z videa.

Ak chcete pridať rámček plagátu, kliknite raz na položku Vyplniť prehľadávač v hornej časti stránky. Kliknite na odkaz Obrázok a prejdite na obrázok, ktorý sa má použiť. V oblasti Spojenie vyberte položku Mierka na vyplnenie a kliknite na bod Stred v oblasti Pozícia . Takto sa zabezpečí, že obrázok bude vždy zmenšený od stredu obrazu, keď sa veľkosť okna prehliadača prehliadača zmení. Zobrazí sa aj obrázok vyplňujúci stránku.

Ďalším malým trikom je mať aspoň farebnú farebnú farbu v prípade, že rámček plagátu trvá dlho, kým sa objaví. Ak chcete tak urobiť, kliknite na farebný čip a otvorte Muse Color Picker. Vyberte nástroj na kapátko a kliknite na prevládajúcu farbu v obraze. Keď skončíte, kliknutím na stránku zatvorte dialógové okno Prehliadací obsah.

V tomto okamihu môžete projekt uložiť alebo ho publikovať.

Posledná časť tejto série vám ukáže, ako napísať kód HTML5, ktorý nasníma video do pozadia webovej stránky.