مثير للإعجاب

كيفية إضافة زر طباعة أو رابط إلى صفحة الويب الخاصة بك

كيفية إضافة زر طباعة أو رابط إلى صفحة الويب الخاصة بك


We are searching data for your request:

Forums and discussions:
Manuals and reference books:
Data from registers:
Wait the end of the search in all databases.
Upon completion, a link will appear to access the found materials.

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

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

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

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

إضافة زر طباعة

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

onclick = "window.print ()؛ return false؛" />

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

= قيمةفي الرمز أعلاه.
لاحظ أن هناك مساحة فارغة واحدة تسبق النص وتليها ؛ هذا يحسن مظهر الزر بإدخال بعض المسافات بين نهايات النص وحواف الزر المعروضة.

إضافة رابط الطباعة

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

طباعة

يمكنك تخصيص نص الرابط عن طريق تغيير "الطباعة" إلى أي شيء تختاره.

جعل أقسام محددة للطباعة

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

أولاً ، أضف الكود التالي إلى القسم الرئيسي لمستند HTML:

اكتب = "text / css" media = "print" />

بعد ذلك ، قم بإنشاء ملف باسم print.css. في هذا الملف ، أضف الكود التالي:

الجسم {الرؤية: مخفي ؛}
.print {الرؤية: مرئية ؛}

يعرّف هذا الرمز جميع العناصر الموجودة في النص بأنها مخفية عند طباعتها ما لم يكن للعنصر فئة "الطباعة" المخصصة لها.

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

لن تتم طباعة أي شيء آخر على الصفحة غير مخصص لهذه الفئة.


Video, Sitemap-Video, Sitemap-Videos