يمكن أن تكون طباعة صفحة الويب محبطة. في كثير من الأحيان ، تقوم صفحات الويب المطبوعة بقطع أجزاء من النص وإعلانات الجص على بقية. في أوقات أخرى ، قد ترسل صفحة إلى الطابعة ولا تحصل على شيء سوى ورق أبيض نظيف. إذا كان من المهم أن يكون محتوى موقعك جذابًا وقابلاً للقراءة بعد إرساله إلى الطابعة ، فأنت بحاجة إلى إعداد صفحتك لرحلتها إلى الورق.

إنشاء نسخة منفصلة للطباعة

1.

قم بإنشاء صفحة HTML منفصلة للطباعة. كرر المحتوى الأساسي للصفحة الكاملة ، مع تصغيره إلى النص الأساسي. أزل الرؤوس والتذييلات غير الضرورية (غالبًا ما تتكون من روابط لا معنى لها على الورق). أزل الإعلانات والقوائم من الأعمدة الجانبية. إما إزالة الصور أو التأكد من أنها تظهر مضمنة بحجم مناسب. تقليل استخدام الجداول وتحديد موضع عناصر HTML بشكل صريح. استخدم الخطوط التي من المؤكد أن تجدها على جميع أجهزة الكمبيوتر تقريبًا (Times New Roman، Arial، Verdana).

2.

أضف زر "طباعة" إلى الصفحة الرئيسية التي ترتبط بالصفحة القابلة للطباعة. قد يبدو الزر ، بتنسيق HTML ، شيئًا كالتالي:

3.

اختبار الصفحة القابلة للطباعة مع العديد من الطابعات وإجراء التعديلات حسب الضرورة.

استخدم CSS لجعل المحتوى أكثر قابلية للطباعة

1.

استخدم صحيفتي نمط متتاليتين بدلاً من واحدة عند تصميم موقعك. سيتم استخدام ورقة أنماط واحدة عند عرض صفحتك على الكمبيوتر. سيتم استخدام ورقة الأنماط الثانية عندما يتم إرسال صفحتك إلى الطابعة لتصبح نسخة مطبوعة. عيّن السمة "media" في ارتباطات أوراق الأنماط لتعيين كل ورقة نمط لوسطها. فمثلا:

2.

قم بإنشاء علامات في ورقة أنماط الطباعة لإخفاء الصور والروابط والعناوين والعناصر الأخرى التي يجب ألا تظهر على الصفحة المطبوعة. إضافة فئة "doNotPrint" إلى ورقة أنماط الطباعة فقط:

.doNotPrint {عرض: لا شيء؛ }

في HTML ، قم بتعيين قيمة الفئة لأي عناصر تريد إخفاؤها على الطابعة على "doNotPrint":

أنا أرفض أن أكون مطبوعا!

ستظهر عناصر مثل هذه على الشاشة ، ولكن ليس على الصفحة المطبوعة.

3.

إضافة نمط إلى ورقة أنماط الطباعة التي تجعل كل النص أسود على خلفية بيضاء:

body {font-family: "Times New Roman"، Arial، serif؛

حجم الخط: 12 بكسل ؛

اللون: # 000000؛

لون الخلفية: #FFFFFF؛

}

إذا قمت بتعيين عناصر محددة مثل العناوين (على سبيل المثال ،

) إلى الألوان غير القابلة للطباعة ، ستحتاج إلى ضبطها صراحةً على الأسود في ورقة أنماط الطباعة أيضًا.

4.

اختبر صفحتك على عدد قليل من الطابعات إذا كنت تستطيع وتعديل تصميمك إذا لزم الأمر.

تلميح

• للتأكد تمامًا من أن صفحتك تطبع بنفس الطريقة في كل مكان ، قم بإنشاء إصدار PDF لصفحة الويب الخاصة بك واربطها من زر "طباعة". يحافظ PDF على تصميمك ولا يعتمد على خطوط أجهزة الكمبيوتر العميلة. ومع ذلك ، إذا كنت تستطيع ، استخدم طريقة CSS لجعل صفحات الويب الخاصة بك قابلة للطباعة. تذكر أنك إذا قمت بإجراء نسخة "طباعة" منفصلة لصفحتك ، فيجب عليك تحديث هذه الصفحة في كل مرة تقوم فيها بتحديث المحتوى الموجود على إصدار "الشاشة" من الصفحة. على المدى الطويل ، سيوفر لك CSS عملك.