CSS দিয়ে মুদ্রণ থেকে একটি ওয়েব পৃষ্ঠা কিভাবে ব্লক করবেন

ওয়েব পেজগুলি একটি স্ক্রীনে দেখা যাবে । যদিও একটি সম্ভাব্য বিভিন্ন ধরণের ডিভাইস রয়েছে যা একটি সাইট (ডেস্কটপ, ল্যাপটপ, ট্যাবলেট, ফোন, ভায়াবহ, টিভি, ইত্যাদি) দেখার জন্য ব্যবহার করা যেতে পারে, সেগুলির মধ্যে কিছু কিছু স্ক্রিন রয়েছে। অন্য কেউ আপনার ওয়েবসাইট দেখতে পারে, একটি উপায় যে একটি পর্দা অন্তর্ভুক্ত না আমরা আপনার ওয়েব পৃষ্ঠাগুলি থেকে একটি প্রকৃত মুদ্রণ উল্লেখ করা হয়।

কয়েক বছর আগে, আপনি যে মানুষ প্রিন্টিং ওয়েবসাইটগুলি একটি চমত্কার সাধারণ দৃশ্যকল্প খুঁজে পাবেন। আমরা ওয়েবে নতুন যারা অনেক ক্লায়েন্টদের সঙ্গে বৈঠক স্মরণ এবং সাইট মুদ্রণ পৃষ্ঠা পর্যালোচনা আরো আরাম অনুভূত মনে। তারপর তারা আমাদের প্রতিক্রিয়া এবং পত্রিকার দিকে তাকানোর পরিবর্তে ওয়েবসাইটটি নিয়ে আলোচনা করার পরিবর্তে তাদের প্রতিক্রিয়া এবং সম্পাদনাগুলি দিয়েছে। যেহেতু মানুষ তাদের জীবনের স্ক্রিনগুলির সাথে আরো আরামপ্রদ হয়ে উঠেছে, এবং সেই স্ক্রিনগুলি অনেক বার ধরে রেখেছে, আমরা কম সংখ্যক মানুষকে কাগজের পাতায় মুদ্রণ করার চেষ্টা করেছি, কিন্তু এটি এখনও ঘটতে পারে। আপনি আপনার ওয়েবসাইটটি পরিকল্পনা যখন এই ঘটনাটি বিবেচনা করতে পারেন। আপনি কি আপনার ওয়েব পেজ মুদ্রণ করতে চান? হয়তো আপনি না যদি এরকম হয়, আপনার কাছে কিছু বিকল্প আছে।

CSS দিয়ে মুদ্রণ থেকে একটি ওয়েব পৃষ্ঠা কিভাবে ব্লক করবেন

আপনার ওয়েব পৃষ্ঠা মুদ্রণ থেকে মানুষকে প্রতিরোধ করার জন্য CSS ব্যবহার করা সহজ। আপনি কেবল "print.css" নামে একটি 1 টি স্টাইলশীট তৈরি করতে চান যা CSS এর নিম্নোক্ত লাইনটি অন্তর্ভুক্ত করে।

এই এক শৈলী আপনার পৃষ্ঠার "শরীর" উপাদান প্রদর্শন করা হবে না চালু হবে - এবং আপনার পৃষ্ঠার সবকিছু শরীরের উপাদান একটি শিশু থেকে, এই পুরো পৃষ্ঠা / সাইট প্রদর্শন করা হবে না মানে।

একবার আপনার "print.css" স্টাইলশীট থাকলে, আপনি এটি আপনার এইচটিএমএলে একটি মুদ্রণ স্টাইলশীট হিসাবে লোড করবেন। এখানে আপনি কীভাবে এটি করবেন - আপনার এইচটিএমএল পেজের "মাথ" উপাদানটিতে নিম্নলিখিত রেখাটি যোগ করুন।

উপরে লাইনের গুরুত্বপূর্ণ অংশটি গাঢ় বর্ণিত - এটি একটি মুদ্রণ স্টাইলশীট। এই তথ্য ব্রাউজারকে বলে যে যদি এই ওয়েব পৃষ্ঠাটি প্রিন্টে সেট করা হয়, তবে এই স্টাইলশীটটি ব্যবহার করার জন্য যে পৃষ্ঠাগুলি অন-স্ক্রীন ডিসপ্লেতে ব্যবহৃত হয় তার পরিবর্তে যে ডিফল্ট স্টাইলশীটটি ব্যবহার করা হয়। এই "print.css" শিরোনামের পৃষ্ঠাগুলি স্যুইচ করার সময়, পুরো পৃষ্ঠাটি প্রদর্শন করা স্টাইলটি সরাতে হবে এবং যে সকল মুদ্রণ করবে তা একটি ফাঁকা পৃষ্ঠা হবে।

একটি সময় ব্লক এক পৃষ্ঠা

যদি আপনি আপনার সাইটের অনেক পৃষ্ঠা ব্লক করতে না চান, তাহলে আপনি আপনার HTML এর শিরোনাম করে নিম্নলিখিত শৈলীর সাথে পৃষ্ঠা-দ্বারা-পৃষ্ঠার ভিত্তিতে মুদ্রণ ব্লক করতে পারেন।

এই ইন-পৃষ্ঠা শৈলীটি আপনার বহিরাগত স্টাইল শীটগুলির মধ্যে কোনও শৈলীের তুলনায় উচ্চতর বিশিষ্টতা থাকবে, যার মানে এই পৃষ্ঠাটি প্রিন্ট হবে না, যদিও এই লাইনের অন্যান্য পৃষ্ঠাগুলি এখনও সাধারণভাবে মুদ্রণ করবে।

আপনার ব্লককৃত পৃষ্ঠাগুলির সাথে ফ্যানিশাইর পান

আপনি যদি মুদ্রণকে ব্লক করতে চান, তবে আপনার গ্রাহকরা হতাশ হতে চান না? যদি তারা একটি ফাঁকা পৃষ্ঠা প্রিন্টিং দেখতে পায়, তাহলে তারা বিরক্ত হতে পারে এবং তাদের প্রিন্টার বা কম্পিউটার ভাঙ্গা মনে হয় এবং বুঝতে পারে না যে আপনি মূলত মুদ্রণ নিষ্ক্রিয় করেছেন!

দর্শক হতাশা এড়ানোর জন্য, আপনি একটি ছোট fancier পেতে এবং একটি বার্তা যা শুধুমাত্র আপনার পাঠকদের পাতা মুদ্রণ যখন প্রদর্শিত হবে - অন্যান্য কন্টেন্ট প্রতিস্থাপন করা যাবে। এটি করার জন্য, আপনার মানক ওয়েব পৃষ্ঠা তৈরি করুন এবং পৃষ্ঠার শীর্ষে, সরাসরি শরীরের ট্যাগের পরে, লিখুন: