הוסף לחצן הדפס או קישור לדף האינטרנט שלך

click fraud protection

CSS (גיליונות סגנון מדורגים) מעניקים לך שליטה ניכרת על הצגת התוכן בדפי האינטרנט שלך על המסך. שליטה זו מתפרסמת גם על מדיות אחרות, למשל בעת הדפסת דף האינטרנט.

יתכן שאתה תוהה מדוע תרצה להוסיף א הדפסת תכונה לדף האינטרנט שלך; אחרי הכל, רוב האנשים כבר מכירים או יכולים להבין כיצד להדפיס דף אינטרנט באמצעות תפריטים של הדפדפן.

אבל ישנם מצבים שבהם הוספת כפתור הדפסה או קישור לדף לא רק יקל על התהליך למשתמשים שלך כאשר הם צריכים להדפיס דף אבל, אולי אפילו יותר חשוב, תתן לך שליטה רבה יותר על האופן בו ההדפסים יופיעו עיתון.

להלן הוראות להוסיף כפתורי הדפסה או קישורי הדפסה בדפים שלך, וכיצד להגדיר אילו חלקים מתוכן העמוד שלך יודפסו ואילו לא.

הוספת כפתור הדפסה

אתה יכול להוסיף כפתור הדפסה בקלות לדף האינטרנט שלך על ידי הוספת הקוד הבא למסמך ה- HTML שלך במקום בו ברצונך שהכפתור יופיע:

onclick = "windows.print (); החזר שקר;" />

הכפתור יתויג כ- הדפס דף זה כאשר הוא מופיע בדף האינטרנט. אתה יכול להתאים טקסט זה לכל מה שתרצה על ידי שינוי הטקסט בין הסימנים הבאים

ערך =
בקוד לעיל.
שים לב שקיים חלל ריק יחיד לפני הטקסט ועוקב אחריו; זה משפר את מראה הכפתור על ידי הכנסת שטח כלשהו בין קצות הטקסט לקצוות הכפתור המוצג.
instagram viewer

הוספת קישור להדפסה

קל אפילו יותר להוסיף קישור הדפס פשוט לדף האינטרנט שלך. פשוט הכנס את הקוד הבא למסמך HTML שלך במקום בו ברצונך שהקישור יופיע:

הדפס

אתה יכול להתאים אישית את טקסט הקישור על ידי שינוי "הדפס" לכל מה שתבחר.

הדפסת קטעים ספציפיים להדפסה

אתה יכול להגדיר את היכולת של המשתמשים להדפיס חלקים ספציפיים בדף האינטרנט שלך באמצעות כפתור או קישור להדפסה. אתה יכול לעשות זאת על ידי הוספת א print.css הקובץ לאתר שלך, קרא אותו בראש מסמך HTML ואז הגדר את החלקים שברצונך להדפיס בקלות על ידי הגדרת מחלקה.

ראשית, הוסף את הקוד הבא לקטע הראשי של מסמך ה- HTML שלך:

type = "text / css" media = "print" />

בשלב הבא, צור קובץ בשם print.css. בקובץ זה, הוסף את הקוד הבא:

גוף {ראות: מוסתר;}
.print {נראות: גלויה;}

קוד זה מגדיר את כל האלמנטים בגוף כמוסתרים בעת הדפסתם אלא אם כן יש לאלמנט הכיתה "הדפס" שהוקצתה לו.

כעת, כל שעליך לעשות הוא להקצות את מחלקת "הדפס" לאלמנטים בדף האינטרנט שלך שברצונך להדפיס. לדוגמה, כדי להפוך את החלק המוגדר באלמנט div להדפסה, היית משתמש בו

כל דבר אחר בדף שלא מוקצה לשיעור זה לא ידפיס.

instagram story viewer