Je, ni Nyaraka za Sinema za Nyaraka?
Tovuti zinajumuisha vipande kadhaa, ikiwa ni pamoja na picha, maandiko, na nyaraka mbalimbali. Nyaraka hizi hazijumuisha tu ambazo zinaweza kuunganishwa kutoka kwenye kurasa mbalimbali, kama faili za PDF, lakini pia nyaraka zinazotumiwa kuunda kurasa wenyewe, kama nyaraka za HTML ili kuamua muundo wa ukurasa na hati za CSS (Cascading Style Sheet) ili kulazimisha kuangalia kwa ukurasa. Makala hii itafuatilia kwenye CSS, inayofunika kile ni na mahali ambapo hutumiwa kwenye tovuti leo.
Somo la Historia ya CSS
CSS ilianzishwa kwanza mwaka wa 1997 kama njia ya waendelezaji wa wavuti kufafanua muonekano wa kuonekana wa kurasa za wavuti walizoziumba. Ilikuwa na lengo la kuruhusu wataalamu wa wavuti kutenganisha maudhui na muundo wa kificho cha tovuti kutoka kwenye muundo wa visu, jambo ambalo halikuwezekana kabla ya wakati huu.
Ugawanyiko wa muundo na mtindo unaruhusu HTML kufanya kazi zaidi ambayo ilikuwa ya awali-msingi wa maudhui, bila kuwa na wasiwasi juu ya kubuni na mpangilio wa ukurasa yenyewe, kitu kinachojulikana kama "kuangalia na kujisikia" ya ukurasa.
CSS haikupata umaarufu mpaka mwaka wa 2000, wakati wavuti za wavuti zilianza kutumia zaidi ya funguo la msingi na rangi ya lugha hii ya markup. Leo, browsers zote za kisasa zinaunga mkono ngazi ya CSS yote, zaidi ya kiwango cha CSS 2, na hata mambo mengi ya CSS Level 3. Kama CSS inaendelea kugeuka na mitindo mapya imeletwa, vivinjari vya wavuti vimeanza kutekeleza modules zinazoleta msaada mpya wa CSS ndani ya vivinjari hivi na kutoa wabunifu wa mtandao zana mpya za kupiga maridadi za kufanya kazi na.
Katika (miaka mingi) iliyopita, kulikuwa na waumbaji wa wavuti ambao walikataa kutumia CSS kwa kubuni na maendeleo ya tovuti, lakini mazoezi haya yote yamekwisha kutoka kwa sekta hii leo. CSS sasa ni kiwango kinachotumiwa sana katika kubuni wavuti na ungekuwa vigumu kupata mtu yeyote anayefanya kazi katika sekta hii leo ambaye hakuwa na uelewa wa msingi wa lugha hii angalau.
CSS ni Hali
Kama ilivyoelezwa tayari, neno CSS linamaanisha "Karatasi ya Sinema ya Kichungaji." Hebu tupungue maneno haya kidogo ili kuelezea kikamili zaidi yale nyaraka hizi zinavyofanya.
Neno "style sheet" linamaanisha hati yenyewe (kama HTML, faili za CSS ni nyaraka tu za maandiko zinaweza kuhaririwa na programu mbalimbali). Karatasi za mtindo zimetumiwa kwa ajili ya kubuni hati kwa miaka mingi. Wao ni vipimo vya kiufundi kwa mpangilio, iwe uchapishaji au mtandaoni. Wasanidi wa kuchapishaji wameweka karatasi za mtindo mrefu kwa kuhakikisha kwamba miundo yao imechapishwa hasa kwa maelezo yao. Faili ya mtindo kwenye ukurasa wa wavuti hutumia kusudi moja, lakini kwa kazi iliyoongeza ya kuwaambia pia kivinjari cha wavuti jinsi ya kutoa hati hiyo kutazamwa. Leo, karatasi za mtindo wa CSS pia zinaweza kutumia maswali ya vyombo vya habari kubadilisha jinsi ukurasa unavyoonekana kwa vifaa tofauti na ukubwa wa skrini . Hii ni muhimu sana kwa vile inaruhusu hati moja ya HTML ipatiliwe tofauti kulingana na skrini inayotumiwa kuipata.
Kutoka ni sehemu maalum sana ya neno "mtindo wa mtindo". Faili ya mtindo wa wavuti inalenga kupungua kwa mfululizo wa mitindo katika karatasi hiyo, kama mto juu ya maporomoko ya maji. Maji katika mto hupiga mawe yote katika maporomoko ya maji, lakini ni wale walio chini huathiri hasa ambapo maji yatapita. Vile vile ni sawa na kukimbia katika karatasi za mtindo wa tovuti.
Kila ukurasa wa wavuti unaathirika na angalau karatasi moja, hata kama mtengenezaji wa wavuti hayatumii mitindo yoyote. Faili hii ya mtindo ni karatasi ya mtindo wa wakala wa mtumiaji - pia inajulikana kama mitindo ya default ambayo mtumiaji wa kivinjari atatumia kuonyesha ukurasa ikiwa hakuna maelekezo mengine yanayotolewa. Kwa mfano, kwa hyperlink default ni styled katika bluu na wao ni imefungwa. Mitindo hiyo inakuja kutoka kwa karatasi ya mtindo wa default wa kivinjari. Ikiwa mtengenezaji wa wavuti hutoa maagizo mengine, hata hivyo, kivinjari atahitaji kujua ni maelekezo gani yanayotangulia. Vivinjari vyote vina mitindo yao ya default, lakini vifungu vingi vyao (kama vile viungo vya maandishi yaliyopigwa rangi ya bluu) vinashirikiwa kwenye vivinjari vyote na vifungu vingi.
Kwa mfano mwingine wa kivinjari cha kivinjari, kwenye kivinjari chako cha kivinjari, font default ni " Times New Roman " iliyoonyeshwa kwa ukubwa 16. Karibu hakuna hata moja ya kurasa ambazo mimi kutembelea kuonyesha katika familia hiyo font na ukubwa, hata hivyo. Hii ni kwa sababu cascade inafafanua kwamba karatasi za pili za mtindo, ambazo zinawekwa na wabunifu wenyewe, kurekebisha ukubwa wa font na familia, inakabiliwa na desfaults ya kivinjari changu. Karatasi zozote za mtindo unazounda kwa ukurasa wa wavuti zitakuwa na ufanisi zaidi kuliko mitindo ya default ya kivinjari, kwa hiyo vifunguo hivyo vitatumika tu kama karatasi yako ya mtindo haipaswi. Ikiwa unataka viungo kuwa bluu na kusisitiza, huna haja ya kufanya chochote tangu hiyo ni default, lakini kama faili yako ya tovuti ya CSS inasema kuwa viungo vinapaswa kuwa kijani, rangi hiyo itazidisha bluu isiyo ya kawaida. Msongamano utabaki katika mfano huu, kwani hukutaja vinginevyo.
Ambapo CSS Inatumika?
CSS pia inaweza kutumika kufafanua jinsi kurasa za wavuti zinapaswa kutazamwa wakati unatazamwa kwenye vyombo vya habari vingine kuliko kivinjari cha wavuti. Kwa mfano, unaweza kuunda karatasi ya mtindo wa kuchapisha ambayo itafafanua jinsi ukurasa wa wavuti unapaswa kuchapishwa. Kwa sababu vitu vya ukurasa wa wavuti kama vifungo vya urambazaji au fomu za mtandao hazitakuwa na madhumuni kwenye ukurasa uliochapishwa, Karatasi ya Sinema ya Magazeti inaweza kutumika "kuzima" maeneo hayo wakati ukurasa unapochapishwa. Ingawa sio kawaida mazoezi kwenye maeneo mengi, chaguo la kuunda karatasi za kuchapisha ni nguvu na ya kuvutia (katika uzoefu wangu - wataalam wengi wa wavuti hawafanyi hivyo kwa sababu tu ya wigo wa tovuti haifai kazi hii ya ziada ili kufanywa ).
Kwa nini CSS ni muhimu?
CSS ni mojawapo ya zana zenye nguvu zaidi ya mtengenezaji wa wavuti anaweza kujifunza kwa sababu kwa hiyo unaweza kuathiri muonekano mzima wa wavuti. Karatasi za style zilizoandikwa zinaweza kusasishwa haraka na kuruhusu maeneo kubadili kile kilichopewa kipaumbele kilichoonyeshwa kwenye skrini, ambazo kwa upande mwingine huonyesha thamani na kuzingatia wageni, bila mabadiliko yoyote yanayotakiwa kufanywa ghafi ya HTML.
Changamoto kuu ya CSS ni kwamba kuna kidogo sana kujifunza - na kwa browsers kubadilisha kila siku, nini kazi vizuri leo inaweza si maana kesho kama mitindo mpya kuwa mkono na wengine ni imeshuka au kuanguka kwa neema kwa sababu moja au nyingine .
Kwa sababu CSS inaweza kukimbia na kuchanganya, na kuzingatia jinsi vivinjari tofauti vinaweza kutafsiri na kutekeleza maelekezo tofauti, CSS inaweza kuwa vigumu zaidi kuliko HTML ya wazi. CSS pia inabadilika katika vivinjari kwa njia ambayo HTML haifai. Mara tu unapoanza kutumia CSS, hata hivyo, utaona kwamba kuunganisha nguvu za karatasi za mtindo zitakupa kubadilika kwa kawaida katika jinsi unavyoweka mipangilio ya wavuti na kufafanua kuangalia na kujisikia. Karibu njiani, utaunganisha "mfuko wa tricks" wa mitindo na njia ambazo zimekufanyia kazi katika siku za nyuma na ambazo unaweza kurejea tena unapojenga ukurasa mpya wa wavuti baadaye.
Makala ya awali na Jennifer Krynin. Iliyotengenezwa na Jeremy Girard mnamo 7/5/17,