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

اضنك بدأت تتذكر تلك الأزرار المكتوب عليها ” أنقر هنا للطباعة” أو “نسخة للطباعة” … كل مرة تنقر عليها تجد نفسك أمام ملف مستقل كليا عن الصفحة التي كنت فيها، تحمل نفس المعلومات لكن بقالب آخر، وكثيرا ما يتم حذف رأسية الصفحة والقوائم الإضافية، وان كنت محظوظا ستجد أن الخط اصبح كببرا  ملائما لنسخة مطبوعة.

لكن لماذا نوفر نسخة للطباعة في موقعنا ؟

في الحقيقة هناك عدة أسباب تجعلنا نطوع محتوى موقعنا للطباعة بعضها أسباب تتعلق بالحقائق العامة عن متصفحي الإنترنت وبعضها الآخر كونتها طبيعة محتوى الموقع.

مرتادو الإنترنت يتصفحون ولا يقرؤون المحتوى

لأن كثرة الروابط واتساع شبكة الإنترنت تجعلنا نقفز من صفحة إلى أخرى، ومن مقال إلى آخر، فنجد أنفسنا في الأخير مجرد مسّاحات ضوئية.

شاشة الحاسوب متعبة

فهي تجعلنا نبتعد عن قراءة أي مقال كبير الحجم لأنها تتعب العين أثناء التركيز وترهقها، كما أن وضعيتها ترهق هيكلة الإنسان كثيرا.

الشبكة العنكبوتية دائمة التغير

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

طبيعة المحتوى

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

إنهم يطبعون لأرشفتها

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

من المفترض الآن انك اقتنعت بضرورة وجود نسخة ملائمة للطباعة لمحتوى موقعك، وأضن أنه أصبح لديك فضول صارخ لتعرف كيف تقوم بذلك

طرق تطويع موقعك للطباعة

هناك عدة طرق لكن مجملها يتلخص في طريقتين رئيسيتين: اما أن تصمم نسخة للطباعة بشكل يدوي لكل محتوى تضيفه لموقعك، واما أن تتم العملية بطريقة آلية.

الطريقة الآلية أم الطريقة اليدوية؟

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

استخدم خدمة

هناك بعض الخدمات منها المجانية ومنها المدفوعة التي تمنحك قدرة تصنيع نسخ قابلة للطباعة في موقعك، نذكر منها على سبيل المثال لا على الحصر خدمة Print friendly

استخدم اضافة

كثير من نظم إدارة المحتوى المشهورة توفر لنا اضافات منها المجاني ومنها المدفوع مهمتها توفير نسخة ملائمة للطباعة، فعلى سبيل المثال هذه بعض منها:

وورد برس: Print friendly & PDF button, WP-Print, PDF & Print Button Joliprint

جوملا: Print Me, JoliPrint, Enabled PDF

دروبلا: Printer, e-mail and PDF versions

قولب المحتوى باستخدام CSS

تعد هذه الطريقة الأفضل والأنجع، والتي أثبتت جدارتها، حيث أنها تُعَرِّفُ الطباعة على أنها أحد الوسائط مثل شاشة الحاسوب أو الهاتف الذكي، ما عليك فقط هو قولبتها ثم تعريفها على أنها print media

7 أشياء عليك مراعاتها أثناء اعدادك للنسخة المطبوعة

احذف رأسية الصفحة، القوائم الجانبية

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

خلفية بيضاء

لأن الطابعات لاتقوم بطباعة الون الأبيض سيكون من المستحسن استغلاله كخلفية، فمن جهة يجعل الطباعة غير مكلفة وتناسب جميع الطابعات سواء التي لها القدرة على طباعة اللون أو التي تطبع بالتدرج الرمادي فقط، ومن جهة أخرى فتناسق لون الكتابة الأسود مع خلفية بيضاء هو راحة لعين القارئ، احذف أيضا أي صورةغير مناسبة ولاتدعم المضمون.

خط كبير وملائم

عموما نستخدم على شاشة الحاسوب خطوطا ك tahoma ذو الحجم 11بيكسل وهو جيد على الشاشة لكنه سيء جدا على الورق لأنه يستحسن استخدام بعض الخطوط ك”arabic typesetting”

أظهر عناوين الروابط

لقد كان تساؤلك عن كيفية التعامل مع الروابط وجيها، فعلى الورق، أصبع الإنسان ليس كالفأرة ولا يستطيع الضغط عليها، ولهاذا السبب عليك أن تظهر عناوين الروابط بجانب الروابط لكي يتسنى   bit.by للقارئ الإطلاع عليها متى شاء. ويفضل أن يكون الرابط مختصرا ليسهل نقله، (يمكنك استعمال أحد الخدمات المتوفرة المجانية مثل:

لا حاجة للهوامش

عليك أن تستغل صفحة الطباعة على أحسن وجه، ولهذا فإن ترك الهوامش كبيرة يعتبر سوء استغلال كما أن حذف الهوامش نهائيا يفسد جمالية الورقة. يمكنك تعيينه ب 10% من أبعاد الصفحة.ذ

سطر الروابط

تذكر أن كل شيء سيبدو بالأبيض والأسود بعد الطباعة، والروابط ستغدو وكأنها كتابة عادية لذا يستحسن وضع سطر تحتها لكي يميزها القاريء عن باقي المقال

لا تنس حقوقك الفكرية

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

أمثلة

http://www.smashingmagazine.com/

http://24ways.org

………..

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