Skip to main content

সিএসএস দিয়ে মুদ্রণ থেকে একটি ওয়েব পেজ ব্লক কিভাবে

Como hacer una Pagina Mobile First y Responsive Design 11 | Pagina de Inicio (জুন 2025)

Como hacer una Pagina Mobile First y Responsive Design 11 | Pagina de Inicio (জুন 2025)
Anonim

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

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

সিএসএস দিয়ে মুদ্রণ থেকে একটি ওয়েব পেজ ব্লক কিভাবে

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

শরীর {প্রদর্শন: none; }

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

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

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

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

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

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

আপনার ব্লক পেজ দিয়ে ফ্যান্সিয়ার পান

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

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

এবং পৃষ্ঠার খুব নীচের অংশে আপনার সমস্ত সামগ্রী লেখার পরে সেই ট্যাগটি বন্ধ করুন:

তারপরে, আপনি "নপ্রিন্ট" ডিভি বন্ধ করার পরে, নথিটি মুদ্রিত হলে আপনি যে বার্তাটি প্রদর্শন করতে চান তা দিয়ে অন্য ডিভিকে খুলুন:

এই পৃষ্ঠাটি অনলাইনে দেখা যেতে পারে এবং মুদ্রিত নাও হতে পারে। এই পৃষ্ঠাটি দয়া করে http://webdesign.about.com/od/advancedcss/qt/block_print.htm এ দেখুন

Print.css নামে আপনার মুদ্রণ CSS নথিতে একটি লিঙ্ক অন্তর্ভুক্ত করুন:

এবং যে নথিতে নিম্নলিখিত শৈলী অন্তর্ভুক্ত করুন:

#noprint {প্রদর্শন: none; } # মুদ্রণ {প্রদর্শন: ব্লক; }

পরিশেষে, আপনার মান স্টাইলশীট (অথবা আপনার নথির মাথায় অভ্যন্তরীণ শৈলীতে) লিখুন:

# মুদ্রণ {প্রদর্শন: none; } #noprint {প্রদর্শন: ব্লক; }

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

ব্যবহারকারীর অভিজ্ঞতা বিবেচনা করুন

ওয়েব পৃষ্ঠাগুলি মুদ্রণ সাধারণত একটি খারাপ অভিজ্ঞতা কারণ আজকের সাইটগুলি প্রায়ই মুদ্রিত পৃষ্ঠায় ভাল অনুবাদ করে না। আপনি যদি প্রিন্ট শৈলীগুলি লেখার জন্য সম্পূর্ণ পৃথক স্টাইল শীট তৈরি করতে না চান তবে আপনি এই নিবন্ধটির পদক্ষেপগুলি পৃষ্ঠাটিতে মুদ্রণ বন্ধ করতে "বন্ধ করুন" ব্যবহার করতে বিবেচনা করতে পারেন। মুদ্রণ ওয়েবসাইটগুলিতে নির্ভর করে এমন ব্যবহারকারীদের (সম্ভবত তাদের কাছে দরিদ্র দৃষ্টিভঙ্গি এবং স্ক্রীন পাঠ্য পড়ার সংগ্রামের কারণে) প্রভাবগুলি সম্পর্কে সচেতন থাকুন এবং সিদ্ধান্ত নিন যা আপনার সাইটের দর্শকদের জন্য কাজ করবে।

জেনারেল ক্রাইনিনের মূল নিবন্ধ। জেরেমি গিরার্ড দ্বারা সম্পাদিত।