Mmene Mungaletse Webusaiti Kuchokera Kusindikiza Ndi CSS

Mawebusaiti amayenera kuwoneka pawindo . Ngakhale pali zipangizo zosiyanasiyana zomwe zingagwiritsidwe ntchito poona malo (ma dektops, laptops, mapiritsi, mafoni, zovala, TV, etc.), zonsezi zikuphatikizapo chithunzi cha mtundu wina. Pali njira ina imene wina angayang'anire webusaiti yanu, njira yomwe sichiphatikizapo chinsalu. Tikukamba za kusindikizidwa kwa thupi lanu m'masamba anu.

Zaka zapitazo, mutapeza kuti anthu akusindikiza mawebusaiti ndizowoneka bwino. Timakumbukira kukumana ndi makasitomala ambiri omwe anali atsopano pa intaneti ndipo amamva bwino kwambiri powerenga masamba osindikizidwa a webusaitiyi. Iwo adatipatsa mayankho ndi kusintha pa mapepalawa mmalo moyang'ana pawindo kuti tikambirane webusaitiyi. Pamene anthu akhala omasuka kwambiri ndi zojambula m'miyoyo yawo, ndipo monga zojambulazo zachuluka mobwerezabwereza, tawona anthu ocheperapo akuyesera kusindikiza mapepala pa pepala, koma zikuchitikabe. Mwina mungafunike kuganizira zodabwitsa izi mukamakonza webusaiti yanu. Kodi mukufuna kuti anthu asindikize masamba anu? Mwina simukutero. Ngati ndi choncho, muli ndi njira zina.

Mmene Mungaletse Webusaiti Kuchokera Kusindikiza Ndi CSS

N'zosavuta kugwiritsa ntchito CSS popewera anthu kusindikiza masamba anu. Mukungoyenera kupanga mzere wojambula wamtundu umodzi wotchedwa "print.css" womwe uli ndi mzere wa CSS.

thupi {kuwonetsera: palibe; }}

Ndondomeko imodziyi idzachititsa kuti "thupi" likhale lopanda kuwonetsedwa - ndipo chifukwa chilichonse chomwe chili pamasamba mwanu ndi mwana wa thupi, izi zikutanthauza kuti tsamba lonse / tsamba silidzawonetsedwa.

Mukadakhala ndi "style.css" yamasewero, mumayikamo mu HTML yanu yosindikizira. Pano pali momwe mungachitire izo - onjezani mzere wotsatira ku gawo "mutu" m'masamba anu a HTML.

Gawo lofunika la mzere pamwambapa likusonyezedwa molimba - kuti uwu ndimasewero apamwamba. Chidziwitsochi chimawuza osatsegula kuti ngati tsamba ili likusembedwa kuti lisindikizidwe, gwiritsani ntchito makanema awa mmalo mwazithunzi zosasintha zomwe masamba akugwiritsidwa ntchito pawonekera. Pamene masamba akusunthira ku pepala ili "print.css", kalembedwe kamene kamapangitsa pepala lonse kusasinthidwe lidzaponyedwa ndipo zonse zomwe zisindikizidwe zingakhale tsamba losalemba.

Dulani tsamba limodzi pa nthawi

Ngati simukufunikira kulepheretsa masamba ambiri pa tsamba lanu, mukhoza kuletsa kusindikiza pamasamba ndi tsamba ndizotsatira mafashoni omwe amapezeka pamutu wa HTML yanu.

@media print {thupi {kuwonetsa: palibe}}

Ndondomeko iyi yamasamba idzakhala ndipamwamba kwambiri kuposa mafashoni omwe ali mkati mwa mapepala anu akunja, zomwe zikutanthauza kuti tsamba silikanasindikizidwa konse, pomwe masamba ena opanda mzerewu akadasindikizidwa mwachizolowezi.

Pezani Fancier ndi Masamba Anu Oletsedwa

Bwanji ngati mukufuna kuletsa kusindikiza, koma simukufuna kuti makasitomala anu azikhumudwa? Ngati akuwona kusindikiza tsamba losalemba, angakhumudwitse ndikuganiza kuti printer kapena makompyuta amathyoledwa ndipo sadziwa kuti muli ndi makina osindikizidwa!

Kuti muteteze alendo, mungathe kupeza wonyengerera ndikuyika uthenga umene udzawonetsere pamene owerenga anu akusindikiza tsamba - m'malo mwa zinthu zina. Kuti muchite izi, pangani tsamba lanu lapafupi pa webusaiti yanu, komanso pamwamba pa tsamba, mutangotenga thupi lanu, ikani:

Ndipo kutseka chizindikiro chimenecho pambuyo pa zonse zomwe zilipo zalembedwa, pansi pa tsamba:

Ndiye, mutatseka div "noprint", mutsegule div ndi uthenga womwe mukufuna kuonetsa pamene chikalatacho chimasindikizidwa:

Tsamba ili likukonzedwa kuti liwonedwe pa intaneti ndipo silikhoza kusindikizidwa. Chonde onani tsamba ili pa http://webdesign.about.com/od/advancedcss/qt/block_print.htm

Phatikizani mgwirizano wanu kusindikizidwa kwa CSS yotchedwa print.css:

Ndipo m'kalata imeneyi muli mafanizo awa:

#noprint {kusonyeza: palibe; } #print {kuwonetsera}; }}

Pomalizira, mu stylesheet yanu (kapena mumayendedwe apakati mu mutu wanu walemba), lembani:

#print {kuwonetsera} palibe; } #noprint {kusonyeza: kubisa; }}

Izi zidzaonetsetsa kuti uthenga wosindikizira umangowoneka pa tsamba lomwe, pomwe tsamba la webusaiti limangowonekera pa tsamba la intaneti.

Ganizirani Zochitika Zogwiritsa Ntchito

Kusindikiza masamba a webusaiti ndizosauka kwambiri chifukwa malo omwe masiku ano samatanthauziramo bwino pamasamba osindikizidwa. Ngati simukufuna kupanga pepala lopatulira kuti muyese makina osindikizira, mungaganizire kugwiritsa ntchito ndondomeko kuchokera ku mutu uno kuti "pekani" kusindikiza pa tsamba. Dziwani momwe zotsatirazi zingakhudzire anthu omwe amadalira malo osindikizira (mwinamwake chifukwa chakuti ali ndi masomphenya osauka komanso kuwerenga zovuta pamasom'pamaso) ndikupanga zisankho zomwe zingagwire ntchito omvera anu.

Nkhani yoyamba ndi Jennifer Krynin. Kusinthidwa ndi Jeremy Girard.