آموزش CSS: چاپ برگه های سبک

مقدمه Introduction

• ارزش صفحات وب قابل چاپ The value of printable webpages

1. مکانیک CSS چاپی 1. Mechanics of Print-Based CSS

• برگه های سبک و نمایش داده های رسانه را چاپ کنید Print style sheets and media queries

• ایجاد یک شیوه نامه چاپ و پیوند دادن آن به سند شما Creating a print style sheet and linking it to your document

• ایجاد پرس و جو در رسانه چاپی Creating a print media query

• پیش نمایش ورق های سبک چاپ بدون چاپ Previewing print style sheets without printing

• مشکلات استفاده از ابزارهای توسعه برای پیش نمایش چاپ The pitfalls of using dev tools for previewing printing

• درک صفحه ، چاپ ، شنیداری و آبشار Understanding screen, print, aural, and the cascade

2. بهترین روش ها برای یک سبک طراحی مبتنی بر چاپ 2. Best Practices for Print-Based Styling

• بهترین روش ها برای یک ظاهر طراحی شده برای چاپ Best practices for styling for print

• گشتن در صفحه نمونه خود Touring your example page

• پنهان کردن اطلاعات بی ربط برای چاپ Hiding irrelevant information for print

• تغییر طرح بندی صفحه وب برای چاپ Changing webpage layouts for print

• سبک های برتر برای نمایش صفحه Overriding styles intended for screen display

• افزودن اطلاعات فقط برای چاپ که از صفحه نمایش پنهان است Adding print-only information that is hidden from screens

• نوشتن URL پس از پیوندها و نمادهای شبکه های اجتماعی Writing URLs after links and social media icons

• سeriesالات پیچیده رسانه برای چاپ و جهت گیری صفحه Complex media queries for print and page orientation

3. قالب بندی زیبا برای چاپ 3. Beautiful Formatting for Print

• درک ویژگی های تقسیم بندی رسانه های صفحه ای و CSS Understanding paged media and CSS fragmentation properties

• تنظیم وقفه های صفحه چاپ Setting printing page breaks

• ایجاد ستون در اسناد طولانی تر Creating columns within longer documents

• افزودن خط تیره Adding hyphenation

• کنترل بیوه ها و یتیمان Controlling widows and orphans

• استفاده ازpage برای ایجاد حاشیه صفحه Using @page to create page margins

• به زودی: ویژگی های اضافیpage Coming soon: Additional @page properties

• چالش Challenge

• چالش Challenge

• راه حل Solution

• راه حل Solution

نتیجه Conclusion

• مراحل بعدی Next steps