Masakatuli a Webusaiti akhala akuzungulira malinga ngati mawebusaiti ali. Ndipotu, osatsegula ndizofunikira kwambiri pazochitikira kapena anthu akuwona malo anu - koma osatsegula onse apangidwa mofanana. Ndizotheka ndithu (ndipo makamaka mwachilungamo) kukhala ndi makasitomala akuwona masamba anu m'masewera omwe ali okalamba kwambiri ndipo akusowa zinthu zomwe ziri muzamasamba zamakono zamakono. Izi zingayambitse mavuto akuluakulu pamene mukuyesetsa kukhazikitsa mawebusaiti omwe amagwiritsa ntchito mapulumukidwe atsopano pawekha webusaiti ndi chitukuko . Ngati wina amabwera pawebusaiti yanu pogwiritsa ntchito imodzi mwa osakayikira aja, ndipo njira zanu zamakono zomwe sizikugwira ntchito, mukhoza kupereka maphunziro osauka. Kupititsa patsogolo patsogolo ndi njira yothetsera mapangidwe a tsamba la webusaiti kwa osakondera osiyanasiyana, omwe ndi asakatuli akale omwe akusowa thandizo lamakono.
Kupititsa patsogolo patsogolo ndi njira yopangira masamba a pawebusaiti kuti pakhale zambiri zomwe wothandizila akuthandizira, zomwe zimakhala ndi tsamba la webusaiti. Ichi ndi chosiyana ndi njira yokonzedweratu yotchedwa kukondweretsa . Njira imeneyi imapanga masamba a oyendetsa makono oyambirira ndikuwonetsetsa kuti iyenso amagwira ntchito bwino ndi osatsegula osagwira ntchito - kuti zochitikazo "zimanyoza mwaulemu." Kupititsa patsogolo patsogolo kumayambira ndi osakayikira osakayikira koyamba komanso kumapanga zochitika kuchokera kumeneko.
Mmene Mungagwiritsire Ntchito Kupititsa patsogolo Kwambiri
Mukamapanga maukonde pogwiritsa ntchito kupititsa patsogolo, chinthu choyamba chimene mungachite ndicho kupanga mapangidwe omwe amagwira ntchito yochepetsedwa kwambiri pa webusaitiyi. Pachiyambi chake, kupititsa patsogolo patsogolo kukuthandizani kuti zofunikira zanu zikhale zogwiritsidwa ntchito pazonde zonse, osangokhala pansi. Ichi ndi chifukwa chake mumayambira pothandizira akale akale, osatha nthawi komanso osakwanitsa. kwa iwo, mukudziwa kuti mwalenga choyambirira chomwe chiyenera kupereka zosangalatsa zomwe zingathandize kwa alendo onse.
Pamene mukuyamba ndi osakayikira ochepa oyamba, mutha kuonetsetsa kuti HTML yanu yonse ikhale yoyenera komanso yeniyeni. Izi zidzakuthandizani kutsimikizira kuti mawotchi osiyanasiyana omwe amagwiritsira ntchito mawonekedwe akhoza kuyang'ana tsamba ndikuwonetsera molondola.
Kumbukirani kuti mawonekedwe opangidwa ndi zithunzi ndi tsamba lonse la tsamba likuwonjezeka pogwiritsira ntchito mapepala apamanja akunja . Izi ndizo kumene kupititsa patsogolo kukuchitika. Mukugwiritsira ntchito pepala la kalembedwe popanga malo opangira malo omwe amachitira alendo onse. Mutha kuwonjezera mazithunzi ena kuti mupititse patsogolo tsamba ngati ogwiritsira ntchito akupeza ntchito. Aliyense amapeza mafayilo oyambirira, koma pa zithunzithunzi zilizonse zomwe zingathe kuthandizira machitidwe apamwamba komanso apamwamba kwambiri, amapeza zina. Mukusintha "patsogolo" tsamba ili kwa osatsegula omwe angathe kuthandizira mafashoni awo.
Pali njira zingapo zomwe mungagwiritsire ntchito kupititsa patsogolo patsogolo. Poyamba, muyenera kuganizira zomwe osatsegula amachita ngati sakumvetsa mzere wa CSS - izo zimanyalanyaza! Izi zimagwira ntchito movomerezeka. Ngati mumapanga masewera oyambirira omwe mafiritsi onse amamvetsetsa, mukhoza kuwonjezera mafashoni owonjezera atsopano. Ngati athandizira mafashoni, amawagwiritsa ntchito. Ngati ayi, iwo amanyalanyaza iwo ndipo amagwiritsa ntchito mafashoni oyambirira. Chitsanzo chosavuta cha kuonjezera patsogolo chikhoza kuoneka mu CSS iyi:
.main-content {
maziko: # 999;
maziko: rgba (153,153,153, .75);
}}
Ndondomekoyi yoyamba imayika maziko a mtundu wobiriwira. Lamulo lachiwiri limagwiritsa ntchito maonekedwe a mtundu wa RGBA kukhazikitsa mlingo woonekera. Ngati osatsegula akuthandizira RGBA, idzapambana kalembedwe yoyamba ndi yachiwiri. Ngati sizitero, choyambacho chidzagwiritsidwa ntchito. Mwaika mtundu wachiyero ndipo kenaka mumayika mafashoni owonjezera a zamasamba zamakono zamakono.
Kugwiritsa Ntchito Mafunsowo
Njira inanso yomwe mungagwiritsire ntchito kupititsa patsogolo patsogolo ndi kugwiritsa ntchito zomwe zimadziwika kuti "mafunso". Izi ndi zofanana ndi mafunso a mauthenga , omwe ndi gawo lofunika kwambiri la mapangidwe a webusaiti . Ngakhale mauthenga a mauthenga a mafilimu a makulidwe enaake azithunzi, mafunso omwe angayankhidwe ayang'ana kuti awone ngati mbali inayake imathandizidwa kapena ayi. Chidule chimene mungagwiritse ntchito ndi:
@supports (kuwonetsa: kusinthasintha) {}Mitundu iliyonse yomwe mwaiwonjezera mkati mwa lamuloli ingagwire ntchito ngati osatsegulayo athandizidwa kuti "flex", yomwe ndi mafashoni a Flexbox. Mukhoza kukhazikitsa malamulo amodzi kwa aliyense ndikugwiritsa ntchito mafunso owonjezera kuti muwonjezere zina mwa osankha okha.
Nkhani yoyamba ndi Jennifer Krynin. Yosinthidwa ndi Jeremy Girard pa 12/13/16.