Pehea e hana ai i ka'ōwae Parallax Me ka hoʻohanaʻana i Adobe Muse

ʻO kekahi o nā "ʻoihanaʻoi loa loa" ma luna o ka pūnaewele i kēia lā e like me ka heleʻana o parallax. Ua hele mākou a pau i kēlā mau pūnaewele kahi e paʻi aiʻoe i ka huila wili ma kāuʻiole aʻo ka mea ma luna o kaʻaoʻao e neʻe i luna a lalo a ma'ō aku o kaʻaoʻao i ka wā e hoʻololiʻoe i ka wili kio.

No kēlā mau mea hou i ka hoʻolālā pūnaewele a me ka hoʻolālā kiʻi, hiki ke paʻakikī loa kēia hana i ka loaʻaʻana i ka nui o ka CSS e pono ai.

Inā hōʻike kēlā iāʻoe, aia kekahi mau noi e hiki ke hoʻopiʻi wale i nā mea hana kiʻi kiʻi. Hoʻohana lākou i kahiʻaoʻao hoʻolālā maʻamau i nā pūnaewele pūnaewele,ʻo ia hoʻi,ʻaʻole he nui, inā he, ua pili ke coding. Hoʻokahi mele i hoʻohui nui loaʻiaʻo Adobe Muse.

ʻO ka hana i hanaʻia e nā kiʻi kiʻi hoʻohana me Muse he mea kupaianaha loa ia a hiki iāʻoe keʻike i kahi hōʻailona o ka mea hiki iāʻoe ke hana ma ka heleʻana i ka Muse Site o ka lā . ʻOiai nāʻoihana pūnaewele e nānā iā Muse e like me keʻano o ka "pāʻani makani", e hoʻohanaʻia ana hoʻi e nā mea hana e hana i nā polokalamu kelepona a me nā pūnaewele pūnaewele e hāʻawiʻia i ka poʻe papahana i kā lākou hui.

ʻO kahiʻoihana maʻalahi hiki ke hoʻoholo me Muse he helehelena parallax a, inā makemakeʻoe eʻike i ka pauʻana o ka hana e hele mākou, e kuhikuhi i kāu polokalamu kele pūnaewele i kēiaʻaoʻao. Ke hoʻohuliʻoe i ka wili pepa wili o kouʻiole, e like me ka neʻeʻana o ka'ōlelo a iʻole hoʻi i lalo kaʻaoʻao a hoʻololi nā kiʻi.

E hoʻomaka kākou.

01 o 07

Hana i kahi palapala pūnaewele

Ke hoʻomakaʻoe iā Muse e kili i ka pūnaewele New Site . Mālama kēia i nā Mahele Pae Pūnaewele . E hoʻolālāʻia kēia papahana no ka polokalamu kelepona a hiki iāʻoe ke koho i loko o ka papa kuhikuhi papawaena Papa . Hiki iāʻoe ke hoʻonoho i nā kumukūʻai no ka helu o nā Columns, Gutter Width, Margins, a me Padding. Ma kēia hihia,ʻaʻole mākou i hopohopo nui i kēia a pēhi wale iā OK .

02 o 07

Hōʻulu i kaʻaoʻao

Ke hoʻonohonohoʻoe i nā kuleana o ka pūnaewele a kaomi iā OK ua laweʻiaʻoe i ka mea i kapaʻiaʻo ka Plan view. Aia kahiʻaoʻao Home ma ka luna a me kahi Page Pelekane ma lalo o ka puka. Loaʻa kahiʻaoʻao hoʻokahi mākou. No kaʻikeʻana i ka View View, ua pākaʻi mākou i ka Home page i wehe i ka interface.

Aia ma kaʻaoʻao hema he mau mea hana maʻamau a ma ka'ākau he mau paneli i hoʻohanaʻia e hoʻopili i nā mea ma kaʻaoʻao. Ma luna o ka piko ka waiwai, hiki ke hoʻohanaʻia i kaʻaoʻao, aiʻole kekahi mea i kohoʻia ma kaʻaoʻao. I kēia hihia, makemake mākou e loaʻa kahiʻeleʻele. No ka hoʻokōʻana i kēia, hoʻopili mākou ma ka Pūnaewele Pūnaewele E hoʻopiha i ka puʻupuʻu kala a koho i kaʻeleʻele mai ka Pane Uila.

03 o 07

Hoʻokomo i ka Text i kaʻAoʻao

ʻO ka hopena hou aʻe,ʻo ka hoʻohuiʻana i kekahi kikokikona i kaʻaoʻao. Ua koho mākou i ka Mea Uihana a huki i kahi pahu kiʻi. Ua komo mākou i ka hua'ōlelo "Welcome" a, i nā Pono i hoʻonoho i ka kikokikona i Arial, 120 pikaele White. Paena Pūnaewele.

Ua hoʻololi mākou i ka mea hana koho, kili ma ka Textbox a hoʻonoho i kona kūlana Y i 168 pikaeli mai luna. Me ka koho 'ana i ka pahu memo, ua wehe mākou i ka papa Align a kau i ka pahu kiko i ka waena.

I ka hopena, me ka koho pūnaewele i kohoʻia, ua hoʻopaʻa mākou i nā koho / Alt a me nā kika hoʻololi a hana iʻehā kope o ka pahu kiko. Ua hoʻololi mākou i ka kikokikona a me ke kūlana Y o kēlā me kēia kope i:

Eʻikeʻoe, i kāu hoʻonohonohoʻana i kahi o kēlā me kēia pahu kiko'ī, e hoʻopihaʻia kaʻaoʻao no kahi e kū ai ka kikokikona.

04 o 07

E hoʻouka i nā kiʻi kiʻi

ʻO ka hopena hou aʻe,ʻo ia ke kau kiʻi ma waena o nā poho.

ʻO ka hana mua,ʻo ke kohoʻana i ka Uihana Kuhumu a huki i kā mākou pahu e holo ana mai kēlāʻaoʻao o kēiaʻaoʻao a kekahi. Me ka'ōpana'āpana koho i kohoʻia, hoʻonoho mākou i kona kiʻekiʻe i 250 pixels a me kona Y i kahi 425 pika . ʻO ka hoʻolālā,ʻo ia ka manawa e hoʻopili aiʻole eʻaelike paha i kaʻaoʻaoʻaoʻao e hiki ai i ka meaʻike kele pūnaewele o kahi mea hoʻohana. No ka hoʻokōʻana i kēia, ua kaomi mākou i ka pākuhi 100% ʻaoʻao ma nā Properties. He aha keʻano o ke kala hina ma waho o ka waiwai X a no ka hōʻoia i ka 100% o ka wideportport i kahi polokalamu kelepona.

05 o 07

E hoʻouka i nā kiʻi i nā Kiʻi kiʻi

Me ka'Āpana koho i kohoʻia, ua kaomi mākou i ka pūnaewele Fill -ʻaʻole i ka Chip Chip - a kaomiʻana i ka'īnika māina e hoʻonui i ke kiʻi ma ka'ahina. Ma kahi koho, wae mākou i ka Scale To Fit a kaomi i ke poho waena ma kahi Position e hōʻoia ka hoʻonuiʻia o ke kiʻi mai ke kikowaena o ke kiʻi.

ʻO ka mea'ē aʻe, ua hoʻohana mākou i keʻano Option / Alt-Shift-dragʻoihana e hana i kope o ke kiʻi ma waena o nā poʻomanaʻo muaʻelua, ua wehe i ka pane pane a hoʻokuʻu i ke kiʻi no kekahi. Hana mākou i kēia no nā kiʻiʻelua i koe.

Me nā kiʻi i kahi, ua hiki i ka manawa e hoʻouku i ka kaomi.

06 o 07

Hoʻohui i ka Parallax Scrolling

Aia kekahi mauʻano o ka hoʻonuiʻana i ka palaka parallax ma Adobe Muse. E hōʻike mākou iāʻoe i kahi ala maʻalahi e hana ai.

Me ka papa o ka pane pane, e kaomi i kaʻaoʻaoʻaoʻao a, i ka wā e wehe ai, e kaomi i ka pahu hōʻike Motion .

Eʻikeʻoe i nā kumukūʻai no ka hoʻomakaʻana a me ka hope hope . Hoʻoponopono kēia i ka wikiwiki o ka kiʻi e pili ana i ka Wheel Wili. Eia kekahi laʻana,ʻo ke ana o 1.5 e hoʻoneʻe i ke kiʻi 1,5 mau wikiwiki ma mua o ka huila. Ua hoʻohana mākou i kahi waiwai o ka 0 e hoʻopaʻa i nā kiʻi ma kahi.

Hoʻolālā nā kī kau a me nā hae i ke kuhikuhi o ka manaʻo. Ināʻaʻole nā ​​huahelu 0 nā kiʻi e leleʻole no kēlā a me ka pua āu e kaomi ai.

ʻO ke kumukūʻai waena - Kahi Kiʻekiʻe - hōʻike i kahi kahi i hoʻomaka ai nā kiʻi e neʻe. Kuhi ka laina ma luna aʻe o ka kiʻi, no kēia kiʻi, 325 pika mai ka piko o kaʻaoʻao. Ke hiki i ka pepa i ka waiwai o ke kiʻi e hoʻomaka. Hiki iāʻoe ke hoʻololi i kēia kumukānāwai ma o ka hoʻololi paha ia i loko o ka pahu waʻa a iʻole ma ke kaomiʻana a me ke hukiʻana i ka helu ma kaʻaoʻao o ke laina i luna a iʻole.

E hana hou i kēia no nā kiʻi'ē aʻe ma kaʻaoʻao.

07 o 07

Hōʻoia Pūnaewele

I kēia manawa, ua hoʻopauʻia. ʻO ka mea mua a mākou i hana ai, no nā kumu kūpono, e koho i ka File> Save Site . No ka ho'āʻoʻana i nā polokalamu kele pūnaewele, ua koho mākou i ka File> Preview Page in Browser . Ua wehe kēia i ka polokalamu kelepona paʻakikī a mākou, a hoʻomakaʻia kaʻaoʻao, hoʻomaka mākou e hele.