Веб странице су намењене за гледање на екрану . Иако постоји широк спектар могућих уређаја који се могу користити за приказ локације (десктоп рачунара, лаптоп рачунара, таблета, телефона, хабања, телевизора итд.), Сви они укључују екран неке врсте. Постоји и други начин на који неко може видети вашу веб страницу, на који начин не садржи екран. Ми мислимо на физички испис из ваших веб страница.
Пре више година, открили бисте да су људи који штампају веб локације прилично чести сценарио. Сећамо се сусрета с многим клијентима који су били нови на вебу и осјећали су угодније прегледати штампане странице сајта. Затим су нам дали повратне информације и измене на тим листовима уместо да гледамо на екран да би разговарали о веб страници. С обзиром на то како се људи у животу осећају удобније са екранима, а пошто се ти екрани множили много пута, видјели смо све мање људи који покушавају да одштампају веб странице на папиру, али се то и даље дешава. Можда ћете желети да размотрите ову појаву када планирате своју веб страницу. Желите ли људе да одштампају своје веб странице? Можда не. Ако је то случај, имате неке опције.
Како блокирати веб страницу од штампања помоћу ЦСС-а
Лако је користити ЦСС како бисте спречили људе да штампају своје веб странице. Једноставно је потребно креирати линију 1 линије под називом "принт.цсс" која укључује следећу линију ЦСС-а.
тело {дисплаи: ноне; }Овај стил ће окренути елемент "тијела" на вашим страницама да не буде приказан - а пошто је све на вашим странама дијете елемента тијела, то значи да цијела страница / страница неће бити приказана.
Једном када имате стил стилесхеета "принт.цсс", учитали бисте га у свој ХТМЛ као стил за штампање. Ево како бисте то урадили - додајте сљедећу линију на елемент "глава" на ХТМЛ-страницама.
<линк рел = "стилесхеет" типе = "тект / цсс" хреф = "принт.цсс" медиа = "принт" />Важан део горње линије означен је масним словима - да је ово стил стампа за штампање. Ове информације говоре претраживачу да ако је ова веб страница постављена на штампање, да бисте користили ову стилску таблу уместо било које подразумеване стилске листе странице користе за приказ на екрану. Како се странице прелажу на овај лист "принт.цсс", стил који чини целу страницу не приказује се и све што ће се штампати биће празна страница.
Блокирање једне странице у исто време
Ако вам не треба блокирати пуно страница на вашој веб локацији, можете блокирати штампање на основу странице по страни са слиједећим стиловима који су ушли у главу вашег ХТМЛ-а.
<стиле типе = "тект / цсс"> @медиа принт {боди {дисплаи: ноне}}Овај стил у страницама би имао већу специфичност од било којих стилова у вањским листовима стилова, што значи да се страница уопште неће штампати, док ће друге странице без ове линије и даље штампати нормално.
Похвалите се са својим блокираним страницама
Шта ако желите блокирати штампање, али не желите да ваше потрошаче постану фрустриране? Ако виде штампање празних страница, могу се узнемирити и мисле да је њихов штампач или рачунар сломљен и да не схватају да сте у суштини онемогућили штампање!
Да бисте избегли фрустрацију посетилаца, можете добити мало љубитеља и ставити поруку која ће се приказивати само када ваши читаоци одштампају страницу - замењујући други садржај. Да бисте то урадили, направите своју стандардну Веб страницу, а на врху странице, одмах након ознаке тела, ставите:
<див ид = "нопринт">И затвори ту ознаку након што је написан ваш садржај, на самом дну странице:
Затим, након што затворите "нопринт" див, отворите други див са поруком коју желите да прикажете када се документ одштампа:
<див ид = "принт"> <п> Ова страница је намењена гледању на мрежи и не може се штампати. Молимо погледајте ову страницу на хттп://вебдесигн.абоут.цом/од/адванцедцсс/кт/блоцк_принт.хтмУкључите везу на ваш штампани ЦСС документ под називом принт.цсс:
<линк рел = "стилесхеет" типе = "тект / цсс" хреф = "принт.цсс" медиа = "принт" />У том документу укључени су следећи стилови:
#нопринт {дисплаи: ноне; } #принт {дисплаи: блоцк; }Напокон, у својој стандардној листи стилова (или у унутрашњем стилу у глави документа), напишите:
#принт {дисплаи: ноне; } #нопринт {дисплаи: блоцк; }Ово ће осигурати да се порука за штампање појављује само на одштампаној страници док се веб страница појављује само на онлине страници.
Узмите у обзир корисничко искуство
Штампање веб страница је углавном лоше искуство, јер данашњи сајтови често не преводе добро на штампану страницу. Ако не желите да креирате потпуно одвојен стилски стил који диктира стилове штампе, можете размислити о корацима из овог чланка да бисте "искључили" штампање на страници. Будите свесни утицаја који би то могло имати на кориснике који се ослањају на штампарске веб странице (можда зато што имају лошу визију и борбу читања на екрану) и доносе одлуке које ће радити за публику ваше странице.
Оригинални чланак Јеннифер Кринин. Уредио Јереми Гирард.