آموزش روش چاپ در CSS 3
تعریف چاپگر به جای نمایشگر به عنوان خروجیمحل نوشتن تنظیمات مربوط به چاپ را با استفاده از دستور media مشخص می کنیم:
کد:برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
حذف رنگ های اضافهبسیاری از مرورگرها به صورت پیش فرض در زمان چاپ رنگ ها را مدیریت (معکوس) می کنند تا در مصرف تونر یا کارتریج پرینتر صرفه جویی شود. اما برای داشتن بهترین خروجی، بهتر است رنگ ها به صورت مجزا برای چاپ تعریف شوند.کد:برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
حذف اجزای اضافه در زمان چاپدر یک صفحه سایت قسمت هایی وجود دارد که برای نمایشگر طراحی شده اند. مواردی مانند تبلیغات، منوی سایت، تصاویر زمینه و … با توجه به نیاز بهتر است در زمان چاپ حذف شوند. دستورات display: none و background: none انتخاب های مناسبی برای حذف این موارد از نسخه چاپی هستند.کد:برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
واحدهای اندازه گیری در چاپدر CSS واحدهای اندازه گیری متنوعی وجود دارد که پرکاربردترین آن پیکسل است. در زمان چاپ بهتر است از واحدهایی مانند سانتی متر و میلی متر استفاده شود تا بهترین خروجی را روی کاغذ داشته باشیم. یکی از بهترین روش ها، تعریف فاصله محتویات با لبه کاغذ با استفاده از page و margin است.
کد:برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
یکپارچه بودن قسمت های مهمزمان چاپ به صورت خودکار محتویات سایت صفحه بندی می شوند. برای بعضی از قسمت های سایت بهتر است صفحه بندی را مدیریت کنیم. به عنوان مثال، از چاپ شدن تیترها در پایین صفحه با دستور زیر جلوگیری می کنیم.
همچنین برای تصاویر حداکثر عرض تعریف می کنیم تا تصاویر بزرگتر به صورت خودکار در زمان چاپ متناسب با عرض صفحه چاپ شوند.کد:برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
نکته سوم اینکه بهتر است مقالات، اخبار و … (article) در زمان چاپ از ابتدای صفحه شروع شوند.کد:برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
در نهایت بهتر است از تقسیم شدن بخش هایی مانند لیست ها و تصاویر به چند صفحه جلوگیری کنیم.کد:برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
نکته: چهار موردی که در این بخش ذکر شد فقط به عنوان نمونه بودند و با توجه به نیاز می توان این بخش را تکمیل کرد.کد:برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
نمایش تصاویر زمینه و رنگ ها در چاپدر بعضی از سایت ها (نمونه کارها، گالری تصاویر و …)، تصاویر و رنگ ها اهمیت ویژه ای دارند. در صورتی که مرورگر کاربر پشتیبانی کند (مانند مرورگرهایی که از موتور وب کیتاستفاده می کنند)، با استفاده از دستورات سی اس اس می توانیم آن ها را به همان صورتی که در نمایشگر به نظر می رسند به چاپگر (رنگی) ارسال کنیم.
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]کد:برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
جواب بصورت نقل قول