کاربری
کاربر گرامی به معمار فا - معماری ایران و جهان خوش آمدید . اگر این نخستین بازدید شما از سایت است , لطفا ثبت نام کنید:
Social Media Tabs
نمایش نتایج: از 1 به 1 از 1

موضوع: نکات و ترفندهای چاپ در css

  1. #1
    مدیرکل
    تاریخ عضویت
    Jan 2013
    محل سکونت
    شیراز
    نوشته ها
    4,250
    تشکر
    6,172
    تشکر شده 8,134 بار در 3,111 ارسال
    نوشته های وبلاگ
    4
    میزان امتیاز
    10
    Array

    نکات و ترفندهای چاپ در 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;
    }
    }
    در بخشی بعدی، ترفندهای دیگری برای بهینه سازی نسخه چاپی سایت بیان خواهد شد.
    منبع:nardebaan.ir

    کاربر زیر به خاطر ارسال مفید Hamed Mohammadpor از ایشان تشکر کرده است:

    maniya (06-12-2015)

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

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
درباره ما

تارنمای معمار فا با هدف ارتقاء سطح دانش و فرهنگ ایرانیان و خدمت رسانی به هم میهنان گرامی با عنوان "مرجع تخصصي معماري و معماران ايران" در پنجم اسفند 1391 ایجاد گردیده است.
از لحظه تولد تاکنون معمار فا همواره سعی در بکارگیری شیوه های مدیریتی جدید و خدمات نوین داشته است . معمار فا مفتخر است که شما دوستان عزیز را به همراه دارد.

دوستان ما
لینک های مفید
ابزار ها
بارگذاری مجدد کد امنیتی مندرج در تصویر را وارد کنید: