Yuav Tsum Tau Tsim Dab Tsi Faib Tuaj Siv Adobe Muse

Ib qho ntawm "qhov kub tshaj plaws" cov tswv yim nyob rau hauv lub vas sab hnub no yog qhov teev cia. Peb txhua tus tau mus rau cov chaw uas koj tig tig lub log rau ntawm koj tus nas thiab cov ntsiab lus ntawm nplooj ntawv txav mus txog los yog dhau ntawm cov nplooj ntawv thaum koj tig lub log log.

Rau cov neeg tshiab los tsim qhov web site thiab cov duab nraaj, cov txheej txheem no tuaj yeem ua tau nyuab kawg vim qhov nyiaj CSS xav tau.

Yog tias piav qhia koj, muaj ntau cov ntawv thov uas tsuas tuaj yeem hais mus rau cov duab kos duab. Lawv yeej siv cov nplooj ntawv paub txog cov nplooj ntawv web page, uas txhais tau hais tias tsis muaj ntau, yog tias muaj, coding koom tes. Ib daim ntawv thov uas muaj tiag rocketed rau kev nce qib yog Adobe Muse.

Cov hauj lwm ua los ntawm kev siv duab siv Muse zoo nkauj heev thiab koj tuaj yeem pom ib qho piv txwv txog yam koj tuaj yeem ua tau los ntawm kev mus xyuas Muse qhov chaw Hnub . Txawm tias lub web tshaj yuav pom txog Muse yog qee yam "khoom ua si khoom cua", nws tseem yog siv los ntawm cov neeg tsim qauv los tsim cov xov tooj cua thiab web prototypes uas yuav kawg tau muab rau cov neeg tsim khoom ntawm lawv pab neeg.

Ib cov txheej txheem uas yooj yim heev ua kom tiav nrog Muse yog parallax scrolling thiab, yog tias koj xav pom qhov ua tiav ntawm lub ce Peb yuav taug kev los ntawm, taw tes koj tus browser rau nplooj ntawv no. Thaum koj dov koj tus nas scroll log, cov ntawv nyeem zoo li tsiv mus nce los yog nqes phab thiab cov duab hloov.

Cia peb pib.

01 ntawm 07

Tsim Muaj Phab Ntawv

Thaum koj tso Muse nyem qhov New Site link. Qhov no yuav qhib lub New Site Properties . Qhov project no yuav tsim los rau ib daim ntawv thov kev lag luam thiab koj tuaj yeem xaiv nws hauv Kev Pib Layout pop-down menu. Koj tuaj yeem teev cov kev cai rau txhua tus lej ntawm txhua tus, Gutter Width, Margins, thiab Padding. Hauv qhov no, peb tsis txhawj xeeb txog qhov no thiab tsuas yog clicked OK .

02 ntawm 07

Hom Ntawv Phab Ntawv

Thaum koj tau teeb tsa lub tsev kawm ntawv thiab nias qhov koj tau coj mus ua dab tsi hu ua Kev Pom Zoo. Nws muaj ib qhov Home Home nyob rau sab saum toj thiab tus Master Page hauv qab ntawm qhov rais. Peb tsuas xav tau ib nplooj ntawv xwb. Tau txais Tus Qauv Tsim, peb ob-nias lub Tsev Ntawv uas qhib qhov interface.

Ntawm sab laug yog ob peb yam cuab yeej yooj yim thiab ntawm sab xis yog ntau yam ntawm cov khoom siv los muab cov ntsiab lus ntawm nplooj ntawv. Raws li saum toj yog cov khoom, uas tuaj yeem siv rau nplooj ntawv, lossis txhua yam xaiv ntawm nplooj ntawv. Nyob rau hauv cov ntaub ntawv no, peb xav kom muaj ib tug dub keeb kwm yav dhau. Yuav kom ua tiav qhov no, peb nias ntawm Browser Sau xim nqaij thiab xaiv dub ntawm Xim Picker.

03 ntawm 07

Ntxiv cov ntawv nyeem rau cov nplooj ntawv

Cov kauj ruam tom ntej yog ntxiv cov ntawv ntxiv rau cov nplooj ntawv. Peb tau xaiv cov Ntawv Cuab Yeej thiab kos tawm ib lub thawv ntawv nyeem. Peb nkag mus rau lo lus "Zoo siab txais tos" thiab, hauv cov cuab yeej muab cov ntawv nyeem rau Arial, 120 pixels White. Chaw Txheej Txheem.

Peb mam li hloov mus rau qhov kev xaiv cuab tam, clicked rau ntawm Textbox thiab teem nws cov Y txoj hauj lwm mus rau 168 pixels los ntawm lub sab saum toj. Nrog rau lub thawv ntawv tseem xaiv, peb qhib cov lus sib dhos li qub thiab mus raws li cov ntawv nyeem lub thawv rau qhov chaw.

Thaum kawg, nrog rau lub thawv ntawv xaiv, peb tuav cia Option / Alt thiab Shift tuav thiab ua plaub daim ntawv ntawm lub thawv ntawv nyeem. Peb tau hloov cov ntawv thiab Y daim ntawv ntawm txhua daim qauv rau:

Koj yuav pom, raws li koj teem rau qhov chaw ntawm txhua lub thawv ntawv, nplooj ntawv rov mus kom haum rau qhov chaw ntawm cov ntawv nyeem.

04 ntawm 07

Ntxiv Image Muab cov neeg

Cov kauj ruam tom ntej yog muab cov duab ntawm cov ntawv nyeem.

Thawj kauj ruam yog xaiv lub Cuab Yeej Duab thiab kos peb lub thawv uas ncab ntawm ib sab ntawm nplooj ntawv mus rau lwm qhov. Nrog lub duab plaub duab xaiv, peb muab nws qhov siab mus rau 250 pixels thiab nws Y txoj hauj lwm mus rau 425 pixels . Lub tswv yim yog kom muaj lawv ib txwm ncab lossis daim ntawv cog lus rau phab dav kom haum rau tus neeg siv qhov browser saib. Yuav kom ua tiav qhov no, peb nias qhov 100% khawm qhov khawm ntawm qhov khoom. Dab tsi qhov no yog grey tawm tus nqi X thiab xyuas kom cov duab yog ib txwm muaj 100% ntawm qhov pom dav dav hauv qhov browser.

05 ntawm 07

Ntxiv cov duab rau duab

Nrog rau lub duab peb xaiv peb clicked Link - tsis yog Chip xim - thiab nias lub cim mage ntxiv rau ib qho duab hauv daim duab. Nyob rau hauv Fitting cheeb tsam, peb xaiv Scale To Fit thiab nias qhov chaw tuav hauv cheeb tsam Txoj Haujlwm los xyuas kom meej tias cov duab scaled ntawm qhov chaw ntawm daim duab.

Tom ntej no, peb siv cov kev xaiv Option / Sub-Shift-drag los tsim ib daim qauv ntawm daim duab ntawm thawj ob hom ntawv nyeem, qhib lub vaj huam sib luag sau thiab pauv cov duab rau lwm tus. Peb tau ua qhov no rau seem ob seem thiab.

Nrog cov duab nyob rau hauv qhov chaw, nws yog lub sij hawm ntxiv qhov lus taw kev.

06 ntawm 07

Ntxiv Parallax Scrolling

Muaj ntau txoj hauv kev ntxiv ntawm qhov ntxiv rau hauv daim ntawv qhia ntxiv hauv Adobe Muse. Peb yuav los qhia koj ib txoj kev yooj yim ntawm kev ua.

Nrog lub vaj huam sib luag qhib, nias lub Scroll tab thiab, thaum nws qhib, nias lub checkbox .

Koj yuav pom qhov tseem ceeb rau Kev Tshaj Tawm thiab Kev Kawg Nkaus . Cov no yuav txiav txim siab sai npaum li cas cov duab txav mus rau qhov sib piv rau Scroll Log. Piv txwv, tus nqi ntawm 1.5 yuav tsiv mus rau daim duab 1.5 zaus sai dua lub log. Peb siv tus nqi 0 los xauv cov duab nyob hauv qhov chaw.

Cov kab rov tav thiab ntsug yuav txiav txim siab qhov kev taw qhia ntawm qhov lus taw kev. Yog hais tias qhov tseem ceeb yog 0 cov duab yuav tsis budge tsis hais txog qhov twg xub koj nias.

Qhov nruab nrab qhov value- Qhov Tseem Ceeb - qhia qhov point uas cov duab pib tsiv mus. Cov kab saum toj no cov duab pib, rau daim duab no, 325 pixels los ntawm sab saum toj ntawm nplooj. Thaum cov ntawv sib txig mus txog tias tus nqi pib tsiv. Koj tuaj yeem hloov qhov txiaj ntsig no los ntawm kev hloov nws hauv lub thawv ntawv lossis los ntawm txhaj thiab rub lub taw tes rau sab saum toj ntawm txoj kab los nce lossis nqis.

Rov ua qhov no rau lwm cov duab ntawm nplooj ntawv.

07 ntawm 07

Browser Test

Txij ntawm no mus, peb tau tas. Thawj qhov uas peb tau ua, rau qhov yog vim li cas, yog los xaiv cov ntaub ntawv> Txuag Site . Rau qhov browser kuaj, peb tsuas xaiv cov ntaub ntawv> Saib Ua Ntej Page hauv Browser . Qhov no qhib peb lub computer qhov browser default thiab, thaum cov nplooj ntawv qhib, peb pib scrolling.