در صورت داشتن سوال يا بروز مشکل در سايت با ما تماس بگيريد 09304293050

اسلايد شو

جستجو

تبليغات

محل تبليغات شما محل تبليغات شما محل تبليغات شما محل تبليغات شما محل تبليغات شما محل تبليغات شما محل تبليغات شما محل تبليغات شما محل تبليغات شما محل تبليغات شما محل تبليغات شما محل تبليغات شما

موضوعات

کتابهای زبان انگلیسی
آموزش زبان انگلیسی
زبان آلمانی
آموزش آی تی
ترفند
دانلود نرم افزار
موبایل
بازی
فناوری - IT
فیلمهای آموزشی
انیمیشن-کارتون
همراه اول-ایرانسل
کتابخانه مجازی آنلاین
مقاطع تحصیلی
خدمات سایت

قالب وبلاگ

محل تبلیغات شما اینجاست

محل تبليغات شما
کانال مجازي آنلاين را دنبال کنيد : telegram.me/majazionline

آموزش نکات و ترفندهای چاپ در CSS



نکات و ترفندهای چاپ در CSS

با گذشت زمان و فراگیر شدن سیستم های کامپیوتری، کاغذ محبوبیت و کارایی خود را در محیط کار و منزل از دست داد. کامپیوترهای شخصی، لپ تاپ ها، تبلت ها و تلفن های هوشمند جایگزین مناسبی برای روش های سنتی نگهداری اطلاعات بودند.


اما هنوز با وجود مزایای فراوان استفاده از سیستم های دیجیتالی، افرادی هستند که تمایل بیشتری به نگهداری فیزیکی اسناد دارند.

در گذشته برای چاپ یک صفحه از وب سایت، نسخه خلاصه شده آن صفحه را به صورت مجزا ایجاد می کردیم تا کاربر بتواند به بهترین شکل نسخه چاپی آن را در اختیار داشته باشد.

مجموعه ای از ترفندها و نکات مربوط به "تلفیق نسخه چاپی سایت در نسخه اصلی آن" با کمک سی اس اس در دو بخش جمع آوری شده است که بخش اول آن را می توانید در ادامه مشاهده نمایید.

قدم اول: تعریف چاپگر به جای نمایشگر به عنوان خروجی
محل نوشتن تنظیمات مربوط به چاپ را با استفاده از دستور media مشخص می کنیم:

@media print {
}

حذف رنگ های اضافه

بسیاری از مرورگرها به صورت پیش فرض در زمان چاپ رنگ ها را مدیریت (معکوس) می کنند تا در مصرف تونر یا کارتریج پرینتر صرفه جویی شود. اما برای داشتن بهترین خروجی، بهتر است رنگ ها به صورت مجزا برای چاپ تعریف شوند.


@media print {
body {
color: #000;
background: #fff;
}
}

حذف اجزای اضافه در زمان چاپ

در یک صفحه سایت قسمت هایی وجود دارد که برای نمایشگر طراحی شده اند. مواردی مانند تبلیغات، منوی سایت، تصاویر زمینه و ... با توجه به نیاز بهتر است در زمان چاپ حذف شوند.


دستورات display: none و background: none انتخاب های مناسبی برای حذف این موارد از نسخه چاپی هستند.


/* Default styles */

h1 {
color: #fff;
background: url('/banner.jpg');
}

@media print {
h1 {
color: #000;
background: none;
}

nav, aside {
display: none;
}
}

واحدهای اندازه گیری در چاپ

در CSS واحدهای اندازه گیری متنوعی وجود دارد که پرکاربردترین آن پیکسل است. در زمان چاپ بهتر است از واحدهایی مانند سانتی متر و میلی متر استفاده شود تا بهترین خروجی را روی کاغذ داشته باشیم. یکی از بهترین روش ها، تعریف فاصله محتویات با لبه کاغذ با استفاده از page و margin است.


@media print {
h1 {
color: #000;
background: none;
}

nav, aside {
display: none;
}

body, article {
width: 100%;
margin: 0;
padding: 0;
}

@page {
margin: 2cm;
}
}

یکپارچه بودن قسمت های مهم

زمان چاپ به صورت خودکار محتویات سایت صفحه بندی می شوند. برای بعضی از قسمت های سایت بهتر است صفحه بندی را مدیریت کنیم. به عنوان مثال، از چاپ شدن تیترها در پایین صفحه با دستور زیر جلوگیری می کنیم.


h2, h3 {
page-break-after: avoid;
}

همچنین برای تصاویر حداکثر عرض تعریف می کنیم تا تصاویر بزرگتر به صورت خودکار در زمان چاپ متناسب با عرض صفحه چاپ شوند.

img {
max-width: 100% !important;
}

نکته سوم اینکه بهتر است مقالات، اخبار و ... (article) در زمان چاپ از ابتدای صفحه شروع شوند.

article {
page-break-before: always;
}

در نهایت بهتر است از تقسیم شدن بخش هایی مانند لیست ها و تصاویر به چند صفحه جلوگیری کنیم.

ul, img {
page-break-inside: avoid;
}

نکته: چهار موردی که در این بخش ذکر شد فقط به عنوان نمونه بودند و با توجه به نیاز می توان این بخش را تکمیل کرد.

نمایش تصاویر زمینه و رنگ ها در چاپ

در بعضی از سایت ها (نمونه کارها، گالری تصاویر و ...)، تصاویر و رنگ ها اهمیت ویژه ای دارند. در صورتی که مرورگر کاربر پشتیبانی کند (مانند مرورگرهایی که از موتور وب کیتاستفاده می کنند)، با استفاده از دستورات سی اس اس می توانیم آن ها را به همان صورتی که در نمایشگر به نظر می رسند به چاپگر (رنگی) ارسال کنیم.


@media print and (color) {
* {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
}

در بخشی بعدی، ترفندهای دیگری برای بهینه سازی نسخه چاپی سایت بیان خواهد شد.

منبع:نردبان

گردآوری وتنظیم: www.majazionline.ir
کانال مجازي آنلاين را دنبال کنيد : telegram.me/majazionline

اين مطلب را با دوستان خود به اشتراک بگذاريد
برچسب ها : آموزش-ترفند-چاپ ,
169 شنبه 27 ارديبهشت 1393 majazionline نظرات () موضوع(آموزش کاربردی)

مطالب مرتبط

آموزش برداشتن رمز عبور فایل Zip و Rar
آموزش تصویری‌اشتراک‌گذاری فایل‌ها در آفیس 2016
آموزش بهترین فرمت برای دانلود فیلم ها در اینترنت
آموزش تصویری راه های نفوذ به کامپیوتر خود را مسدود کنید
آموزش تصویری تنظیمات پروکسی سرور در مرورگرهای مختلف
آموزش چرخاندن ویدیو و فیلم با نرم افزار Windows Movie Maker
آموزش محافظت از پسوردهای خود
آموزش قفل گذاشتن روی سی دیcd
آموزش ذخیره کردن صفحه وب به صورت PDF
آموزش کپی کردن متن های اینترنت که قفل شده اند
آموزش حذف حساب کاربری خود از سایت‌ها و شبکه‌های اجتماعی
آموزش ارسال SMS رایگان از اینترنت به گوشی ها
آموزش 12 نکته خواندنی که برای رایت کردن CD و DVD بایستی بدانید!
آموزش تصویری چگونه در سیستم‌عامل‌‌های مختلف فایل‌ها و پوشه‌های خود را مخفی کنیم؟
آموزش کار با نرم افزار CorelDRAW
آموزش تعاملی نرم افزار فلش(Flash cs6)
آموزش بازیابی فایل های پاک شده بدون نیاز به نرم افزار!
آموزش ۲۸ روش برای کسب درآمد از سایت و وبلاگ
آموزش نرم افزارهای پولی را به صورت رایگان کرک کنید!
آموزش چگونگی کپی و پرینت فایل های PDF محافظت شده
آموزش سه کاربرد فوق العاده از وب کم که تا به حال نمی‌دانستید!
آموزش چگونه دکمه‌های آزار دهنده مجازی در ال‌جی G3 را حذف کنیم؟!
آموزش ارسال پیامک از تلفن ثابت
آموزش کاربردهای مختلف بلوتوث
آموزش دانلود چیست؟ Download
آموزش تصویری ساختن آی دی یاهو از طریق مرورگر کروم
آموزش کامل افزایش آمار بازدید وبلاگ وسایت شما
آموزش بيش از 200 نوع از كليد هاي ميانبر
آموزش 8 شوخی ساده و بامزه کامپیوتری برای فریب دوستانتان
آموزش برطرف نمودن خطای USB Device Not Recognized
آموزش چند روش ساده برای قراردادن تصویر(فایل JPG )در متن ایمیل
آموزش تصویری ارسال فایلهای حجیم با ایمیل
آموزش دسترسی به تمام تلفنهای 118 ازطریق اینترنت
آموزش چگونه اقدام به فرستادن ایمیل های«خودویرانگر» کنیم؟
آموزش چگونه مانع بازگشت فایل های حذف شده شویم
آموزش ایجاد پوشه های مخفی رمزدار، بدون برنامه جانبی
آموزش مشاهده فولدرهای مخفی شده توسط ویروس
آموزش نوشتن اس ام اس در کامپیوتر، ارسال توسط گوشی !!!
آموزش ویکی پدیای فارسی به صورت آفلاین بر روی آندروید
آموزش در نظر نگرفتن زمان برای یافتن بلوتوث گوشی
دانلود فلش پلیرجدید- Flash Player(نسخه 13.0.0.206)
آموزش بهترین کلیدهای میانبر روی کیبورد که معمولا از آنها استفاده نمی‌کنیم!
آموزش تصویری قدم به قدم ساخت ترول
آموزش رفع ۵ مشکل عمومی در ویندوز فون ۸
آموزش ترفندهایی برای تایپ کردن سریع تر
آموزش ساخت و ویرایش فیلم توسط Windows Movie Maker
آموزش روشی جدید برای باز کردن PowerShell
آموزش استفاده مجدد از "CDهای سوخته"
آموزش راه حل های رفع ارور اکسترکت فایل های فشرده
آموزش رفع ارورپیغام “لطفا ساعت و تاریخ دستگاه خود را تصحیح بفرمایید و سپس مجددا صفحه را بارگزاری نماییددرثبت نام یارانه

صفحات سايت

تعداد صفحات : [Blog_Page_Count]
[Blog_Page]

آخرين مطالب ارسالي

-براي پاسخ سريع لطفا با شماره 09304293050 تماس بگيريد


نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتی
قوانين بخش نظرات
1 - نظرات اسپم و تبليغاتي تاييد نخواهد شد.
2 - فقط نظراتي که جنبه عمومي داشته باشند تاييد و منتشر مي شوند.
3 - نظرات فينگليش تاييد نخواهند شد.
4 - هرگونه درخواست و يا حل مشکلات فقط در انجمن امکان پذير است.
5 - لطفا انتقادات و پيشنهادات و همچنين درخواست هاي خود را از بخش هاي تماس با ما و درخواستي ها ارسال نماييد.

تبليغات

محل تبليغات شما

اطلاعات کاربري

نام کاربری :
رمز عبور :

مطالب پربازديد

مطالب تصادفي

محل تبليغات شما
محل تبليغات شما
محل تبليغات شما
محل تبليغات شما
محل تبليغات شما
محل تبليغات شما

مجوزهاي سايت

logo-samandehi

آمار سايت

کل مطالب : 7340
کل نظرات : 1205
افراد آنلاين : 23
تعداد اعضا : 7415
بازديد کل سايت : 14,657,575

چت باکس

[My_Chat_Box]