Ntu 3 Ntawm Kev Ua Yeeb Yam Yeej Ua Li Cas

01 ntawm 05

Ntxiv cov yees duab rau Adobe Muse

Background yees duab yog yooj yim ntxiv rau hauv Muse tsaug rau ib tus dawb widget.

Qhov tiag tiag nthuav ntawm Adobe Muse yog tias nws tso cai rau koj los tsim cov nplooj ntawv web uas yog siv cov haujlwm uas zoo sib xws rau qhov siv los tawm cov ntawv tawm. Koj tsis tas yuav muaj kev nkag siab tob txog cov cai uas tsim muaj ib qhov chaw los yog sab tab sis tus paub zoo txog HTML5, CSS thiab JavaScript yuav tsis raug mob.

Tab sis yog ib txwm web video yees feem ntau ntxiv los ntawm kev siv ntawm HTML5 Video API, Adobe Muse ua tiav ib yam khoom los ntawm nws hu ua "widgets". Widgets tsim HTML 5 kom paub meej tab sis siv ib hom lus dawb hauv Muse los sau cov code thaum nplooj ntawv luam tawm.

Nyob rau hauv no ce, peb yuav siv ib lub widget uas koj muaj peev xwm rub tau, dawb, los ntawm Muse Resources. Thaum twg tus widget downloads, txhua yam koj yuav tau ua yog qhib cov ntaub ntawv .zip thiab ob-nias cov ntaub ntawv .mulib nyob hauv daim nplaub tshev Piav Duab Puv Software. Qhov no yuav nruab nws rau hauv koj daim Adobe Adobe.

02 ntawm 05

Yuav Npaj Li Cas Rau Ib Yees Duab Tom Qab Yuam Kev Hauv Adobe Muse CC

Peb pib los ntawm tsim ib qho chaw tshiab thiab teeb qhov nplooj qhov ntev.

Nrog tus widget ntsia, koj tuaj tam sim no tsim cov nplooj uas yuav siv cov yees duab.

Ua ntej koj pib, tsim ib phau ntawv rau koj qhov chaw Muse. Hauv nplaub tshev ntawd tsim lwm cov ntawv - Kuv siv " xov xwm " - thiab txav mus rau koj cov mp4 thiab webm versions ntawm qhov yeeb yaj duab rau hauv daim nplaub tshev.

Thaum koj tso Muse xaiv File> New Site . Thaum lub Layout dialog box opens xaiv Desktop ua tus Layout Initial thiab hloov Page qhov siab thiab Page Height qhov tseem ceeb rau 1200 thiab 900 . Nyem OK .

Ob nias nias Master Page nyob hauv Txoj Kev Npaj saib xyuas qhib lub Master page. Thaum tus ascas nplooj ntawv qhib lub hau Header thiab Footer mus rau sab saum toj thiab hauv qab ntawm nplooj ntawv. Koj yeej tsis xav tau tus Header thiab Footer rau qhov piv txwv no.

03 ntawm 05

Yuav ua li cas Siv Fullscreen Background Video Widget hauv Adobe Muse CC

Txhua yam koj yuav tau ua yog ntxiv lub npe cov npe thiab cia lub vib thab kov tus so.

Siv qhov widget yog tuag yoojyim. Thawj qhov uas koj yuav tau ua yog kom rov qab mus rau Txoj Kev Npaj Ua Ntej los ntawm Xaiv > Hom Hom . Thaum Txoj Kev Npaj Ua Ntej yuav qhib ob npaug ntawm nplooj ntawv Home qhib nws.

Qhib lub vaj huam sib luag - yog tias nws tsis qhib rau sab xis ntawm qhov Interface xaiv qhov rais> Lub Tsev Qiv Ntawv - thiab twirl cia [MR] Fullscreen Background Video folder. Tsav tus widget rau daim nplaub tshev rau sab.

Koj yuav pom tias Cov Kev Xaiv Xav kom koj sau cov npe ntawm mp4 thiab webm versions ntawm cov yeeb yaj duab. Sau cov npe raws nraim li lawv tau sau rau hauv daim nplaub tshev uas koj tso. Ib qho me me ua kom paub tseeb tias koj tsis ua yuam kev yog luam lub npe ntawm lub mp4 video thiab paste rau hauv MP4 thiab WEBM cov chaw ntawm Cov Ntawv Qhia Xaiv .

Ib qho ua kom yuam kev: Tag nrho cov no widget puas yog sau HTML 5 code rau koj. Koj tuaj yeem qhia qhov no vim tias koj pom <> hauv tus txheej txheem. Nyob rau hauv cov ntaub ntawv no, koj tuaj yeem tso tus ntiv tes tawm ntawm cov nplooj ntawv web rau ntawm cov xibfwb thiab nws tseem yuav ua haujlwm. Li no nws tsis cuam tshuam nrog cov ntsiab lus koj yuav muab tso rau ntawm nplooj ntawv.

04 ntawm 05

Yuav Ua Li Cas thiaj Ntxiv Cov Yees duab thiab Kev Xeem Ntawv Hauv Hauv Adobe Muse CC

Cov yeeb yaj kiab yees thaum koj sim lub vev xaib lossis phab.

Txawm tias koj tau ntxiv cov code uas yuav ua si rau cov yeeb yaj duab, Muse tseem tsis muaj ib qho clue qhov twg cov yeeb yaj duab nyob ntawd. Txhim kho qhov no, xaiv cov ntaub ntawv> Ntxiv cov ntaub ntawv rau Upload . Thaum lub Thawv Tshawb Fai Mus Ncig Mus rau cov ntawv uas muaj koj cov yeeb yaj duab, xaiv lawv thiab nias qhib . Txhawm rau kom lawv tau uploaded, qhib cov khoom vaj khoom tsev thiab koj yuav tsum pom koj cov yeeb yaj duab ob. Tsuas cia lawv nyob hauv lub vaj huam sib luag. Lawv tsis tas yuav tsum muab tso rau ntawm nplooj ntawv.

Txheeb xyuas qhov project yog xaiv cov ntaub ntawv> Saib Ua Ntej Page Hauv Browser los yog, vim qhov no yog ib phab tib, Cov Ntaub Ntawv> Saib Ua Ntej Hauv Hauv Tsev Kawm Ntawv . Koj lub vijtsam xiamtom yuav qhib thiab cov video - hauv kuv qhov kev sibtshaj tauj huabtais - yuav pib ua si.

Nyob rau ntawm lub sij hawm no, koj tuaj yeem kho Muse cov ntaub ntawv ua ib lub web page tsis tu ncua thiab ntxiv cov ntsiab lus rau lub Tsev thiab cov yees duab yuav ua si hauv qab.

05 ntawm 05

Yuav ua li cas ntxiv ib daim duab dai daim ntawv thaij hauv Adobe Muse CC

Nco ntsoov xa daim ntawv loj loj rau txhua qhov project yees duab.

Qhov no yog lub vas sab peb sib tham txog ntawm no thiab, nyob ntawm qhov kev txuas ceev, muaj sijhawm zoo rau koj cov neeg siv tau qhib rau nplooj ntawv thiab ntsia ntawm ib lub vijtsam dawb thaum lub yees duab ua haujlwm. Qhov no tsis yog qhov zoo tshaj plaws. Ntawm no yog yuav ua li cas nrog no me ntsis ntawm nastiness.

Nws yog "Qhov Zoo Tshaj Plaws" kom muaj ib daim ntawv loj ntawm daim duab, uas yuav tshwm sim thaum lub yees duab nce. Qhov no feem ntau yog qhov kev txhaj tshuaj puv npo ntawm ib daim duab los ntawm kev yees duab.

Ntxiv daim ntawv thaij duab nias ntawm ib qho ntawm Browser Puv rau saum toj ntawm nplooj ntawv. Nias cov duab txuas thiab xa mus rau cov duab siv. Hauv qhov chaw phim , xaiv cov nplai los sau thiab nias qhov Center point hauv thaj chaw. Qhov no yuav ua kom cov duab yuav nco ntsoov teev ntawm qhov chaw ntawm daim duab thaum qhov browser's viewport loj hloov. Koj tseem yuav pom cov duab sau rau nplooj ntawv.

Ib qho me ntsis ua kom yuam kev yog tsawg kawg yog ib yam khoom-tsis yog xim dawb-xim thaum rau hauv daim ntawv thaij duab yuav siv sij hawm ntev. Ua li no nias qhov xim Chip qhib lub Muse Colour Picker. Xaiv qhov ntsej muag ntawm lub ntsej muag thiab nias rau ntawm ib qho xim loj hauv daim duab. Thaum tiav lawm, nias ntawm nplooj ntawv kom kaw qhov Browser Poob dialog box.

Txij ntawm no mus, koj tuaj yeem txuag tau qhov project los yog tshaj tawm.

Qhov kawg ntawm qhov koob no qhia koj yuav ua li cas sau cov HTML5 chaws uas xuas cov duab ua yeeb yaj kiab mus rau hauv lub web page's background.