Уеб страниците са предназначени за гледане на екрана. Въпреки че има голямо разнообразие от възможни устройства, които могат да се използват за преглед на даден сайт (настолни компютри, лаптопи, таблети, телефони, носители, телевизори и др.), Всички те включват екран от някакъв вид. Има и друг начин някой да прегледа уебсайта Ви по начин, който не включва екран. Имаме предвид физическо отпечатване на вашите уеб страници.
Преди години ще откриете, че хората, които печат сайтове, са доста често срещани сценарии. Спомняме си среща с много клиенти, които бяха нови в мрежата и се чувствахме по-удобно да преглеждаме отпечатани страници от сайта. После ни дадоха обратна връзка и редакции на тези парчета хартия, вместо да гледат екрана, за да обсъдят уебсайта. Тъй като хората са се чувствали по-комфортно с екраните в живота си и тъй като тези екрани са се увеличили многократно, видяхме все по-малко хора, които се опитват да отпечатват уеб страници на хартия, но това все още се случва. Може да помислите за това явление, когато планирате вашия уеб сайт. Искате ли хората да отпечатват уеб страниците ви? Може би не. Ако това е така, имате няколко опции.
Как да блокирате уеб страница от печат с CSS
Лесно е да използвате CSS, за да предотвратите отпечатването на вашите уеб страници. Трябва просто да създадете стиловия лист с 1 ред, наречен "print.css", който включва следния ред CSS.
тяло {дисплей: няма; }
Този един стил ще превърне елемента "body" на вашите страници в невидим - и тъй като всичко на вашите страници е дете на елемента на тялото, това означава, че цялата страница / сайт няма да се показва. Щом разполагате със стила за печат "print.css", ще го заредите в HTML като стилово поле за печат. Ето как бихте направили това - просто добавете следния ред към елемента "head" в HTML страниците си.
Тази информация показва на браузъра, че ако тази уеб страница е настроена да отпечатва, да използва тази стилова таблица вместо каквито и да е стандартни стилове, които страниците използват за показване на екрана. Тъй като страниците превключват към този "print.css" лист, стилът, който прави цялата страница не се показва, ще се появи и всичко, което ще се отпечата, ще бъде празна страница. Ако не е нужно да блокирате много страници на сайта си, можете да блокирате отпечатването на страница по страница със следните стилове, залепени в главата на вашия HTML код.
Този стил на страница ще има по-висока специфичност от всички стилове във външните стилови листове, което означава, че страницата няма да се отпечата изобщо, докато други страници без този ред ще продължат да се отпечатват нормално. Какво ще стане, ако искате да блокирате печата, но не искате клиентите ви да бъдат разочаровани? Ако видят печатане на празна страница, може да се разстроят и да мислят, че принтерът или компютърът им са счупени и не осъзнават, че по същество сте изключили печат! За да избегнете разочарованието на посетителите, можете да получите малко по-фермер и да поставите съобщение, което ще се показва само когато вашите читатели разпечатат страницата - заменяйки другото съдържание. За да направите това, създайте стандартната си уеб страница и в горната част на страницата, непосредствено след маркера на тялото, поставете: И затворете този маркер, след като цялото ви съдържание е написано в най-долната част на страницата: След това, след като затворите "noprint" div, отворете още div с посланието, което искате да се покаже при отпечатването на документа: Тази страница е предназначена за преглед онлайн и не може да бъде отпечатана. Моля, разгледайте тази страница на адрес http://webdesign.about.com/od/advancedcss/qt/block_print.htm Включете връзка към вашия печат CSS документ, наречен print.css:
И в този документ включвайте следните стилове: #noprint {display: няма; } #print {display: block; }
И накрая, в стандартния си стилов лист (или във вътрешен стил в главата на документа), напишете: #print {display: няма; } #noprint {display: block; }
Това ще гарантира, че съобщението за печат се показва само на отпечатаната страница, докато уеб страницата се появява само на страницата в интернет. Печатането на уеб страници обикновено е лошо, тъй като днешните сайтове често не се превеждат добре на отпечатаната страница. Ако не желаете да създавате изцяло отделен стилов лист, за да диктувате стилове на печат, можете да обмислите използването на стъпките от тази статия за "изключване" на печат на страница. Бъдете наясно с въздействието, което това може да има върху потребителите, които разчитат на печатните уеб сайтове (може би защото имат лошо виждане и се борят да четат текста на екрана) и вземат решения, които ще работят за аудиторията на вашия сайт. Оригинална статия на Дженифър Кринин. Редактиран от Джеръми Жирар. Блокирайте една страница наведнъж
Вземете Fancier с блокираните страници
Помислете за потребителския опит
