Ahoana no hamoronana scrolling Parallax mampiasa ny Adobe Muse

Ny iray amin'ireo "hottest" teknika ao amin'ny tranonkala androany dia ny famakiana parallax. Isika rehetra dia mankany amin'ireo toerana izay iverenanareo ny kodiaran'ny horonan-tsarimihetsika eo amin'ny totozy ary ny tranokala ao anaty pejy dia mihetsiketsika na manerana ny pejy rehefa mamadika ny kodiaran'ny mozika.

Ho an'ireo vaovao ireo amin'ny famolavolana tranonkala sy ny famolavolana grafika, ity teknika ity dia mety ho sarotra be ny mahatratra noho ny habetsaky ny CSS takiana.

Raha manoritsoritra anao izany, dia misy fampiharana maromaro izay mety hahaliana ny mpanakanto. Amin'ny ankapobeny dia mampiasa fomba famolavolan-tranonkala mahazatra ny pejy amin'ny tranonkala izy ireo, izay midika fa tsy misy betsaka, raha misy, ny coding dia tafiditra. Ny fampiharana iray izay tena nipoitra be dia be dia ny Adobe Muse.

Ny asa vita amin'ny alàlan'ny sary amin'ny fampiasana mozika dia tena mahavariana ary afaka mahita ny famakiana ny zavatra azonao atao ianao amin'ny fitsidihana ny Muse Site of the Day . Na dia miezaka ny mihevitra ny Muse ho toy ny "kilalao rivotra" aza ny web prosperie, dia ampiasain'ireo mpamorona ihany koa ny mamorona prototype finday sy tranonkala izay halefa any amin'ireo mpandraharaha ao amin'ny ekipany.

Teknika iray izay tena mahavariana tokoa ny hanatontosana amin'ny Muse dia ny horonam-peo parallax ary raha te-hahita ny dikan-drakitra vita ny fampiharana Halefanay ny tranokalanao amin'ity pejy ity. Rehefa manidina ny milina fanalehibiazan'ny sourit ianao, dia toa mihetsiketsika ny pejy ka miova ny sary.

Andao isika hanomboka.

01 of 07

Mamorona pejy Internet

Rehefa manomboka Muse dia tsindrio ny rohy vaovao Site . Izany dia hanokatra ny New Site Properties . Ity tetikasa ity dia natao ho an'ny fampiharana Desktop ary azonao atao ny mifidy azy ao amin'ny menus pop-up layout voalohany . Azonao atao koa ny mametraka ny soatoavina amin'ny isa Columns, Gutter Width, Margins, ary Padding. Tamin'ity tranga ity dia tsy dia niady saina loatra momba izany izahay ary naverina tsotra fotsiny OK .

02 of 07

Ampiasao ny pejy

Rehefa mametraka ny tranonkala tranonkala ianao ary tsindrio OK, dia nentina tany amin'ny antsoina hoe Plan View ianao. Misy pejy pejy iray eo an-tampony sy ny pejy Master eo amin'ny faran'ny varavarankely. Mila pejy iray izahay. Mba hahatongavana amin'ny Design View, dia naverinay tsindry ny pejy Home izay nanokatra ny interface.

Ao ankavia dia fitaovana fototra vitsivitsy ary eo ankavanana dia sehatra maromaro ampiasaina hanamboarana ny votoatin'ny pejy. Ao an-tampony ireo toetra ireo, izay azo ampiharina amin'ny pejy, na izay zavatra nofidiana ao amin'ny pejy. Amin'ity tranga ity dia te hanana làlana mainty isika. Mba hanatanterahana izany, dia tsindrio ny kitapom-piraketana ny solosaina ary afafazo mainty amin'ny Color Picker.

03 of 07

Ampio lahatsoratra amin'ny pejy

Ny dingana manaraka dia ny manampy ampahany amin'ny pejy. Nifidy ny Tool Text izahay ary namoaka boaty an-tsoratra. Niditra ny teny hoe "Welcome" ary, ao amin'ny Properties dia mametraka ny lahatsoratra amin'ny Arial, 120 pixels White. Center Aligned.

Avy eo dia nafindra tao amin'ny fitaovana Selection izahay, tsindrio ny Textbox ary mametraka ny toerana Y mankany 168 pixels avy any ambony. Niaraka tamin'ilay boaty an-tsoratra mbola voafidy, nosokafanay ny tontonana Align ary nifampizarana ny boaty ho an'ny foibe.

Farany, miaraka amin'ny boaty an-tsoratra voafidy, dia nosakanantsika ny fanalahidy Option / Alt sy Shift ary nahatonga dika efatra ho an'ny boaty. Nanova ny lahatsoratra sy ny toerana misy ny dika tsirairay avy amin'ny:

Ho hitanao, rehefa mametraka ny toerana misy ny boaty anaty lahatsoratra ianao, dia mamerina mametraka ny toerana misy ilay lahatsoratra.

04 of 07

Ampio ny toerana misy ny sary

Ny dingana manaraka dia ny fametrahana sary eo anelanelan'ny andian-tsoratra.

Ny dingana voalohany dia ny mifantina ny fitaovana Rectangle ary manisika ny boaty iray izay manomboka eo amin'ny lafiny iray amin'ny pejy mankany amin'ny iray hafa. Miaraka amin'ny paikady voafidy, dia mamaritra ny haavony ho 250 pixels ary ny toerany Y hatramin'ny 425 pixels . Ny drafitra dia ny fananana azy ireo hatrany na hifanaraka amin'ny sehatry ny pejy mba hametrahana ny fomba fijerin'ny mpampiasa azy. Mba hanatanterahana izany dia noketrehinay ny bokotra 100% ny bokotra Properties. Ny zava-mitranga dia manasongadina ny sanda X ary mba ahazoana antoka fa ny sary dia mahazatra 100% amin'ny habe amin'ny fomba fisie anaty navigateur.

05 of 07

Ampio sary amin'ny sary fitadiavana sary

Rehefa voafidy ny rohy dia nofintinay ilay rohy Fill - fa tsy ny Color Chip - ary tsindrio ny loko mage mba hanamboarana sary ao amin'ny faritra. Nifidy ny Scale To Fit tao amin'ny faritra miorina izahay ary tsindrio ny haba afovoany eo amin'ny toerana misy ny Toerany mba hahazoana antoka fa ny sary dia miala avy eo afovoan'ny sary.

Avy eo, nampiasainay ny teknikan'ny safidy / Alt-Shift-zotra mba hamoronana dika mitovy ny sary eo anelanelan'ny andalana roa voalohany, dia nanokatra ny Panel Fill ary nanova ny sary ho an'ny hafa. Izany no nataonay tamin'ny sary roa sisa.

Miaraka amin'ny sary an-toerana, fotoana izao hanampiana ny fihetsiketsehana.

06 of 07

Add Parallax Scrolling

Misy fomba maromaro hanampiana horonana parallax ao amin'ny Adobe Muse. Haneho fomba tsotra hanaovana izany ianao.

Miaraka amin'ny fisokafana fanonerana, tsindrio ny tabilao Scroll ary rehefa sokafana dia tsindrio ny bokotra Motion .

Hahita soatoavina ho an'ny Misiona voalohany sy farany ianao . Ireo dia mamaritra ny fomba haingana amin'ny sary mifanaraka amin'ny Wheel Scroll. Ohatra, ny sanda 1.5 dia hamindra ilay sary in-1.5 haingana kokoa noho ny kodiarana. Nampiasa sarany 0 izahay mba hanakanana ireo sary.

Ny zana-tsipika horizontal sy vertika dia mamaritra ny fitarihan'ny fihetsiketsehana. Raha toa ka 0 ny sanda dia tsy hitsahatra ny sary na inona na inona zana-tsipika tsindrio anao.

Ny lanjany eo afovoany - Key Position - dia maneho ny tiana hajanon'ny sary. Ny tsipika ambonin'ny sary dia manomboka, ho an'ity sary ity, 325 piksela avy any an-tampon'ny pejy. Rehefa mahatratra ny lanjany ilay horonan-tsary dia manomboka mihetsika ilay sary. Azonao atao ny manova an'io sanda io amin'ny fanovana azy ao amin'ny boaty misy ny dialog na amin'ny tsindrio ary mamindra ilay teboka eo an-tampon'ny sehatra na amin'ny farany.

Avereno izany amin'ny sary hafa ao amin'ilay pejy.

07 of 07

Fitsapana Browsers

Tamin'izay fotoana izay dia vita izahay. Ny zavatra voalohany nataonay, noho ny antony mazava, dia ny nisafidy ny File> Save Site . Ho an'ny fizahan-tranonkalan'ny tranokala, dia nisafidy fotsiny ny Tranonkala > Preview amin'ny navigateur . Nosokafany ny tranonkalan'ny tranonkalan'ny ordinatera ary raha nanomboka nisokatra ny pejy, dia nanomboka nandositra izahay.