پرنٹنگ کے لیے دستاویزات کو فارمیٹ کرنے کے لیے سی ایس ایس کا استعمال۔

اگر آپ نے کبھی بھی ویب سے کسی ہوٹل کے ٹکٹ ریزرویشن یا ہدایات کو پرنٹ کیا ہے تو ، آپ شاید نتائج سے کم متاثر ہوئے ہیں۔ لہذا ، آپ اس بات سے بے خبر ہو سکتے ہیں کہ چھپی ہوئی دستاویزات کو اسی انداز میں سٹائل کیا جا سکتا ہے جس طرح وہ آن اسکرین کر سکتے ہیں ، کاسکیڈنگ سٹائل شیٹس (CSS) کا استعمال کرتے ہوئے۔

خدشات کی علیحدگی۔

سی ایس ایس کا ایک اہم فائدہ پریزنٹیشن سے مواد کی علیحدگی ہے۔ آسان الفاظ میں ، اس کا مطلب بہت پرانے زمانے کے سٹائلسٹ مارک اپ کی بجائے ہے:

  Heading

ہم سیمنٹ مارک اپ استعمال کرتے ہیں:

نہ صرف یہ زیادہ صاف ستھرا ہے ، اس کا مطلب یہ بھی ہے کہ ہماری پیشکش ہمارے مواد سے الگ ہے۔ براؤزر پیش کرتے ہیں۔ h1 عناصر بطور ڈیفالٹ بڑے ، بولڈ ٹیکسٹ ، لیکن ہم اس سٹائل کو کسی بھی وقت سٹائل شیٹ کے ساتھ تبدیل کر سکتے ہیں:

h1 { font-weight: normal; }

ان طرز کے اعلانات کو ایک علیحدہ فائل میں جمع کرکے ، اور اس فائل کو ہماری HTML دستاویز سے حوالہ دے کر ، ہم علیحدگی کا اور بھی بہتر استعمال کر سکتے ہیں۔ سٹائل شیٹ کو دوبارہ استعمال کیا جا سکتا ہے ، اور ہم اس واحد فائل کو کسی بھی وقت تبدیل کر سکتے ہیں تاکہ اس کو استعمال کرنے والی ہر دستاویز میں فارمیٹنگ کو اپ ڈیٹ کر سکیں۔

پرنٹ اسٹائل شیٹ سمیت۔

اسکرین سٹائل شیٹ کو شامل کرنے کے لیے اسی طرح ، ہم پرنٹ کے لیے سٹائل شیٹ کی وضاحت کر سکتے ہیں۔ ایک اسکرین سٹائل شیٹ عام طور پر اس طرح شامل ہے:

تاہم ، ایک اضافی صفت ، نصف ، سیاق و سباق کی بنیاد پر ھدف بندی کی اجازت دیتا ہے جس میں دستاویز پیش کی جاتی ہے۔ بطور ڈیفالٹ ، پچھلا عنصر اس کے برابر ہے:

اس کا مطلب ہے کہ سٹائل شیٹ کا اطلاق کسی بھی میڈیم کے لیے کیا جائے گا جس میں دستاویز پیش کی گئی ہے۔ تاہم ، میڈیا وصف پرنٹ اور اسکرین کی اقدار بھی لے سکتا ہے:

اس مثال میں ، پرنٹ سی ایس ایس اسٹائل شیٹ صرف اس وقت استعمال کی جائے گی جب دستاویز پرنٹ ہو جائے۔ یہ ایک بہت مفید طریقہ کار ہے۔ ہم اسٹائل شیٹ میں تمام عام اسٹائل (شاید فونٹ فیملی یا لائن اسپیسنگ) جمع کر سکتے ہیں جو تمام میڈیا پر لاگو ہوتا ہے ، اور انفرادی اسٹائل شیٹ میں میڈیا مخصوص فارمیٹنگ۔ ایک بار پھر ، یہ خدشات کو الگ کرنے کا ایک اور استعمال ہے۔

کچھ سٹائل ڈیکلریشن

ایک صاف پس منظر۔

آپ تقریبا یقینی طور پر رنگین پس منظر یا بیک گراؤنڈ امیج کو سیاہی پرنٹ کرنا ضائع نہیں کرنا چاہتے۔ ان اقدار کے لیے کسی بھی ڈیفالٹ کو دوبارہ ترتیب دے کر شروع کریں جو آپ کی دستاویز میں مرتب کیا گیا ہو:

body {  
 background: white;  
 color: black;  
}

آپ کسی بھی پس منظر کی تصاویر کو پرنٹ کرنے سے روکنا چاہیں گے - یہ آرائشی ہونی چاہئیں اور اس وجہ سے ، آپ کے مواد کا مطلوبہ حصہ نہیں:

* {  
 background-image: none !important;  
}

فائر اسٹک کوڈی کو اپ ڈیٹ کرنے کا طریقہ

مارجن کو کنٹرول کرنا۔

پرنٹ کے حوالے سے غور کرنے کا ایک اور واضح نکتہ صفحہ مارجن ہے۔ جب کہ سی ایس ایس مارجن سائز طے کرنے کا ایک ذریعہ فراہم کرتا ہے ، آپ کو یہ بات ذہن میں رکھنی چاہیے کہ آپ کا براؤزر اور پرنٹر خود بھی مارجن کی ترتیبات کو متاثر کر سکتے ہیں۔

مثال کے طور پر ، کروم کے پرنٹ ڈائیلاگ میں ، ایک مارجن سیٹنگ ہے جس میں اقدار شامل ہیں۔ کوئی نہیں اور اپنی مرضی کے مطابق جو CSS کے ذریعے بتائی گئی کسی بھی چیز کو اوور رائیڈ کرے گا:

اس وجہ سے ، یہ سفارش کی جاتی ہے کہ مارجن فیصلوں کو عوامی ویب صفحات پر قاری پر چھوڑ دیں۔ تاہم ، ذاتی استعمال کے لیے ، یا ڈیفالٹ لے آؤٹ بنانے کے لیے ، CSS کے ذریعے پرنٹ مارجن مقرر کرنا مناسب ہو سکتا ہے۔ کی صفحہ۔ قاعدہ مارجن سیٹ کرنے کی اجازت دیتا ہے ، اور اسے مندرجہ ذیل کے طور پر استعمال کیا جانا چاہئے:

@page {  
 margin: 2cm;  
}

سی ایس ایس میں زیادہ نفیس پرنٹ لے آؤٹ کی بھی گنجائش ہے ، جیسے کہ مارجن کو مختلف کرنا اس کے مطابق کہ صفحہ ایک عدد نمبر والا (دائیں) ، یہاں تک کہ نمبر والا (بائیں) ، یا کور پیج ہے۔

نیٹ فلکس پارٹی میں کیسے شامل ہوں

بدقسمتی سے ، یہ کم سپورٹ ہے - خاص طور پر کور پیج آپشن - لیکن اسے کم سے کم حد تک استعمال کیا جاسکتا ہے۔ مندرجہ ذیل سٹائل صفحات تیار کرتے ہیں جو اوپر سے تھوڑا بڑا نیچے مارجن اور ریڑھ کی ہڈی کے مقابلے میں بیرونی صفحے کے کنارے پر تھوڑا بڑا مارجن:

@page {  
 margin-left: 20mm;  
 margin-right: 20mm;  
 margin-top: 40mm;  
 margin-bottom: 50mm;  
}  
@page :left {  
 margin-left: 30mm;  
}  
@page :right {  
 margin-right: 30mm;  
}

غیر متعلقہ مواد چھپانا۔

تمام مواد آپ کی دستاویز کے پرنٹ ورژن کے لیے موزوں نہیں ہوگا۔ اگر آپ کے صفحے میں بینر نیویگیشن ، اشتہارات ، یا سائڈبار شامل ہیں ، تو آپ ان تفصیلات کو پرنٹ ورژن میں ظاہر ہونے سے روکنا چاہیں گے ، مثال کے طور پر:

#contents, div.ad { display: none; }

روابط درست کرنا۔

پرنٹ شدہ مواد میں ہائپر لنکس واضح طور پر متعلقہ نہیں ہیں ، لہذا آپ شاید کسی بھی انداز کو ہٹانا چاہیں گے جو انہیں آس پاس کے متن سے ممتاز کرے:

a { text-decoration: none; color: inherit; }

تاہم ، آپ اب بھی چاہتے ہیں کہ قارئین کو اصل یو آر ایل تک رسائی حاصل ہو ، اور ایک سیدھا سادہ حل یہ ہے کہ منسلک متن کے بعد انہیں خود بخود داخل کریں:

a[href]:after {  
 content: ' (' attr(href) ')';  
 font-size: 90%;  
 color: #333;  
}

یہ سی ایس ایس مندرجہ ذیل نتائج دیتا ہے:

ایک [href]: کے بعد پوزیشن کو خاص طور پر ہدف بناتا ہے ( : کے بعد ہر لنک عنصر ( کو ) جس کا اصل میں یو آر ایل ہے ( [href] ). کی مواد اعلان یہاں کی قیمت داخل کرتا ہے href بریکٹ کے درمیان وصف. نوٹ کریں کہ پیدا کردہ مواد کے ڈسپلے کو کنٹرول کرنے کے لیے سٹائل کے دیگر قوانین لاگو کیے جا سکتے ہیں۔

ہینڈلنگ پیج بریکس۔

پیج ٹوٹنے سے بچنے کے لیے الگ تھلگ مواد چھوڑنا ، یا اسے عجیب و غریب انداز میں توڑنا ، پیج بریک پراپرٹیز کا استعمال کریں: صفحہ توڑنے سے پہلے ، صفحہ توڑنے کے بعد اور صفحہ توڑنا۔ . مثال کے طور پر:

table { page-break-inside: avoid; }

اس سے جدولوں کو ایک سے زیادہ صفحات پر پھیلنے سے روکنے میں مدد ملنی چاہیے ، بشرطیکہ کوئی ایک صفحے سے لمبا نہ ہو۔ اسی طرح:

h1, h2 { page-break-before: always; }

اس کا مطلب یہ ہے کہ اس طرح کے عنوانات ہمیشہ ایک نیا صفحہ شروع کرتے ہیں۔ اگر آپ فوری طور پر اپنے صفحے کے h1 کو h2 کے ساتھ فالو کریں گے تو یہ مسائل پیدا کر سکتا ہے ، حالانکہ h1 ایک صفحے پر خود ہی ختم ہو جائے گا۔ اس سے بچنے کے لیے ، صرف ایک سلیکٹر کا استعمال کرتے ہوئے پیج بریک منسوخ کریں جو اس مخصوص مثال کو نشانہ بناتا ہے ، مثال کے طور پر:

فیس بک اکاؤنٹس کیسے ہیک ہوتے ہیں

h1 + h2 { page-break-before: avoid; }

پرنٹ سٹائل دیکھنا۔

تمام معاملات میں ، آپ کے براؤزر اور آپریٹنگ سسٹم کو پرنٹ پیش نظارہ کی خصوصیت فراہم کرنی چاہیے ، اکثر معیاری پرنٹ ڈائیلاگ کے حصے کے طور پر۔

کروم براؤزر ڈیولپر ٹولز کے ذریعے اپنے پرنٹ سٹائل کو چیک کرنا اور یہاں تک کہ ڈیبگ کرنا زیادہ آسان بناتا ہے ، جیسا کہ اس مثال سے ظاہر ہوتا ہے کہ ایک پرنٹ سٹائل شیٹ کے ساتھ CV دکھایا گیا ہے۔ پہلے ، مین مینو کھولیں اور منتخب کریں۔ مزید ٹولز۔ اس کے بعد ڈویلپر ٹولز اختیار:

ظاہر ہونے والے نئے پینل سے ، منتخب کریں۔ مینو ، پھر مزید ٹولز۔ ، اس کے بعد رینڈرنگ۔ :

پھر نیچے کی طرف سکرول کریں۔ سی ایس ایس میڈیا ٹائپ کی تقلید کریں۔ ترتیب ڈراپ ڈاؤن آپ کو اپنی دستاویز کے پرنٹ اور اسکرین ویوز کے درمیان ٹوگل کرنے کی اجازت دیتا ہے۔

پرنٹ اسٹائل شیٹ کی تقلید کرتے وقت ، معیار۔ سٹائل براؤزر۔ لائیو سٹائل کے قوانین کا معائنہ اور ان میں ترمیم کے لیے دستیاب ہے۔ ذہن میں رکھو کہ ایک اسکرین پر پرنٹ آؤٹ پٹ کی نقل کرنا اب بھی 100. درست نہیں ہے۔ براؤزر کاغذ کے سائز ، اور صفحہ۔ اصول کی تقلید نہیں کی جا سکتی

پی ڈی ایف میں پرنٹ کیا جا رہا ہے۔

جدید آپریٹنگ سسٹم کی ایک آسان خصوصیت پی ڈی ایف فائل پر پرنٹ کرنے کی صلاحیت ہے۔ درحقیقت ، آپ جو کچھ بھی پرنٹ کرسکتے ہیں ، اس کے بجائے ، اسے پی ڈی ایف فائل میں بھیجا جاسکتا ہے - کوئی تعجب کی بات نہیں کیونکہ پی ڈی ایف فائل ایک پرنٹ شدہ دستاویز کی نمائندگی کرتی ہے۔

یہ HTML بناتا ہے ، ایک پرنٹ اسٹائل شیٹ کے ساتھ مل کر ، ایک اعلی معیار کی دستاویز بنانے کے لیے ایک بہترین ذریعہ ہے جسے بطور اٹیچمنٹ بھیجا جا سکتا ہے اور پرنٹ بھی کیا جا سکتا ہے۔

مختلف قسم کے دستاویزات پرنٹ کریں۔

آپ پرنٹ اسٹائل شیٹ کو معیاری دستاویزات بنانے کے لیے استعمال کر سکتے ہیں ، بشمول اپنے CV سے لے کر ترکیبیں یا ایونٹ کے اعلانات تک۔ ویب صفحات عام طور پر بدصورت نظر آتے ہیں اور جب مطبوعہ ہوتے ہیں تو ناپسندیدہ تفصیلات پر مشتمل ہوتے ہیں ، لیکن سٹائل کی ایک چھوٹی سی تعداد پرنٹ کے نتائج کو ڈرامائی طور پر بہتر بنا سکتی ہے۔ حتمی نتائج کو بطور پی ڈی ایف محفوظ کرنا پرکشش ، پیشہ ور دستاویزات بنانے کا ایک تیز طریقہ ہے۔

بانٹیں بانٹیں ٹویٹ ای میل۔ مائیکروسافٹ ایج کے ساتھ پی ڈی ایف میں ویب پیجز پرنٹ کرنے کا طریقہ

کیا آپ کو کبھی کوئی دلچسپ مضمون ملا ہے جسے آپ بعد میں محفوظ کرنا چاہتے تھے؟ ٹھیک ہے ، آپ تین آسان مراحل میں ایج کے ساتھ بطور پی ڈی ایف محفوظ کرسکتے ہیں۔

اگلا پڑھیں۔ متعلقہ موضوعات۔

پروگرامنگ۔
پرنٹنگ
سی ایس ایس

مصنف کے بارے میں بوبی جیک۔(58 مضامین شائع ہوئے)

بوبی ایک ٹکنالوجی کا شوقین ہے جس نے دو دہائیوں تک سافٹ ویئر ڈویلپر کی حیثیت سے کام کیا۔ وہ گیمنگ کے بارے میں پرجوش ہے ، سوئچ پلیئر میگزین میں بطور ریویو ایڈیٹر کام کرتا ہے ، اور آن لائن پبلشنگ اور ویب ڈویلپمنٹ کے تمام پہلوؤں میں ڈوبا ہوا ہے۔

بوبی جیک سے مزید

ہماری نیوز لیٹر کو سبسکرائب کریں

ٹیک ٹپس ، جائزے ، مفت ای بکس ، اور خصوصی سودوں کے لیے ہمارے نیوز لیٹر میں شامل ہوں!

سبسکرائب کرنے کے لیے یہاں کلک کریں۔