דפי אינטרנט אמורים להיות מוצגים על המסך. אמנם יש מגוון רחב של מכשירים אפשריים שניתן להשתמש בהם כדי להציג אתר (מחשבים שולחניים, מחשבים ניידים, טבליות, טלפונים, wearables, טלוויזיות, וכו '), הם כולם כוללים מסך כלשהו. יש דרך אחרת שמישהו יכול להציג את אתר האינטרנט שלך, באופן שאינו כולל מסך. אנו מתכוונים להדפסה פיזית של דפי האינטרנט שלך.
לפני שנים, היית מוצא שאנשים הדפסת אתרים היו תרחיש נפוץ למדי. אנו זוכרים פגישה עם לקוחות רבים שהיו חדשים באינטרנט והרגשתי נוח יותר לעיין בדפים המודפסים של האתר. לאחר מכן הם נתנו לנו משוב ועריכה על אותם פיסות נייר במקום להסתכל על המסך כדי לדון באתר. כאשר אנשים הפכו להיות נוחים יותר עם המסכים בחייהם, וככל שמסכים אלה הוכפלו פעמים רבות, ראינו פחות ופחות אנשים מנסים להדפיס דפי אינטרנט לנייר, אבל זה עדיין קורה. ייתכן שתרצה לשקול את התופעה כאשר אתה מתכנן את אתר האינטרנט שלך. האם אתה רוצה שאנשים ידפיסו את דפי האינטרנט שלך? אולי לא. אם זה המצב, יש לך כמה אפשרויות.
כיצד לחסום דף אינטרנט מתוך הדפסה עם
קל להשתמש ב- CSS כדי למנוע מאנשים להדפיס את דפי האינטרנט שלך. אתה פשוט צריך ליצור גיליון סגנונות 1 שורה בשם "print.css" הכוללת את השורה הבאה של CSS.
body {display: none; }
זה סגנון אחד יהפוך את "הגוף" אלמנט של הדפים שלך להיות לא מוצג - ומאחר הכל על הדפים שלך הוא הילד של אלמנט הגוף, זה אומר את כל הדף / האתר לא יוצג. לאחר שקיבלת את גיליון הסגנון "print.css" שלך, היית טוען אותו ל- HTML כגיליון סגנונות הדפסה. הנה איך היית עושה את זה - פשוט להוסיף את השורה הבאה אל "ראש" אלמנט דפי HTML שלך.
מידע זה אומר לדפדפן שאם דף אינטרנט זה מוגדר להדפסה, כדי להשתמש בגליון הסגנונות במקום בגליון הסגנונות המוגדר כברירת מחדל, הדפים משמשים לתצוגה על המסך. כאשר הדפים עוברים לגיליון "print.css" זה, הסגנון שמייצר את כל הדף לא יוצג, וכל מה שיודפס יהיה דף ריק. אם אינך צריך לחסום דפים רבים באתר שלך, תוכל לחסום את ההדפסה על בסיס דף אחר דף, כאשר הסגנונות הבאים מודבקים לראש ה- HTML שלך.
לסגנון זה בדף תהיה סגוליות גבוהה יותר מכל הסגנונות שבגליונות הסגנון החיצוניים שלך, כלומר הדף לא יודפס כלל, בעוד שדפים אחרים ללא קו זה עדיין ידפיסו כרגיל. מה אם אתה רוצה לחסום את ההדפסה, אבל לא רוצה הלקוחות שלך להיות מתוסכל? אם הם רואים הדפסת דף ריק, הם עלולים להתרגז ולחשוב המדפסת שלהם או המחשב הוא שבור ולא מבינים שיש לך בעצם הדפסה מושבת! כדי להימנע מתסכול המבקר, אתה יכול לקבל קצת fancier ולשים בהודעה כי יהיה רק להציג כאשר הקוראים שלך להדפיס את הדף - החלפת תוכן אחר. כדי לעשות זאת, לבנות את דף האינטרנט הרגיל שלך, בחלק העליון של הדף, מיד אחרי תג הגוף, שים: וסגור את התג אחרי כל התוכן שלך כתוב, בתחתית הדף: לאחר מכן, לאחר סגירת ה- "noprint" div, פתח div נוסף עם ההודעה שברצונך להציג כאשר המסמך מודפס: דף זה מיועד להצגה מקוונת ולא ניתן להדפיסו. עיין בדף זה בכתובת http://webdesign.about.com/od/advancedcss/qt/block_print.htm כלול קישור למסמך ה- CSS שלך בשם print.css:
ו במסמך זה כוללים את הסגנונות הבאים: #noprint {display: none; } #print {display: block; }
לבסוף, בגיליון הסגנונות הרגיל שלך (או בסגנון פנימי בראש המסמך), כתוב: #print {display: none; } #noprint {display: block; }
פעולה זו תבטיח שהודעת ההדפסה תופיע רק בעמוד המודפס, בעוד שדף האינטרנט מופיע רק בדף המקוון. הדפסת דפי אינטרנט היא בדרך כלל חוויה גרועה, שכן אתרים של היום לעתים קרובות לא מתרגמים היטב את הדף המודפס. אם אינך רוצה ליצור גיליון סגנונות נפרד לחלוטין כדי להכתיב סגנונות הדפסה, תוכל לשקול להשתמש בשלבים ממאמר זה להדפסת "כיבוי" בדף. שים לב להשפעה שיכולה להיות על משתמשים המסתמכים על הדפסת אתרים (אולי משום שיש להם ראייה ירודה ומאבק בקריאת טקסט על המסך) וקבלת החלטות שיפעלו עבור הקהל באתר שלך. מאמר מקורי מאת ג'ניפר קרינין. בעריכת ג'רמי ג'יררד. לחסום עמוד אחד בכל פעם
קבל Fancier עם דפים חסומים שלך
חשוב על חוויית המשתמש
